32
Créer un logo design glossy pour son site internet
Voici la méthode pour créer un logo glossy très tendance.
ETAPE 1
Je crée un nouveau document (fond blanc), puis avec l’outil des formes personnalisées je crée un rectangle arrondi noir de radius 10 pixels.
ETAPE 2
Dans les styles de calques, j’ajoute une incrustation de dégradés de bleu foncé vers bleu clair. Pour vous rendre compte des différents styles de calques utilisés je vous invite à télécharger le fichier psd disponible en haut de page.
ETAPE 3
Je récupère la sélection de mon carré et sur un nouveau calque je la rempli de noir. Je crée une très grande ellipse de sélection que je place de façon à ce qu’elle traverse le haut droit et le bas gauche de mon carré, puis je supprime cette partie noir. Comme ci-dessous.
ETAPE 4
Comme l’étape 2 je lui ajoute un dégradé.
ETAPE 5
Même méthode que l’étape 3, je crée un nouveau calque sous le calque noir, puis je récupère la sélection de mon carré que je remplis de blanc, et grâce à une ellipse de sélection je supprime la partie inutile. Enfin j’utilise un masque de fusion pour camoufler légèrement mon arc blanc.
ETAPE 6
Je crée avec l’outil des formes personnalisées une très grande ellipse. Puis je pixélise ce nouveau calque que je place par-dessus les autres. Je récupére la sélection de mon carré, j’inverse cette sélection et j’appuie sur (Suppr) pour supprimer les pixels de mon reflet qui se trouvent en dehors de mon carré. Enfin j’utilise un masque de fusion pour camoufler légèrement mon reflet.
ETAPE 7
J’ajoute mon logo, ici un W (la police de caractères utilisée est : Visitor TT1 BRK).
ETAPE 8
Je vais créer un reflet de mon logo : pour cela je place tous mes calques dans un dossier que je duplique. Puis j’écrase tous les calques présents dans cette copie. Je me rends dans le menu édition > transformation > symétrie verticale, puis je déplace le calque pour qu’il touche le logo du haut. Et enfin j’utilise un masque de fusion pour le camoufler légèrement. Voir ce tutorial pour plus d’explications sur la création d’un reflet : http://www.wks.fr/Faire-le-reflet-d-un-personnage.html
ETAPE 9
Je crée mon titre, avec mon slogan par-dessous. J’utilise mes deux couleurs pour séparer la partie gauche de mon titre, avec la partie droite.
ETAPE 10
Par-dessus mon titre, je crée une large ellipse blanche pour créer un reflet. Je récupère la sélection de mon titre puis j’inverse la sélection et enfin je supprime les pixels se trouvant en dehors du titre. Pour finir, j’utilise un masque de fusion pour camoufler légèrement le reflet.
Voila le logo terminé, le résultat valait bien toutes ces étapes non ?
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 31 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.
-
25 octobre 2007 19:48, par Lukitxule
Slt ! Super logo ! J’ai un probleme, je ne trouve pas l’outil ellipse de selection (je sais je suis nul :p) Quelqu’un peut me dire ou il est ? Merci
Répondre-
26 octobre 2007 11:26, par Wonka
normalement dans la barre d’outil (à gauche de ton ecran) tu trouves l’icone rectangle, soit tu clic droit sur cette icone soit tu fait un clic long de quelques secondes pour voir apparaitre le reste des formes : rectangle arrondie, trait, ellipse etc...
Bonne chance
Répondre
-
26 octobre 2007 19:54, par Lukitxule
Merci de ta reponse, mais je savais ca
Répondre
. Excuse moi de t’embeter encore :p.
Mais comment supprimmer une partie du rectangle noir avec l’ellipse ?
Merci -
29 octobre 2007 09:34, par Wonka
Tu crée une ellipse de SELECTION puis tu clic sur le calque de ton rectangle noir, enfin tu appuies sur (suppr) pour supprimer les pixels en trop.
Attention le calque du rectangle doit être pixélisé, s’il ne l’est pas, clic droit dessus puis pixeliser le calque.
Bonne chance
Répondre -
-
-
-
-
22 décembre 2007 11:12, par Youssef HABIBI
Bonjour bon noèl d’abord je viens de passer quelques minuntes sur ce site, et je suis vraiment impréssioné. BRAVO je souhaite s’il vous plaît avoir ce tuto en format psd merci bcp mon email : youssegraph@yahoo.com merci d’avance
Répondre -
13 janvier 2008 19:16, par $tèph
Désolée mais il m’est impossible de créer cette fameuse « ellipse de sélection »... je débute sur Illustrator, et j’avoue que je suis assez déroutée T__T
Je fais bien ma petite ellipse, mais je ne sais pas 1) si il faut qu’elle soit sur un calque différent 2) s’il faut cliquer une quelconque option ’sélection’ ou autre...
J’apprends avec ces tutos géniaux, mais il est vrai qu’illustrator est loin d’être intuitif...
thx !
Répondre-
-
15 janvier 2008 10:44, par $tèph
.... Blonde... je —> Sorry j’étais convainque d’être sous illustrator. Cela explique et rend le tuto bieeeeeeeeeeen plus simple ! Merci
Répondre
-
-
-
1er février 2008 23:31, par alcapote
encore un que j’ai fais et que je vais refaire... jusque çà rentre. je n’ai pas de site web et je ne pense pas que j’aurai l’utilité d’un logo un jour. mais je sais que le temps passé à faire les manips n’est pas perdu. merci pour ton tuto. j’envoie ce que j’ai fait.
Répondre -
1er février 2008 23:50, par alcapote
Répondre
pardon, je crois que je me suis planté ds les « ko ». j’en envoie une + petite. -
-
-
26 mai 2008 15:18, par amon
Salut wonka, serait il possible d’avoir le .psd parce que je dois avouer qu’à partir du point 4 je commence fortement à m’enbrouiller, j’ai du mal avec les suppression de partie superflue, si il faut utiliser selection => intervertir, quel forme selectionner et ensuite sur quel calque faut il faire « sup » Merci je met mon email si tu peux m’envoyer, merci pour tous ces tutos !
Répondre
-
-
21 juillet 2008 13:06, par k-price
bonjour,
merci beaucoup pour ces explications j’ai utilisé ce tuto pour creer la banniere de mon forum.. ça donne vraiment tres bien
merciiiiiiii Sab
Répondre -
18 décembre 2008 03:43
tu pourrais nous montrer au moins les étapes en photo parce que tu fais que nous montrer ce que l’étape doit donner
Répondre
-
22 août 2009 00:02, par M@x
Dommage que l’on ne peut consulter un PSD parce que j’ai un peu de mal avec photoshop. Je coince à l’étape cinq du coup
Répondre -
28 janvier 2010 10:56, par P. Lockheart
Je suis plutôt fier de ma créa pour un novice en photoshop :p Un grand merci à toi Wonka, depuis que je me suis mis activement sur ce logiciel je m’applique à suivre tes tutos si intéressants ! Un grand bravo à ton travail, continu comme ca =D
Répondre -
23 février 2010 21:44, par Flo
Bonjour,
Je suis déçu car à chaque fois que j’essaye de réaliser une des créas proposées je n’y arrive pas. J’ai presque aucune connaissance de photoshop mais je ne suis pas bête et avec toute la bonne volonté que j’y mets je n’y arrive pourtant pas.
Amicalement, Florian.
Répondre -
1er avril 2010 13:30, par wolfy
bonjour, génial ce tuto.
je bloque à l’étape trois vue qu’il n’y à pas le fichier psd à télécharger, où puis-je le trouvé svp ? merci
Répondre -
23 avril 2010 14:16, par Nero
Un super Tutoriel. Merci à Wonka.
mon petit logo
http://img213.imageshack.us/img213/253/nerographlogo.jpg
Répondre -
9 juin 2010 20:20, par cheatagain
Bonjour je galere un peu a partir de l’etape 5 pourrait on avoir le fichier psd ?
Répondre -
4 juin 2011 14:24, par enoe1998
Bonjour, je vais peut-être avoir l’air bete mais qu’est que le « radius » ???
Répondre
