Accueil Tutoriels Glossaire Galeries KitGraphique Blog On the Web
Moteur de recherche
Sur le mot-clé :
Limiter la recherche aux :
Trié par :
Rechercher les tutoriaux
Partenaires


Flux RSS

5 tutos aléatoires
Last Upload
Voir les galeries
  WonkaStudio : Communauté graphique - Leçon d'apprentissage

Créer un logo dark glossy pour son site Internet

lundi 21 janvier 2008 par Wonka

Tag associé à ce tutorial

Galerie interne

+ Ajouter une image à la galerie interne

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 !

Photoshop - 1.8 Mo
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 ?

Laisser un commentaire sur ce tutorial

   18 messages dans le forum

Connexion Membre

Connexion
Kit Graphique