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 ?

-
Créer un logo design glossy pour son site internet
19 août 2007 15:46, par swiss-power
J’aime bien le rendu, cela donne un effet « pro ».
s-p
Répondre à ce message
-
Créer un logo design glossy pour son site internet
20 août 2007 17:10, par azerty7301
-
Créer un logo design glossy pour son site internet
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 à ce message
-
Créer un logo design glossy pour son site internet
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 à ce message
-
Créer un logo design glossy pour son site internet
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 à ce message
-
Créer un logo design glossy pour son site internet
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.
Voir en ligne : http:// <a href="htt...
Répondre à ce message
-
Créer un logo design glossy pour son site internet
1er février 2008 23:50, par alcapote

pardon, je crois que je me suis planté ds les « ko ». j’en envoie une + petite.
Répondre à ce message
-
Créer un logo design glossy pour son site internet
18 mai 2008 02:01, par hakim
Et voici ma p’tite créa...

Répondre à ce message
-
Créer un logo design glossy pour son site internet
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 à ce message
-
Créer un logo design glossy pour son site internet
22 juillet 2008 03:10
mais où se trouve le fichier psd de ce logo ?
Répondre à ce message
-
Créer un logo design glossy pour son site internet
9 octobre 2008 18:14, par iphonekillerfr
Merci pour la formation !!
Répondre à ce message
-
Créer un logo design glossy pour son site internet
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 à ce message
-
Créer un logo design glossy pour son site internet
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
Voir en ligne : Maraumax.fr
Répondre à ce message
-
Créer un logo design glossy pour son site internet
28 janvier 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 à ce message
-
Créer un logo design glossy pour son site internet
23 février 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 à ce message
-
Créer un logo design glossy pour son site internet
1er avril 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
Voir en ligne : Titre de votre site Internet
Répondre à ce message
-
Créer un logo design glossy pour son site internet
23 avril 14:16, par Nero
Un super Tutoriel. Merci à Wonka.
mon petit logo
http://img213.imageshack.us/img213/253/nerographlogo.jpg
Répondre à ce message
-
Créer un logo design glossy pour son site internet
3 juin 11:05, par mano
ou est le fichier psd ????
Répondre à ce message
-
Créer un logo design glossy pour son site internet
9 juin 17:27, par Votre pseudonyme
-
Créer un logo design glossy pour son site internet
9 juin 20:20, par cheatagain
Bonjour je galere un peu a partir de l’etape 5 pourrait on avoir le fichier psd ?
Répondre à ce message
|