Retour à l'index des tutoriaux.


 .01 Avant de commencer


Avant de commencer, il me semblait important de préciser que ce tutoriel est en fait une adaptation du tutoriel de Ray.
Ce tutoriel vous permettra par la suite de réaliser des webdesigns ou des templates de forum smiley :
Generation-Tuto.Com

 .02 On passe aux choses sérieuses



Commencez par ouvrir un nouveau document de 400*400 px, on remplit ce document avec la couleur #474747 à l'aide du pot de peinture ( touche G ) .

Créez un nouveau calque que l'on appelle base .
Sélectionnez l'outil ellipse de sélection, placez vous au centre de la création et en maintenant Alt+maj enfoncez faites un clic gauche sur la souris et déplacez-la vers le haut, vous obtenez un cercle parfait il ne nous reste plus qu'à le colorer.
Faites Edition>Remplir et configurez comme ci-après :
Couleur #b9b9b9.
Opacité : 100%

Vous devriez avoir ceci :
Generation-Tuto.Com

Clic droit sur le calque base et on configure comme ceci :
Ombre Interne :
Generation-Tuto.Com
Lueur Externe :
Generation-Tuto.Com

On en a fini pour la première étape, à partir de maintenant il va falloir être très attentif .

 .03 Les Reflets



On fait CTRL+Clic sur le calque Base, on créé un nouveau calque que l'on appelle Reflet 1.
On fait Sélection>Modifier>contracter>5px, tout en se plaçant sur le calque Reflet 1 on fait Edition>remplir :
Couleur : #FFFFFF
Opacité : 35%

Vous devriez avoir ceci :

Generation-Tuto.Com

On fait CTRL+Clic sur le calque Base, on créé un nouveau calque que l'on appelle Reflet 2 .
On fait Sélection>Modifier>contracter>8px, tout en se plaçant sur le calque Reflet 2 on fait Edition>remplir :
Couleur : #FFFFFF
Opacité : 45%

Puis on coupe le calque pour avoir ceci :
Generation-Tuto.Com

On fait CTRL+Clic sur le calque Base, ont créer un nouveau calque que l'on appelle Reflet 3 .
On fait Sélection>Modifier>contracter>7px, tout en se plaçant sur le calque reflet 3 on fait Edition>remplir :
Couleur : #FFFFFF
Opacité : 25%

Puis on coupe le calque pour avoir ceci :
Generation-Tuto.Com

 .04 Du Flou pour aider à fixer les reflets sur le cercle



Toujours en suivant la même technique que précédemment, on fait CTRL+Clic sur le calque Base, on créé un nouveau calque que l'on appelle Flou .
On fait Sélection>Modifier>contracter>20px, tout en se plaçant sur le calque Flou on fait Edition>remplir :
Couleur : #FFFFFF
Opacité : 39%

Vous devriez avoir ceci :
Generation-Tuto.Com

Bien, maintenant on va dans Filtre>Atténuation>Plus Flou.
On l'applique une fois, puis on le répète grâce à CTRL+F jusqu'à obtenir ceci :
Generation-Tuto.Com

 .05 Rush Final



En suivant encore et toujours la même technique que précédemment, on fait CTRL+Clic sur le calque Base, on créé un nouveau calque que l'on appelle Contour.
On fait Sélection>Modifier>contracter>4px, tout en se plaçant sur le calque Contour on fait Edition>contour
on configure comme ceci :
Generation-Tuto.Com

Et voila c'est fini, vous devriez avoir ceci :
Generation-Tuto.Com

J'espère que ce tuto vous a plu.
Si vous rencontrez des problèmes avec ce tuto, veuillez utiliser le forum smiley

Tutorial rédigé par crackers-belin.


Retour en Haut




Ajouter un commentaire

Votre pseudo :

Votre Note (/10):



+Smileys+

Votre commentaire :



Veuillez répondre à la question suivante :
Combien font cinq moins deux ?



j-c le 26/07/2008 à 14h29 (10/10) : même chose pour moi, arrivé a l'etape de la coupe du calque je ne sais pas comment faire :s

merci tout de même


JL76 le 15/07/2008 à 14h43 (6/10) : bien pour apprendre certaines fonctions comme "contracter". Oas pigé ctrl clic & la façon de couper le calque


Emmaraw le 02/04/2008 à 19h40 (5/10) : Bonjour,

je bloque au moment où l'on doit couper le calque, je n'ai pas compris !! je ne sais continuer sans passer cette étape.

:-(


XanderSX le 07/03/2008 à 15h29 (5/10) : Très bien expliqué jusqu'au moment de couper le calque reflet 2. Le résultat à obtenir est difficilement obtenable sans plus de précisions pour un débutant.


AzOt3 le 10/02/2008 à 21h27 (10/10) : Bon tuto smiley Merci à vous


crackers-belin le 10/01/2008 à 22h11 (10/10) : Le but n'est pas de t'apprendre a realisé le Header comme je l'ai fait, mais de t'expliqué les techniques qui te permetront de faire ce style d'effet .
A toi de laisser libre court à ton imagination et de te servir de cette technique .
Et "NUL" n'est pas un commentaire constructif.

Cordialement .


darkblue le 07/01/2008 à 21h18 (4/10) : Pas cool, belle image (alléchante) au début, et plop, pas terminé!! NUL


XS. le 17/12/2007 à 09h44 (10/10) : A toi d'améliorer le rendu et de rajouter des effet.. ou sinons qu elle sorais l'honneur de présenter une créations d'ont tu na rien fait


Blas[t]er le 02/11/2007 à 18h32 (10/10) : Je n'aime pas le rendu ...


Jean le 01/11/2007 à 15h21 (1/10) : Jen ne comprend pas l'intéret de ce tuto


Naisho le 28/10/2007 à 13h13 (7/10) : Pas excellent, mais quand même assez bien.


Sam le 24/10/2007 à 14h20 (10/10) : Trop bien smiley


thops le 19/10/2007 à 17h44 (8/10) : Très bon !, tuto bien expliqué ! smiley


Page : 1

© Copyright 2007 - Tout les tutoriaux photoshop sont sous contrat Creative Commons : Creative Commons License | Valid xHTML 1.0 | Partenaires


Concours gagnants - Dragon-vds - Z le poisson - Linearts - Nom de domaine gratuit - Kits-gratuits - Kitgratos - Photoshopmagazine - Boost upload - Communauté graphique - Tutoriaux photoshop - Soft-Design - Tuto-Webmaster - Stanch - Magazine photoshop - Vente de tee-shirts - Sensuké - Le top des vidéos - Studio de design - Easy-Tuning - Kits graphiques de qualité - Graphikarea - Imagos - Découpe-fr - Fizzy Studio - zen4arts - Graphistes-world - Astuces informatique - Scribeos - passion-cyclisme - JeuxVidéoPC - zpload - Mickdez - retropixel - Lorem Ipsum - 4claverie - pnxdesign - inside-vector - web-actus - Autres

Il y a actuellement 6 visiteurs connectés sur le site !