Effet de reflet

de **Gaara** le 20 Sep 2007, 15:48

Créer un effet de reflet !

Niveau requis : Débutant
Difficulté : Très facile
Temps : 2-3 minutes

Pour ce premier tuto j'ai décidé de vous apprendre à un créer un reflet sur vos images, textes, etc...
Cet effet très sympa, utilisé par la plupart des sites web dans leur design, est en fait très facile à réaliser!

Etape 1 : c'est une étape incontournable : la création d'un nouveau document ;-D

!
J'ai pris un document de 400*400 pixels avec arrière plan blanc pour l'exemple mais vous pourrez prendre les dimensions que vous souhaitez !

-----------------------------------------------------------------------

Etape 2 : Je veux appliquer mon effet de reflet sur une image (ça marche aussi sur des textes hein :P) donc j'en insère une, comme ceci :

Et j'ai choisi....................Plug'z bien sûr :-o

!

Note : Lors de l'insertion l'image est placée au centre mais vous pouvez la déplacer avec cet outil :

.

-----------------------------------------------------------------------

Etape 3 : Duppliquez le calque qui contient votre image/texte de la manière suivante :

(Cliquez sur la petite icône encadrée en rouge)

Vous obtenez donc un second calque identique qui va servir à créer le reflet ;-)

:

-----------------------------------------------------------------------

Etape 4 : Appliquez la transformation suivante à ce calque ("Copie") :

(Dans le menu Calque / Transformer / Miroir Vertical)

Vous obtenez ceci :

-----------------------------------------------------------------------

Etape 5 : Maintenant il faut faire passer le calque "Copie" en dessous du calque original. Pour ce faire, utilisez la flèche

et vos calques seront disposés de cette manière :

Après avoir déplacé le calque "Copie" vers le bas avec l'outil

, vous obtiendrez ceci :

-----------------------------------------------------------------------

Dernière Etape ! : Réduisez l'opacité du calque "Copie" à 30% par exemple :

Et voilà le résultat ! (j'ai supprimé le calque "Arrière Plan" pour retirer le fond blanc"):

----------------------------------------------------------------------------------------------
Commentaire : A vos pinceaux ! :-x

Infos : L'utilisation de ce tuto pour un site web est autorisée à condition de citer l'auteur (moi), le site (MonSiteGratuit) et de faire un lien vers ce tuto. Redistribution interdite. Utilisation à des fins commerciales interdite.

A votre service,
Gaara

de **Cclleemm** le 20 Sep 2007, 16:17

Niveau requis : Débutant
Difficulté : Très facile
Temps : 2-3 minutes

Déjà, tu part d'un bon pied car ça j'aime bien ;-)

Franchement très bien illustré, ca me rapelle tes anciens tutos ! ;-)

Et pis avec Plug'z, ça le fait encore mieu !
Super joli résultat, mais juste un truc a dir, il faudrai faire un dégrader du plugz de 30% vers transparent en direction du bas pour avoir aucune coupure, en tout cas bravo ! :bravo:

Tuto Validé sans hésitatioo

de **Gaara** le 20 Sep 2007, 18:22

Merci de l'avoir validé :-D

!

"il faudrai faire un dégrader du plugz de 30% vers transparent en direction du bas pour avoir aucune coupure"

J'voulais créer un tuto super simple à faire, ne compliquons pas les choses :lol:

.

de **Cclleemm** le 20 Sep 2007, 19:15

Ouai ouai ... :lol:

J'arette avec mes idées loufoques ... Mais ca aurais quand meme été mieu :coeur:

MDR

de **richie3366** le 21 Sep 2007, 05:39

Désolé de mon retard, ton tuto est tres bien illustré, on va approcher la qualité de M@teo21 qui a le don de savoir apprendre aux autres simplement ^^ (SDZ)
Merci, je ne le testerais pas car je sais qu'il marche (mais surtout que je n'ai pas trop le temps (maudit lycée ^^) ) @+

de **Gaara** le 21 Sep 2007, 11:41

richie3366 a écrit:Désolé de mon retard, ton tuto est tres bien illustré, on va approcher la qualité de M@teo21 qui a le don de savoir apprendre aux autres simplement ^^ (SDZ)

Merci !