32
Créer un logo color web 2.0
J’ai vu il y a quelques temps un logo qui ressemblait à peu près à cela, je l’ai trouvé particuliérement intéressant. C’est donc tout naturellement que j’ai eu envie de créer un tutorial expliquant la technique.
- Fichier .psd téléchargeable
- Clic pour télécharger le fichier source Photoshop (.psd) utilisé dans ce tutorial !
ETAPE 1
Je crée un nouveau document sur fond noir, et je sélectionne l’outil texte et je crée mon titre au milieu de mon image.
ETAPE 2
Je change chaque mot de mon titre par une nouvelle couleur puis j’appuie sur (ctrl) + (t) pour pivoter mon texte sur la gauche.
Puis j’applique un style de calque : Contour de 10 pixels blanc.
ETAPE 3
J’utilise l’outil « formes personnalisées » pour créer des petites étoiles un peu partout. Je place le calque en dessous de mon texte.
ETAPE 4
Je fais la même chose mais en plaçant les petites étoiles par dessus, chaque petite étoile sera d’une couleur différente.
ETAPE 5
Je crée un nouveau calque par dessous et j’utilise un très gros pinceau diffus blanc pour créer une petite lueur blanche sur le haut gauche.
ETAPE 6
En utilisant des brushs je crée des destructurations blanches par dessus le texte et par dessous.
Les brushs sont téléchargeables à cette adresse :
http://osiris2735.deviantart.com/art/MF-Splatter-Brush-Pack-v-01-61824967
ETAPE 7
Je continue mon travail avec les brushs, et j’ajoute un fond graphique évolué ! Plus j’ajoute une ombre portée à mon texte. Pour ce faire, je crée un nouveau calque par dessous, puis je récupére la sélection de mon texte que je dilue de 10 pixels (sélection > modification > dilater > 10 pixels), j’ajoute à cette sélection celle de mes étoiles blanches, en appuyant sur maj + ctrl + clic sur le calque étoiles blanches.
ETAPE 8
Je figniole le tout en ajoutant « petit reflet », autre petit brush etc...
Pour information : le fichier Photoshop est disponible en haut de la page, les brushs ont été trouvés sur le site « deviantart » en faisant une recherche sur brush photoshop.
Bonne chance pour la réalisaiton de votre logo.
Article 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 39 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.
-
2 décembre 2007 18:37, par Fiziko
YOUHOUUUU !!!! ça nous a manqué un bon tuto de bonne qualité et de bon résultat
Répondre
Bravo !!
PS : Les pubs sont vraiment trèèèèssssss chia**** XD-
3 décembre 2007 13:54, par Wonka
Pour les pubs oui je suis au courant, moi même ca me prend la tête, j’ai d’ailleurs prévus des les enlever, des que mon compte atteint les 100 euros minimum de paiement, Je vais quand même pas leur laisser mon argent déjà durement gagné !
Pour le tutorial, il est de la même qualité que les autres c’est à dire assez bonne :p
Merci pour ton commentaire en tout cas !
Répondre-
3 décembre 2007 17:41
Ahhhh... juste pour savoir : faut il seulement cliquer pour que ça te rapporte de l’argent XD ??
Répondre-
3 décembre 2007 19:11, par Clemens
Oui, c’est sa, il faut cliquer :D
Moi je vois pas du pubs à par les les AdSense qui ont toujours été la
Répondre
-
-
4 décembre 2007 10:59, par Wonka
Non elles sont bien la, mais certains naviguateur bloquent ces horribles pubs (ont se demandent pourquoi).
Oui pour que ca gagne faut cliquer sur les liens dans le texte. Pour celui du haut c’est de lé rémunération à l’affichage donc ca sert à rien d’y cliquer ...
Enfin !
Répondre
-
-
-
-
-
-
4 décembre 2007 15:10, par DoDo
Merci pour cet excellent tuto, quelle est la poilice utilisé ? Merci
Répondre-
4 décembre 2007 15:37, par Wonka
La police de caractère utilisée dans ce tutorial est BadaBoom BB téléchargeable sur dafont à cette adresse :
http://www.dafont.com/fr/badaboom-bb.font
Merci pour ton message !
Répondre
-
-
12 décembre 2007 22:27, par Fan Réjouis
Un seul mot à dire : MA-GNI-FI-QUE !!! Continuez comme ca !
Répondre
-
-
17 décembre 2007 10:26, par Wonka
Dans la barre d’outil générale de Photoshop à gauche de ton ecran !
Répondre
-
-
25 décembre 2007 23:08, par jo
je trouve super toutles tuto c"est MAGNIFIQUE mais pourais tu me dire coments metre les etoile de formaes personalisé en couleur au dessus de notre txte je ni arrive pas avec pot de peinture et tout autre chose merci davance
Répondre-
27 décembre 2007 11:02, par Wonka
En utilisant l’outil des formes personnalisées de Photoshop tout simplement.
Dans le bibliothèque des formes il existe une étoile, c’est avec cela qu’il faut créer les étoiles
Bonne chance !
Répondre
-
-
17 janvier 2008 16:01, par VivaTheBoss
bonjour voila super tuto mais jai un souci je ne trouve pas l’etoile pourait tu faire un screenshot car ca me prend la tete
vivatheboss@hotmail.fr
Répondre-
18 janvier 2008 12:33, par Wonka
Quand tu as la fenètre qui te presente toutes les formes, tu as un petit rond avec une fleche dedans en haut à droite, si tu clic dessus tu as plein d’options qui apparaissent dans un menu.
En bas de ce menu tu as une listes de bibliothqèe genre : Animaux, bulles, cadres, carrelages etc... tu clic sur l’un d’entres eux. La de nouvelles formes apparaissent dans ta fenètre. Tu clic sur toutes les bibliothque pour trouve l’étoile.
Voila
Répondre bonne chance !
-
-
11 février 2008 21:18, par MisterManson2400
Euh ... personne se moque promis ?? :$
Bon jme lance ... comment on fait la lumière diffuse là avec le pinceau ?
Répondre-
11 février 2008 22:55, par Wonka
C’est juste un point créée avec un pinceau très large mais diffus avec une couleur clair, voir les options de ton outil pinceau tu comprendras mieux
Répondre
-
-
24 février 2008 17:57, par Duck
L’un de tes meilleurs tutos, magnifique.
Voici ce que j’ai fait grâce à toi : http://img509.imageshack.us/img509/4347/testlt0.jpg
Répondre -
-
23 mai 2008 14:37, par Wonka
J’aime beaucoup les couleurs utilisés, le texte rend vraiment bien avec les brushs ! Bref très beau.
Répondre
-
-
12 août 2008 00:25, par Jess
Moi j’ai pas apprécier . . .T’explique pas tout en détail , les tache de peinture tu les a fais comment ??? Il manque d’explication . . .
Répondre-
12 août 2008 20:00, par Wonka
Les taches sont faites grâce à un brush Photoshop, et je pense que c’est écris !
Répondre
-
-
17 août 2008 17:14
oublis pas de preciser que tu as pris le graph de PSY en fond merci 93100 montreuil city zaien
Répondre -
2 décembre 2008 14:32, par Songokuu
Bonjour, ce tuto et surtout ce logo sont d’une grande réussite. Mais comme je débute avec photoshop, je n’arrive pas à suivre correctement les étapes... En gros j’ai déjà du mal avec la colorisation du texte : est-ce que je dois le pixéliser ? Parce que quand j’écris mon texte, que j’utilise un nouveau calque pour faire un dégrader de couleur et que enfin je les fusionnent, eh bien ça le pixellise automatiquement le contour de mon texte devient très laid...un escalier très prononcé...
Répondre -
21 janvier 2009 15:13, par Johann
Salut Wonka, j’aimerais juste savoir ou peut-on avoir le brush reflet ? 8DD
Merci d’avance :p
Répondre -
-
17 avril 2009 15:21
Je voudrai savoir comment mettre la police sur photoshop, je l’ai téléchargé mais je n’arrive pas à la mettre dans les polices. Help please !!!
Répondre-
17 avril 2009 16:15, par Wonka
Il faut copier et coller le fichier .ttf dans le dossier fonts de windows !
Répondre
-
-
2 décembre 2009 01:12, par Shek
Super Tuto mais petite question... comment fait-on lorsqu’on crée les étoiles pour les mettre derrière de texte ??? (c’est à dire entre le texte et le background noir).
Merci d’avance.
Répondre-
2 décembre 2009 09:14, par Wonka
Il suffit de déplacer les calques étoiles derrière les autres calques, voir dans la fenètre des calques ! Bon courage.
Répondre
-
-
15 juillet 2010 23:28, par karlote79
Bonsoir ! Le tuto est genial et j’avoue que c’est super pour créer des logos ! Question bête comment est ce que tu intègres ton fond graphique évolué ?car j’ai une image mais je n’arrive pas à l’intégrer !! Merci
Répondre -
3 septembre 2010 23:48, par Sylvain
Bonsoir ; J’aimerai Savoir Comment Vous Avez Fait Pour Le Dégradé De Couleurs ? Merci
Répondre -
18 octobre 2011 18:43, par electroman87
Je ne comprends pas coment tu fais pour que les couleurs des etoiles soient seulement dans l’etoile et non sur tout l’etoile. Et coment a tu intégrer ton fond
Répondre
