Créer le glossy black logo avec photoshop

samedi 13 décembre 2008
Article écrit par : Wonka
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 !
WonkaStudio

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.

Photoshop - 1 Mo

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 ;)

La galerie des membres

Url de l'image : http://www.wks.fr/stockpix/463/2972.jpg Url de l'image : http://www.wks.fr/stockpix/463/2979.jpg Url de l'image : http://www.wks.fr/stockpix/463/2980.jpg Url de l'image : http://www.wks.fr/stockpix/463/3024.jpg Url de l'image : http://www.wks.fr/stockpix/463/3048.jpg Url de l'image : http://www.wks.fr/stockpix/463/3049.jpg Url de l'image : http://www.wks.fr/stockpix/463/3094.jpg Url de l'image : http://www.wks.fr/stockpix/463/3106.jpg Url de l'image : http://www.wks.fr/stockpix/463/3140.jpg Url de l'image : http://www.wks.fr/stockpix/463/3209.jpg Url de l'image : http://www.wks.fr/stockpix/463/3390.jpg Url de l'image : http://www.wks.fr/stockpix/463/3597.jpg Url de l'image : http://www.wks.fr/stockpix/463/3657.jpg Url de l'image : http://www.wks.fr/stockpix/463/3723.jpg Url de l'image : http://www.wks.fr/stockpix/463/3734.jpg Url de l'image : http://www.wks.fr/stockpix/463/3735.jpg Url de l'image : http://www.wks.fr/stockpix/463/3781.jpg Url de l'image : http://www.wks.fr/stockpix/463/3810.jpg Url de l'image : http://www.wks.fr/stockpix/463/3824.jpg Url de l'image : http://www.wks.fr/stockpix/463/3838.jpg Url de l'image : http://www.wks.fr/stockpix/463/3865.jpg Url de l'image : http://www.wks.fr/stockpix/463/3953.jpg Url de l'image : http://www.wks.fr/stockpix/463/3970.jpg Url de l'image : http://www.wks.fr/stockpix/463/4043.jpg Url de l'image : http://www.wks.fr/stockpix/463/4284.jpg Url de l'image : http://www.wks.fr/stockpix/463/4349.jpg Url de l'image : http://www.wks.fr/stockpix/463/4398.jpg Url de l'image : http://www.wks.fr/stockpix/463/4405.jpg Url de l'image : http://www.wks.fr/stockpix/463/4587.jpg

Ajouter votre image dans la galerie
Si vous avez réussis ce tutorial vous avez la possibilité de poster votre dessin dans la galerie, vous pourrez ensuite le publier dans les commentaires (que vous trouverez en bas de page).
Attention votre fichier devra être en format JPG, et son poid inférieur a 200ko !

Vos commentaires ( 37 messages dans le forum)
Ajouter un commentaire à cet page

modération à priori

Ce forum est modéré à priori : votre contribution n'apparaîtra qu'après avoir été validée par un administrateur du site.

Ajouter un commentaire

Continuer la lecture sur wks.fr

Copyright

Les articles et images d'illustrations sont propriété de l'auteur et du réseau Grafik Network & Wks.fr.

Toute copie, reproduction ou diffusion sans autorisation sont interdites. Les images ainsi que les textes sont protégés par le droit français d'auteur ainsi que par un Copyright.