32
Créer le glossy black logo avec photoshop
Et voici le tutoriel tant attendu du glossy black logo, une création graphique unique à la technique tellement simple que chacun d’entre vous pourra réussir sans problème. Mais attention, une difficulté réside dans le sens ou le reflet est particulièrement travaillé car tout le design de ce logo repose sur l’effet brillant de cet effet glossy.
Et bien entendu, comme c’est un tutoriel wks, vous avez droit au fichier Photoshop source pour comprendre et copier les styles de calques directement dans le .psd. Téléchargeable gratuitement en cliquant sur l’icône ci-dessous.
ETAPE 1
J’ouvre le logiciel Photoshop et pour bien commencer, je crée un nouveau document de 500 pixels de côtés sur background noir. Avec un pinceau diffus de 300 pixels, je clique une fois au centre de mon image pour créer une lueur grise (voir ci-dessous).
ETAPE 2
Au centre de mon document je crée un rectangle arrondi en utilisant l’outil des rectangles arrondis. J’applique à cette forme vectorielle une ombre portée : menu calque > style de calque > ombre portée, dont voici la configuration.
Et voici le résultat :
ETAPE 3
Je récupère la sélection du rectangle arrondi (en faisant Ctrl + Clic sur le calque) puis je crée un nouveau calque que je place juste au dessus (menu calque > nouveau calque), enfin avec le pot de peinture je remplis la sélection de blanc.
Avec une très très grande sélection en ellipse je coupe cette forme blanche pour qu’elle ressemble à ceci :
ETAPE 4
Puis j’ajoute un masque de fusion : menu calque > masque de fusion > tout faire apparaître.
Puis avec un dégradé noir 100% vers noir 0% (voir la configuration ci-dessous)
Je crée un dégradé de bas en haut puis de droite à gauche. Enfin j’utilise un très large pinceau diffus blanc et toujours sur le masque de fusion je clique une fois, en haut à gauche de mon reflet pour lui donner tout son éclat.
ETAPE 5
Avec l’outil texte, j’ajoute mon titre + slogan, j’applique une petite ombre portée sur le texte. Menu calque > style de calque > ombre portée.
Voici la configuration de cette ombre portée :
ETAPE 6
A ce stade, mon logo est terminé, mais pour renforcer le logo dark je vais ajouter par derrière un vecto que j’ai téléchargé à partir de cette page : http://coolvectors.com/cool-vector-art-1/Ornamental-Vector.html Attention, pour pouvoir le télécharger il faut être inscrit(1)
Ensuite j’ouvre ce fichier sous Photoshop et je sélectionne le vecto du milieu droit que je copie et colle sur mon image (en dessous de mon rectangle arrondi noir).
Et bien entendu, j’utilise un masque de fusion pour la cacher mais attention cette fois je fais menu calque > masque de fusion > TOUT CACHER et non : tout faire apparaître. Et avec un large pinceau diffus blanc, je fais un point au centre de mon image ce qui fait apparaître discrètement les tentacules de mon vecto.
Et voilà, mon glossy dark logo est déjà terminé ! Plutôt efficace non ? Néanmoins si vous rencontrez quelques problèmes que ce soit avec l’une des techniques utilisées, vous pouvez poser vos questions dans les commentaires ci-dessous.
Si vous sortez champion de ce tutoriel et que vous avez réussi complètement toutes les étapes vous avez le droit de publier votre image dans la galerie (en haut de page) vue par des centaines de lecteurs.
Merci à tous d’avoir lu ce nouvel article sur wks, et à la prochaine 
(1) vous pouvez vous inscrire sur le site Coolvectors.com sans problème, en effet ce site fait officiellement partie du réseau Grafik, bref vous pouvez faire autant confiance à Coolvectors qu’à Wks
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 37 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.
-
13 décembre 2008 15:29, par Air’
Bravo Wonka pour ce superbe tutoriel encore une fois, j’aurais juste atténué un peu le reflet glossy
Répondre -
13 décembre 2008 19:57, par eWay
Je suis impressionné, c’est très bien pensé mon cher Wonka
J’aime moins par contre l’effet à l’arrière, mais le petit reflet donne toute la beauté à ton logo
Répondre -
-
14 décembre 2008 21:40, par AKIRA-K47
COOL com d’hab
Voir en ligne : >>> ne clic pas ici <<<
Répondre
-
-
24 décembre 2008 20:58, par Darkiller522
Magnifique Tuto encore une fois. :D
mais je crois qu’à l’étape 5, tu as mis deux fois la même image entre l’ombre portée et sa configuration.
Voilou !Merci encore de tout ces choses superbes que tu nous apprends à faire !
Répondre-
26 décembre 2008 23:37, par Wonka
aie caramba, c’est vrai, je vais rectifier cela tout de suite, merci pour ton message
Répondre -
-
-
17 janvier 2009 00:34, par Frf2
salut et merci beaucoup pour se superbe tutoriel
mais j’ai un soucies tout bete c’est que je comprend pas pour copier le rectangle ctrl +clik et cree un nouveau calque puis remplisser avec le pot de peinture !mais quand je fait sa il me remplit la page complete en blanc donc si une personne peut m’expliquer ?
merci d’avance
Répondre-
17 janvier 2009 17:35, par Wonka
Il faut récupérer la sélection du rectangle avant de remplir, sinon effectivement il remplira toute l’image. Pour récupérer la sélection vous l’avez écris ctrl + clic sur le calque du rectangle.
Répondre-
17 janvier 2009 19:39, par Frf2
bonsoir et merci beaucoup d’avoir repondu a ma question je vais tester et apres sa je posterais mon image
a bientot.
Répondre-
18 janvier 2009 02:40, par Frf2
desoler encore une fois mais j’ai reussi a pallier se probleme,maintenant je n’arrive pas a comprend pas comment vous avez fait pour vous servir de l’ellipse en biseau voila ou je bloque maintenant
http://www.wks.fr/local/cache-vignettes/L500xH500/tuto_434_3-574ed.jpg
si vous pouvez me dire comment vous avez proceder pour l’avoir en noir et blanc biseauter ? merci d’avance pour l’aide que vous apportez.
bonne soirée.
Répondre
-
-
-
-
30 janvier 2009 22:16
Magnifique tutorial, merci sa me fait un beau fond d’ecran a mon nom :p
Oui je sais le slogan ... Mais bon je savais pas quoi mettre XD
Répondre -
2 février 2009 00:48, par Larsen LSR
excuse moi je debute avec photoshop et je souhaiterait savoir ou les pinceau diffus et comments les utiliser merci
Répondre -
12 avril 2009 15:48
Oui je trouve ca vraiment sympatique comme tuto , voici ce que j en ai fait
Répondre
-
1er juin 2009 01:54, par mavis
Bsr moi je veut juste dire merci WKS même si je ne gère pas photoshop comme toi ^^ ben merci pour ce que tu nous propose...
Répondre -
12 août 2009 17:40, par Sophie59
Super, j’ai vraiment bien réussi et l’effet est génial !
Merci pour ce tuto
Répondre -
2 septembre 2009 16:34, par Slachy
Encore une fois magnifique, merci beacoup pour ce tuto et la création.
Répondre -
14 décembre 2009 22:49, par Switch
J’ai un problème dès l’étape 2 (è_è je suis pas doué je sais)
Mon rectangle ne devient pas noir j’ai juste le contour du rectangle en blanc. Quelqu’un pourrait m’aider ?
Répondre-
15 décembre 2009 10:03, par Wonka
En fait il faut juste changer les options (en haut) de l’outil rectangle arrondie (notamment cliquez sur le premier petit carré) !
Répondre-
16 décembre 2009 22:07, par Switch
Une autre chose, les images situées à cette adresse : http://coolvectors.com/cool-vector-art-1/Ornamental-Vector.html ne sont plus dispos en téléchargement auriez vous un autre lien ? Merci
Répondre-
17 décembre 2009 10:01, par Wonka
C’est très dommage, essaye de chercher sur google le même type de vecteurs ! Sinon je sais qu’il y en as sur cette page : http://www.blog.spoongraphics.co.uk/freebies/ornate-floral-swirly-and-curly-vector-roundup
Répondre
-
-
-
30 décembre 2009 20:53, par Snare
Salut je n’arrive pas a faire l’étape 3 est ce que je pourrais avoir quelques explications ?
(en tout cas merci de ce tuto ><’)
Répondre
