32
Création d’un logo bouclier design pour son site
Voici un tutorial qui est vraiment intéressant, tant au niveau des couleurs que de l’utilisation des formes et des motifs, il s’adresse effectivement à ceux qui connaissent déjà bien Photoshop mais, pour les débutants, réaliser ce tutorial peut être un vrai défi, d’autant plus que le résultat est très intéressant !
- Fichier PSD tutorial 135
- clic pour télécharger le fichier source PSD utilisé dans ce tutorial
ETAPE 1
Je crée un nouveau document et je sélectionne directement l’outil formes personnalisées (forme bouclier) et je crée la forme au centre de mon document.
ETAPE 2
Je duplique la forme et je la modifie avec l’outil Scale en le rétrécissant de 10%. Puis je change la couleur de cette forme en blanc (incrustation de couleur dans les styles de calque).
ETAPE 3
Je vais faire un tour sur cette page http://www.wks.fr/Utiliser-les-diagonales-avec.html pour bien comprendre l’utilisation des diagonales.
Je duplique le bouclier blanc puis je réduis la nouvelle forme de 10% avec l’outil Scale (édition > transformation > scale).
Je vais maintenant ajouter un motif à ce bouclier, pour cela, j’utilise le pot de peinture ou le style de calque.
Dans tous les cas, je dois ensuite supprimer les bandes blanches pour qu’il ne reste que les bandes de couleurs.
Si j’ai utilisé le pot de peinture rien de plus simple : je sélectionne une à une les bandes blanches avec la baguette et j’appuie sur (Suppr).
Si j’ai utilisé le style de calque, je fait la même manipulation avec la baguette mais avant je dois aplatir le style de calque, pour cela, je crée un calque vide que je place sous le bouclier avec les bandes puis j’appuie sur (Ctrl) + (E) pour les fusionner.
ETAPE 4
Je crée un nouveau calque sous les bandes de couleur et j’applique un dégradé. J’utilise simplement l’outil dégradé (G) que j’applique du bas droit vers le haut gauche.
ETAPE 5
Avec l’outil forme personnalisée (U) j’ajoute une fleur de lys au centre de mon bouclier.
ETAPE 6
Par dessus l’ensemble, je crée une ellipse blanche que je pixélise, ensuite je récupère la sélection de mon plus petit bouclier, j’inverse la sélection et j’appuie sur (Suppr).
ETAPE 7
J’ajoute le nom de mon site.
ETAPE 8
Avec l’originalité des brushes disponibles sur le net, je crée des petites plantes sur les côtés de mon logo.
ETAPE 9
Je finis ma composition en ajoutant un dégradé dans le fond.
Maintenant, j’admire mon œuvre en versant une larme ! J’avoue j’ai trouvé l’inspiration en voyant un tutorial américain que voici.
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 85 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.
-
9 avril 2007 19:48, par maga
franchement tres bien comme tuto ! Au niveau des explications je pense juste que des débutants risqueraient d’être un peu paumé. mais moi, ca m’a bien rendu service:merci !
Répondre-
10 avril 2007 09:23, par Wonka
Oui mais j’ai directement au dèbut prévenus que le tutorial était assez tendus
Répondre
-
-
18 avril 2007 17:48
Vraiment sympa ce tutorial, j’ai essayé de faire un logo en forme de bouclier et j’ai parfaitement réussi et du premier coup
thank you very much wonka
ps : je l’ai fait avec mes gouts ^^ bien entendu
Tokiio
Répondre-
18 avril 2007 20:40, par Wonka
Je suis content que ce tuto t’ai aidé
Répondre peut être pourrais je voir ton rèsultat ?
-
-
19 juillet 2007 17:40
Bon moi J,ai vrm rien compris tu a fait un tres bon tutorial mais moi je commence et je ne sais po si on peut faire cela avec la truout version pis si possible tu pourrais dire ou il faut aller pour faire tes affaires mais en anglais car je ne suis vrm pas bon dans l’anglais merci beaucoup.
Répondre-
19 juillet 2007 17:42, par Wonka
Après lecture de ton commentaire, tu es pas non plus doué dans la langue française
Répondre Par contre ce tutorial s’adresse aux personnes connaissant déjà Photoshop, les dèbutant peuvent se sentir un peu perdus (je te l’accorde) peut être devrait tu commencer par des trucs un peu moins compliqué !-
24 juillet 2007 17:04
Non et bien je voudrais savoir ou je peux trouver un tutorial qui est pour un débutant comme moi ?
Répondre -
-
-
-
15 août 2007 14:23
j’ai un probleme au niveau du degradé puisqu’il s’aplique sur toute ma compo :s pouurais tu m’aider ?
Répondre -
16 août 2007 16:41, par Damien
Bonjour !
Vraiment sympa ce tutorial et ce que tu fais en général. J’aurais juste une petite question. J’aime beaucoup les « plantes » noires sur le côté du logo. Apparemment tu as utilisé des brosses mais je n’arrive pas en trouver de semblable sur le net ! Pourrais-tu m’indiquer où tu aurais trouvé celle-ci ?
Merci d’avance
Répondre-
16 août 2007 18:57, par Wonka
Il me semble que c’était effectivement des brushs, mais ce qui est sur c’est que je les ai modifiés avant des les utiliser
mais à la base je pense avoir trouvé cela sur deviantart.com.Bonne chance pour ta recherche, et merci pour ton commentaire !
Répondre
-
-
19 août 2007 12:08, par Shinichi
Bonjour ^^
J’ai testé moi même le tuto à mon tour et voici mon résultat.
On m’a conseiller d’améliorer le reflet avec une perspective et je pense ajouter des courbes rouges.
PS : Moi je l’ai ce pack de brush, et effectivement Wonka l’as modifié ! Le Fichier ABR s’appelle Japenese Foliage, enfin chez moi en tout cas !
Répondre-
19 août 2007 16:55, par Wonka
Bravo le resultat est vraiment très sympa ! Merci aussi pour le nom du pack de brush car je l’avais moi même oublié
Bonne continuation pour la suite !
Répondre
-
-
23 août 2007 11:20, par vesta
salut, j’aime beaucoup ton site et je viens assez souvent j’adore ta façon d’expliquer et en général j’arrive à faire ce que je veux au départ sauf cette fois ci...Tu pourrai expliquer plus en détail comment faire le dégrader dans le bouclier car mes dégrader sont toujours sur la page entière et jamais sur un morceau d’une image merci.
Répondre-
23 août 2007 12:07, par Wonka
Pour éviter que ton dégradé soit sur toutes ton image, il faut avant tout que tu définisses une sélection.
Admettons que tu veuilles remplir le bouclier alors il faut que tu récupéres la selection de ton bouclier en faisant ctrl + clic sur le calque bouclier. Ensuite tu crée ton dégradé dans cette sélection (de préference sur un nouveau calque
Bonne chance !
Répondre-
23 août 2007 13:31, par vesta
merci beaucoup j’ai réussi à faire le degrader là où je le voulais
Répondre -
17 mai 2008 22:27, par Jefkey
Pfiou, même avec cette explication, je n’y arrive pas
Répondre
Je cherche depuis un quart d’heure, et ça ne marche pas Serait-il possible d’avoir une explication plus claire et précise ? Merci d’avance
-
-
-
11 octobre 2007 17:33, par Free__style
Merci pour ce tuto grace auxquelle j’ai créer ceci : http://www.casimages.com/img.php ?i=0710110523031314054.jpg
Répondre-
-
12 octobre 2007 12:19, par Free__style
petit probléme essayons avec ce lien : http://img527.imageshack.us/my.php ?image=logohameaule3.jpg
Répondre
-
-
-
29 octobre 2007 13:21, par marasse
perso je trouve qu’il manque des etapes, si c’est destiné à des newbies c’est impossible à faire, il manque les screens shots des different palettes, où se trouve la palette forme personalisée ?, comment faire pour enlever les contours de la forme etc... où se trouve la palette scale ?
Voila !
Répondre -
20 novembre 2007 19:04
Salut ! Je trouve ton tuto vraiment simpas mais rien que le début j’ai un petit proble (snif)
Je ne sais pas comment faire la forme bouclier ?!?
Si tu pouvais m’aider .
Merci quand meme !
Répondre-
20 novembre 2007 19:32, par Wonka
Alors, c’est très simple, pour créer cette forme il faut utiliser les formes prédéfinies de Photoshop.
Tu sélectionnes l’outil formes personnalisées, et tu crées la forme sur ton document.
Attention, si la forme du bouclier n’est pas présente par défault dans les options, il faut que tu la cherche dans la bibliothèque de Photoshop (tu appuies sur la petite fleche ronde en haut à droite des options de formes).
Voila bonne chance. PS : normalement tout est déjà expliqué dans le tutorial.
Répondre
-
-
24 janvier 2008 13:21, par Toto
Super tuto ! Mais moi j’ai un soucis. Je ne trouve pas l’outil « scale » dans le menu edition —> transformation !!
Merci d’avance de ton aide.
Répondre-
24 décembre 2009 16:25, par Shin [Geekette]
Moi non plus je buguais là, mais enfaite c’est le premier : « Homothétie » ! En tout cas, moi, j’ai réussi avec ça. Super tuto Wonka, comme toujours, en plus j’avais justement besoins de faire un logo bouclier pour le forum d’un ami
Répondre
-
-
25 janvier 2008 03:15, par m_10
j’ai mit ma realisation ! c la seconde !!! j’ai pas mit le bouclier car je ne l’avait pas jc pas ou il est passez le con enfin bref j’ai mit un rond a la place Soyer gentil c ma premiere j’utilise photoshop depuis seulement 2 mois
(ps j’ai mit pres de 1h30 a faire la realistation :s)
en tout cas gros merci pour ce tuto certe qq fois pas tres claire pour un debutant comme moi mais qui ma apris de nouvelle fonction de totoshop
gros gros merci
Répondre -
24 février 2008 13:11, par Copoi
Ton tuto est super comme toujours quoi
Répondre
Mais comment fait on pour inverser la selectio Merci.
Aurevoir -
29 mars 2008 13:44, par flo20201
Tuto excellent comme d’habitude ^^ merci wonka surtout ke sa rend super bien
Répondre
-
17 mai 2008 13:43, par Mart-1
Le tuto est super mais j’ai un petit probleme au niveau des diagonales. Je m’explique : j’utilise le motif donné dans le tuto sur les diagonales. Mais quand je remplis le petit bouclier avec ce motif, seulement trois diagonales apparaissent. Comment faire pour en avoir plus comme sur l’exemple ?
Répondre
-
-
17 mai 2008 22:26, par Volta
Merci, j’adore suivre tes tutos, j’apprend pleins de trucs, c’est génial !
Répondre -
6 juillet 2008 13:21
Voila ce que tu écrits : "Je vais maintenant ajouter un motif à ce bouclier, pour cela, j’utilise le pot de peinture ou le style de calque.
Dans tous les cas, je dois ensuite supprimer les bandes blanches pour qu’il ne reste que les bandes de couleurs.
Si j’ai utilisé le pot de peinture rien de plus simple : je sélectionne une à une les bandes blanches avec la baguette et j’appuie sur (Suppr).
Si j’ai utilisé le style de calque, je fait la même manipulation avec la baguette mais avant je dois aplatir le style de calque, pour cela, je crée un calque vide que je place sous le bouclier avec les bandes puis j’appuie sur (Ctrl) + (E) pour les fusionner."
Seul problème avec Photoshop CS 1 : aucune de ces solutions ne fonctionnent. La baguette efface les rayures colorées et refuse de supprimer les blancs, un motif à diagonales blanches transparents ne marche pas non plus, le pot de peinture ne plaque pas de motif, il remplit en cercle concentrique d’une couleur...
Répondre-
6 juillet 2008 19:10, par Wonka
Solution pense à mettre à jour ton logiciel, nous sommes aujourd’hui à la CS3 et je dois avouer que je n’ai même jamais travailler sur la CS1 ... Ces articles ne sont pas du tout adapté à ce logiciel qui daaaattttteeee
Répondre
-
-
10 juillet 2008 19:24, par amadyce
Super tuto félicitation ! Je kiff ce site ! lol j’ai réussi a faire mon bouclier dans la douleur lool, et j’aimerai afficher mon résultats pour avoir des avis, critiques, ... Tous ce qui va me permettre de progresser. Mais je sais pas comment on fait... A l’aide ! lol Merci
Répondre-
10 juillet 2008 19:49, par Wonka
Toute en haut de la page tu as un lien (en dessous des petites vignettes) + Ajouter une image à la galerie interne il faut cliquer dessus, l’un un formulaire apparait, tu remplie en allant sur parcourir (tu choisis ton fichier) puis tu valides ensuite tu suite les instructions pour afficher ton image dans un commentaire
Répondre-
10 juillet 2008 21:40, par amadyce
Merci pour l’explication =D. Donc voila mon travail j’attends vos réaction avec impatience merci !
Répondre
-
-
-
24 juillet 2008 16:08, par Tony
Salut ! C’était pour vous dire que ce tuto est vraiment génial. Cependant, je ne sais pas quelle version vous utilisez, mais dans édition > Transformation > Je ne trouve pas le scale. Pour information j’ai Photoshop Cs2 V9 ... Je ne trouve pas le scale mais je trouve Homothétie, Rotation, inclinaison,Torsion, perspective, inclinaison ... Sinon encore bravo !
Répondre-
-
24 juillet 2008 20:15, par Tony
Oui mais après avoir cliqué sur transformation il m’apparaît une liste qui ne me propose ni le scale ni « Transformation » comme vous me l’avez conseillé...
Répondre-
23 août 2008 04:11, par LooSahn
Salut, j’ai eu le meme probleme que toi. Je suis egalement sous CS2 version 9. J’ai dupliquer le calque du bouclier, sur la copie j’ai selectionné la forme avec la baguette magique, puis :
> Edition/Transformation/Homothetie.Ensuite un cadre apparait autour de ton bouclier, reduit la forme manuellement et une fois que cela te convient, valide en haut dans la barre des taches. Voila !
Répondre
-
-
-
-
-
15 août 2008 10:57, par Wonka
Vraiment très belle réussite, rien à redire ,) peux être (si) le brush derrière est un peu flou ! Sinon très beau, j’aime ce bleu en plus :p
Répondre
-
-
17 août 2008 10:33, par lesloups
salut, wonka super tutoriel encore une fois j’ai eu du mal pour le reflet mais le resultat est la
Répondre
^^-
17 août 2008 12:51, par Wonka
Vraiment bien, bravo à toi, juste une remarque je pense que je n’aurais pas mis le texte en gris mais l’aurais fais en blanc, ou alors plus clair pour qu’il ressorte plus (enfin je crois
Répondre
-
-
21 août 2008 23:03, par MYSTIK
Salut !
Je suis un peu une débutante en terme de graphisme même si je faisais déjà un peu mumuse avec toshop depuis quelques temps mais uniquement pour les trucs de base purs et simples pour faire un peu de montage photo et j’ai vraiment découvert pleins de trucs avec ce tutorial vraiment sympa (motifs, brush, et tout plein de petites fonctions que je connaissais pas dis donc !!)... Enfin voilà je me suis bien amusée ! Et je vous montre le résultat... j’me suis même amusée à faire une petite bannière pour la signature forum de mon p’tit VRS ! Hésitez pas la critique est la bienvenue puisque... je débute !
Répondre
-
-
4 septembre 2008 10:05, par Wonka
J’aime bien mais sa manque quand même un peu de détail ! C’est peux être un peu trop simple dans l’état actuel !
Répondre
-
-
-
1er octobre 2008 16:35, par Anicolore
Hello, jai un gros problème...à l’étape 2 tu dit d’utiliser l’outil scale, mais je le trouve pas.. peut tu m’éclaircir la-dessus ?
Répondre-
22 octobre 2008 21:59
Anicolore, « scale » c’est =>Édition =>Transformation =>Homothétie => Et là tu changes l’échelle horizontale et verticale
Répondre
-
-
-
27 octobre 2008 16:30
salut, tes tutos sont super mais je ne trouve pas l’outil scale :s tu peux m’aider ???
Répondre-
28 octobre 2008 13:13
arff chui un boulet pq mon bouclier il a pas les tres large comme sur le tien ??
Répondre
-
-
28 novembre 2008 19:32
Bonsoir, à vrai dir tous dabord bravo, pas mal du tous cet création j’aimerai bien avoir une version de photoshope complete mais gratuite, peux tu m’en donner une ?
Répondre-
28 novembre 2008 19:35, par Wonka
Ca n’existe pas une version de Photoshop complète et gratuite, à part la version d’évaluation qui compléte mais limité à 30 jours d’utilisation.
Répondre
-
-
15 décembre 2008 22:48
Bonjour je suis tres interressé par ce tuto mais je ne sais pas comment créer ou où aller chercher les « brushes » si quelqu’un pouvait m’aider svp.
Merci
Répondre-
15 décembre 2008 23:03, par kom1dune
Ici il y en a pas mal qui sont sympa : http://www.brusheezy.com/brushes
Après pour les installer, si tu fouilles un peu sur le site de Wonka, tu devrais trouver plusieurs tutoriels qui donnent les indications pour ça. Regarde ici, il y a déjà un début d’explication http://www.wks.fr/Creer-une-composition-floral.html ?decoupe_recherche=Brushs
Bon courage ^^
Répondre
-
-
6 janvier 2009 11:32
Bonjour. Comme beaucoup de monde, je trouve ce tuto excellent :O. mais j’érpouve une difficulté à l’étape 6 avec l’ellpise pour faire l’effet « reflet ». Si qqun pouvait m’expliquer la méthode pour le faire en détail car celle de ce tuto à ce point n’est pas assez suffisante pour le débutant comme moi :d MERCII
Répondre-
6 janvier 2009 11:59, par Inflamus
J’ai pas la forme écu. c’est normal (j’utilise phtoshop CS3)
Voir en ligne : Des créations par moi^^
Répondre-
22 janvier 2009 20:13, par guest1220
Bonsoir, merci pour se supère tuto ! Mais malheureusement je ne trouve pas l’outil forme personnalisé ; j’ai photoshop cs3. Merci d’avance, bonne soirée !
Répondre-
23 janvier 2009 10:35, par Wonka
les formes personnalisées se trouvent sur le même bouton que le rectangle, rectangles arrondie, ellipse, ligne etc. Bonne chance
Répondre-
23 janvier 2009 17:15, par guest1220
Je suis désolé mais j’ai beau chercher je ne trouve pas . Je viens juste d’avoir le logiciel , pourrais-tu me faire une petite capture s’il te plaît ? Merci d’avance !
Répondre
-
-
-
-
-
10 février 2009 17:18, par Tchantal
À la personne qui a créé « The Shield of the Black Eagle », est-ce que tu pourrais me dire qu’elle est la police que tu as utilisé ?
Je l’adore et aimerais l’incorporer dans une de mes créations.
Merci
- Tchantal
Répondre-
10 février 2009 17:41, par Tchantal
Je penses avoir trouvé, après plusieurs minutes de recherche sur Dafont.com. Ne serait-ce pas Evanescent ?
- Tchantal
Répondre
-
-
26 février 2009 00:24, par manbreak
bonjour à tous, je vais surment vous sembler nul, mais je suis un débutant et je n’arrive pas du tout à réaliser ce tuto, alors qu’il m’interesse beaucoup, est ce que quelqu’un pourrait m’aider ? et si possible j’ai mis mon adresse msn pour que l’on puisse m’aider, merci.
Répondre -
29 juillet 2009 03:37, par Agentmouche
Salut , Je suis new dans photoshop . Juste pour savoir , c’est quoi l’outil scale ?
Répondre -
26 septembre 2009 18:25, par sweN
Bonjour, je suis bloqué à l’étape 4 ou il faut mettre le dégradé, je n’arrive pas à la mettre juste dans le bouclier, quelqu’un pourrait-t-’il m’expliquer ?
Répondre-
27 septembre 2009 19:33, par Wonka
Il faut faire attention à bien avoir la sélection du bouclier avant de faire le dégradé !
Répondre
-
-
1er novembre 2009 00:43, par Dark Luffy
Bonsoir,
Je suis bloqué à l’étape des diagonales en allant prendre les diagonales sur le lien donné et ensuite après sélection de mon calque et application du motif précédemment enregistré sa me met des grosse diagonales et non comme celle que tu as. Que faire ?
Répondre -
8 février 2010 23:08, par Madly—me
Je suis débutante et j’avoue que j’ai beaucoup galéré xD ! Le résultat n’est pas 100% identique mais je suis satisfaite ^^ ! Merci beaucoup :D !
Répondre -
22 juin 2010 12:23, par Peticaca
Un grand bravo à toi Wonka ! Ca doit bien être le quatrième de tes tuto que je suis avec plaisir ! Je suis très fraichement débutant sur photoshop mais j’arrive à vraiment bien m’en sortir grâce à toi en tous cas
J’avais juste une petite question : comment obtiens tu cet effet de lumière blanche derrière ton bouclier (qui efface légèrement tes bandes d’arrière plan à cet endroit) ? J’avoue que pour ça, je calle !
Merci d’avance et continue comme ça !
Répondre
