32
Créer un logo dark glossy pour son site Internet
Voici comment créer un logo dark glossy pour son site internet. Attention je met en garde les débutants, ce tutorial est plutôt long et complexe. Les étapes sont rapides et les outils moyennement expliqués. A mon sens seul un initié de Photoshop s’y retrouvera 
Bonne chance à tous !
- Fichier source Photoshop
- clic pour télécharger le fichier source Photoshop utilisé dans ce tutorial
ETAPE 1
Je crée un nouveau document (sur fond noir), je prends l’outil des formes personnalisées et je crée une ellipse parfaite au milieu de mon image.
ETAPE 2
J’ajoute un style de calque : incrustation de couleur en noir. Puis je crée une lueur gris clair en haut à droite. Pour cela je récupère la sélection de mon ellipse et avec un large pinceau diffus (genre 300 pixels) je crée un point.
ETAPE 3
J’ajoute une incrustation de dégradé dans mon ellipse en utilisant les styles de calques. Je rappel que vous pouvez aller consulter les styles du calques d’exemples dans le fichier psd disponible en haut de cette page.
ETAPE 4
Je duplique le calque. Puis je vais réduire ma première ellipse de 10% (édition > transformation > homothétie). Je reviens maintenant sur ma seconde ellipse (celle que j’ai dupliqué en début d’étape). Sur cette ellipse je change le dégradé, puis j’ajoute un contour en dégradé. Enfin j’utilise l’outil polygonal pour couper une partie de mon ellipse (pour garder en mémoire cette forme je vous conseil de créer un calque puis de remplir la sélection, je cache le calque pour ne pas le faire apparaître à l’écran). Ceci a pour conséquence de faire apparaître une partie de la petite ellipse se situant dessous.
ETAPE 5
Je récupère la sélection de la grande ellipse. Je crée un nouveau calque, et je remplie de blanc. Je déplace ma sélection de 2 pixels en bas puis à droite, pour crée une sorte de bordure (voir ci-dessous) J’utilise un masque de fusion pour camoufler légèrement le haut et le bas de cette fine bordure blanche.
ETAPE 6
Même chose pour créer une seconde bordure juste au dessus mais cette fois ci noir.
ETAPE 7
Je crée une ellipse blanche par-dessus les calques. J’utilise le masque de fusion et un dégradé pour créer un reflet. Je supprime la partir du reflet qui est de trop (partie de l’ellipse supprimer) Pour ce faire je récupère la sélection ctrl + clic sur mon calque caché, puis j’appuie sur suppr.
ETAPE 8
Je crée un nouveau calque, et avec un large pinceau diffuse je crée un point noir au milieu de mon ellipse.
ETAPE 9
J’utilise la plume pour créer deux formes comme ci-dessous. Puis j’ajoute sur ces deux nouveaux calques plusieurs styles (que je peux retrouver dans le fichier psd).
ETAPE 10
Je crée un nouveau reflet, avec une ellipse masque de fusion et dégradé.
ETAPE 11
Je crée un nouveau calque, que je place par-dessous les autres. Je sélectionne l’outil dégradé, de jaune clair 100% vers noir 0% d’opacité avec l’option radial J’utilise l’outil pour créer une lueur derrière mon rond.
ETAPE 12
J’ajoute mon titre, puis pour le style un dégradé de couleur.
ETAPE 13
Pour encore plus de style je crée un reflet en dessous du texte.
ETAPE 14
Et pour encore plus de style j’ajoute un reflet sur le texte !
Alors, vous y êtes, c’était trop simple 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 26 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.
-
21 janvier 2008 22:54, par Vincent
Voici un tutorial bien compliqué comme j’aime. Merci wonka pour ce petit défis
Répondre je test des demain ! -
24 janvier 2008 09:53, par Toto
Tres bon tuto Wonka.
Cependant pourrait tu uploader le PSD pour que je puisse retrouver les styles de claque ?? Merci d’avance !
Toto.
Répondre -
30 janvier 2008 18:58, par dattic
Bien joué encore une fois,cependant il y a un peu d’aliasing je trouve ;bonne continuation
Répondre -
31 janvier 2008 01:26, par Mofo
Encore un excelent tuto, merci merci !!! Pour le coup je n’ai pas changé grand chose, mais je vais le refaire avec ma version perso. A+
Répondre-
31 janvier 2008 09:35, par Wonka
C’"est déjà franchement bien bravo, ce tutorial n’es pas du tout évident à réaliser !
Répondre
-
-
15 avril 2008 15:29, par choupette07
Le logo est magnifique, mais le tuto c’est pas ça.. je ne suis pas vraiment débutante,mais impossible à faire si l’on n’a pas le psd et encore !! les calques ne sont pas nommés et pas dans l’ordre.... Je trouve que pour qq’un de pro, ça manque vraiment d’organisation.. Le tuto est mal expliqué et le psd aussi.. Dommage c’est décourageant..... D’ailleurs vous avez gonflé mes amis et ils s’y connaissent pourtant très bien..... en 20 mn le tuto pourrait être fait si les explic étaient à la hauteur....
Répondre-
15 avril 2008 17:30, par Wonka
Ci dessus dans les commentaires tu verras que d’autres ont réussis sans problème ce tutoriel, le psd est présent en haut de page.
Je suis désolé pour toi et tes amis, mais ce tutoriel ne présente aucune difficulté. Et l’utilisation des techniques reste basique.
Allez avec un peu d’effort je suis sur que tu peux arriver à le faire
Courage !
Répondre-
15 avril 2008 17:35, par choupette07
tout le monde peut le faire en copiant le psd, y’a rien de plus simple....si on ne cherche pas le pkoi du comment.... il n’est pas normal que le psd soit dans le désordre à ce point....et c’est sur que cela ne dérange personne quand on copie bêtement les choses sans les comprendre.... J’ai le courage et je n’abandonne pas facilement.. mais là c’estle casse-tête... Et vi désolée, je réitère mes propos...
Répondre-
15 avril 2008 17:43, par Wonka
Tu peux dire ce que tu veux, mais évite quand même de critiquer les autres. Ils ont autant de courage, et de mérite que toi, et croit le bien il en mette autant pour réussir et comprendre les cours. C’est le but de ce site, tu n’es pas donc pas le / la seul à essayer ce que j’écris, ce que nous écrivons !
Seconde chose : Oui tu as raison, ce psd est un vrai bazard ... Oui et alors ? Normalement le psd est la que pour apporter les styles de calques, voir aider l’utilisateur sur certains points, le fait qu’il soit pas ranger (et je l’avoue il l’est pas du tout) ne devrais pas te poser tant de problème !
Si tu n’es plus débutante tu devrais avoir la notion des outils de bases, donc je ne me fais aucun soucis sur ta réussite
Et j’espère que tu nous en feras profiter, peux être même de ton .psd bien rangé !
J’ai grande hâte d’admirer ton travail !
A toute
Répondre-
15 avril 2008 20:39, par choupette07
Mais le pro c’est toi.. moi je suis là pour m’initier et apprendre.. mais c’est comme à l’école, si les cours sont structurés, la leçon sera plus facile... sinon c’est la prise de tête et l’envie n’est plus là... en l’occurence je suis une passionnée de toshop mais là, ça me prend grave la tête.... !
Répondre-
15 avril 2008 20:46, par Wonka
Oui je peux comprendre ... tout ce que je peux te conseiller c’est peux être d’essayer un tutoriel plus à ton niveau. Ou peux être plus clair ! Tu sera d’accord avec moi, sur ce site tu as l’embarras du choix
Répondre même dans les logos ! Alors ne perds pas l’envie, le monde du graphisme est tellement passionnant !
-
-
-
-
-
-
3 mai 2008 09:31, par Yvon
Et bien moi je ne dirais qu’un truc : T’es un méga furieux ! Chapeau bas ! C’est superbe !
Répondre-
19 mai 2008 16:21, par Mofo
Au fait pour répondre à ceux pense que on peut le réaliser uniquement avec le psd et bien je que non !!! Car moi même je l’ai réalisé sans récupérer le psd de wonka. Donc c’est absolument possible si on suit bien et si connait bien photoshop !!!
Encore bravo à Wonka.
Répondre-
20 mai 2008 09:59, par Wonka
Bien sur que c’est possible, mais faut connaitre un minimum photoshop !
Répondre-
26 mai 2008 14:31, par Mickael
Je vois vraiment pas ou es le problème, je suis un débutant et j’ai réussi ce tuto en quelques minutes. De tout façon, quoique tu fasses, y aura toujours un boulet jaloux et mécontent pour venir critiquer ton travail.
Bonne continuation à toi mon lapin !
Répondre
-
-
-
-
20 février 2009 12:24
Salut, J’ai un peu galéré quand même, mais à force de persévérance, j’ai fini par réussir ! Et sans copier les calques de l’exemple !!!
Merci pour les tutos, on apprend plein de trucs, c’est vraiment génial !
Répondre -
9 juin 2009 18:40, par GuitBall
Sos je suis coisser a l’étape 2 pour faire le poins gris avec le pinceau diffus ect.., pourrait tu me reexpliquer
un autre truck aussi :: c’est normal que j’ai pas le pot de peinture alors que j’ai PhotoShop cs3 ?
Répondre -
9 juin 2009 20:28, par GuitBall
j’ai rien dit pour l’étape deux j’ai trouver grâce au psd !
Répondre -
16 juin 2009 01:31, par moussa
bonjour,désole,je n’ai pas pu vous poursuivre,c’est pour les professionnels,j’aurai aime réaliser ce toto,c’est très beau
Répondre -
2 septembre 2009 14:37, par synapss
bonjour tous le monde avec quoi ouvrez le fichier source ? quel logiciel ? merci d’avance je debute ms j’ai quelques notions , ms des le debut je galere !! et ouai je c galere le gars ms bon ce logo m’inspire vraiment !! please help me
Répondre
-
2 mai 2010 16:18, par x-dude
Il manque certains details comme la taille du fichier, les couleurs exactes, ainsi que les styles avec les bonnes dimensions, pourcentages ect... Le resultat du tuto est magnifique mais impossible de le realiser exactement sans utiliser le fichier psd (qui est mal organiser, tu aurait pu les nommer par etapes par exemple).
Répondre
