32
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 !
Téléchargement des fichiers sources liés à ce tutorial
Veuillez vous connecter pour télécharger les fichiers sourcesArticle publié par Wonka
Vous aimez cet article? Partagez le !
Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !
La galerie des membres
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
Questions et commentaires, Il y a 8 messages de forum.
Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.
-
15 juillet 2009 20:01, par 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 -
-
20 juillet 2009 18:53, par 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-
20 juillet 2009 20:25, par Wonka
Ah je suis pas tellement facebook
Répondre mais l’icone pourrais faire l’objet d’un tutorial !
-
-
-
18 août 2009 00:59, par 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 -
8 mars 2010 16:13, par 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-
12 mars 2010 10:13, par 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
-
