Saga Twitter 3 - Créer une icône glossy Twitter avec Photoshop

Voici le dernier tutoriel de notre saga Twitter sur wks.fr ! Vous pourrez grâce à ce tutoriel créer une icône glossy dont la thématique évidemment est le service de micro blogging Twitte ;)

Ce tutoriel sera donc le dernier de notre saga Twitter, vous allez avoir plus d’explications sur la petitz icône qui a été ajoutée au bas de l’illustration créée précédemment. Ce tutoriel est plutôt simple et conviendra tout à fait aux débutants.

Voici l’icône en plusieurs tailles :

Et voici une image complète des 6 étapes qui vous permettront de créer cette icône.

PETITE ETAPE 1

Je crée un nouveau document dans Photoshop, je remplis mon image avec un dégradé de bleu vers bleu foncé. Ensuite je crée la base de mon icône, pour cela rien de plus simple, j’utilise un rectangle arrondi pour la partie haute. Pour la petite partie en bas je crée un nouveau calque, et en utilisant l’outil forme polygonale je crée un triangle et je le remplis de noir. Pour terminer je fusionne les deux calques.

PETITE ETAPE 2

Je vais ajouter trois styles de calques, un contour et une ombre portée et une lueur interne. Voici la configuration de ces styles :

PETITE ETAPE 3

J’ajoute le logo de Twitter. Pour crée cette forme j’utilise simplement la plume.

PETITE ETAPE 4

J’ajoute ici aussi quelques styles de calques : incrustation de dégradé, lueur interne et ombre interne.

PETITE ETAPE 5

Vous allez maintenant créer un petit contour blanc en haut et à gauche. Pour cela commencez par créer un nouveau calque, puis faites Ctrl + clic sur la base de l’icône pour récupérer sa sélection.

Enfin je fais menu sélection > modifier > contracter > 2px. Je remplis de blanc la sélection. Enfin je la déplace de 1px à droite puis 1 en bas et j’appuie sur Suppr pour enlever l’intérieur blanc et ne garder qu’un fin contour.

PETITE ETAPE 6

Pour terminer vous allez créer un reflet discret sur toute l’icône. Je recommence donc comme précédemment. Vous créez un nouveau calque, puis faites Ctrl + clic sur la base de l’icône pour récupérer sa sélection. Enfin je fais menu sélection > modifier > contracter > 2px. Je remplis de blanc la sélection. Avec l’outil sélection en ellipse je crée un rond sur l’icône puis j’appuie sur Suppr.

Pour terminer j’ajoute un masque de fusion et j’utilise un dégradé blanc vers noir pour cacher le bas !

Et voila votre icône déjà terminée, pas mal et facile non ? Si vous avez des questions merci de les poster dans les commentaires ci-dessous.

Merci à tous pour votre fidélité. Ainsi s’achève sur Wks.fr la saga Twitter !

Partager cet article avec vos amis

Télécharger les fichiers Photoshop

Insrivez vous à la newsletter pour débloquer le lien de téléchargement des fichiers Photoshop. Si vous êtes déjà inscris, cliquez ici.

Votre email servira uniquement à la newsletter de wks (un envoi max / semaine). Elle ne sera jamais vendu ni loué. Vous pouvez vous désabonner à tout moment. En savoir plus

Ajouter un nouveau commentaire

Article publié par Julien DEBOVE

Voir le profil Google+ de

Images Réalisées à partir de ce tutoriel Photoshop

publiée par Inconnu

Vous avez terminé ce tuto ? Partager votre création graphique.

Il y a 8 commentaires publiés sur cet article
  • SpaceR

    Sympa comme tuto ;) mais je bloque toujours sur l’outil plume... :/ Je sais qu’il y a un tuto à ce sujet mais bon...ça ne montre qu’une méthode pour utiliser l’outil plume, c’est pour ça que ce serait bien d’en rajouter un ou deux ^^

    Ciao

    Répondre
  • Informagik

    Si simple et si efficace... Merci :)

    Répondre
    • Alexcouter

      Wonka ... J’ai un cadeau pour toi , jeune adorateur de twitter ...

      http://www.noelshack.com/uploads/16062009/Facebooklogocopie018437.png

      Facebook en force. :)

      Voir en ligne : Photo facebook

      Répondre
      • Wonka

        Ah je suis pas tellement facebook :/ mais l’icone pourrais faire l’objet d’un tutorial !

        Répondre
  • Alexcouter

    Monnayant un peu d’argent , ok ... *Malin malin*

    Répondre
  • jutsu15

    Je tiens à remercier énormement notre très cher WebMaster : WOnka ;, regarde la première image qui va être posté, ce sera pour toi !!

     Et si ça interesserais quelqu’un, j’ai fais pas une police, car je sais pas my prendre ; mais plutot l’Alphabet, grâce à ccette technique et en utilisant, Alba et Alba pro !!

    demander moi et je vous le déposerais, le résultat est garantie, (si quelqu’un pourrais en faire une police, c’est superbe) !!

    Répondre
  • Belbarrin

    Bonjour,

    A l’étape 5 et 6, je n’ai pas accès au « modifier ».

    Mes deux calques sont sélectionnés pourtant.

    Merci pour les tutos.

    Répondre
    • Wonka

      Lorsque les calques sont sélectionnés appuis sur les touches Ctrl + T pour les modifier. Remarque vérifie également qu’il n’y ai pas de sélection active sur ton image (fait Ctrl + D pour déslectionner). Bon courage.

      Répondre
Ajouter un nouveau commentaire