Cr�er son site Gratuitement : Service / Outils webmaster gratuit
Mon Site Gratuit
Contactez nous
Nos partenaires
Scripts
Tutoriaux
Nos services
Forums
Accueil
Effet de refletEffet de reflet
 
Effet de reflet

The Gimp | Effet de reflet

Tutoriel crée par Gaara le 20-09-2007.

SocialTwist Tell-a-Friend

Rien de plus incontournable que le reflet pour donner à vos création un genre à la mode style Mac ! Créez facilement cet effet en quelques clicks sur vos créations

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 !
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/22/part1.png

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

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 :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/22/part2.png

Et j'ai choisi....................Plug'z bien sûr :-o !
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/22/part3.png
Note : Lors de l'insertion l'image est placée au centre mais vous pouvez la déplacer avec cet outil :http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/22/outil_M.png.

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

Etape 3 : Duppliquez le calque qui contient votre image/texte de la manière suivante :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/22/part4.png
(Cliquez sur la petite icône encadrée en rouge)

Vous obtenez donc un second calque identique qui va servir à créer le reflet ;-) :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/22/part5.png

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

Etape 4 : Appliquez la transformation suivante à ce calque ("Copie") :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/22/part6.png
(Dans le menu Calque / Transformer / Miroir Vertical)

Vous obtenez ceci :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/22/part7.png

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

Etape 5 : Maintenant il faut faire passer le calque "Copie" en dessous du calque original. Pour ce faire, utilisez la flèche http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/22/outil_down.png et vos calques seront disposés de cette manière :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/22/part8.png

Après avoir déplacé le calque "Copie" vers le bas avec l'outil http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/22/outil_M.png, vous obtiendrez ceci :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/22/part9.png

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

Dernière Etape ! : Réduisez l'opacité du calque "Copie" à 30% par exemple :
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/22/part10.png

Et voilà le résultat ! (j'ai supprimé le calque "Arrière Plan" pour retirer le fond blanc"):
http://stocks.monsitegratuit.com/tutoriaux/sauvegardes/22/result.png
----------------------------------------------------------------------------------------------
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


Poster un commentaire

Commentaire :

*Vous devez être connecté pour pouvoir poster un commentaire
Si vous n'êtes toujours pas inscrit, cliquez ici !

Commentaires

Cool je men suis servi pour mais user bar!

pyrite

C cool ! super beau le resultat

Zeepix

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 !

Gaara

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 ^^) ) @+

richie3366

Ouai ouai ...
J'arette avec mes idées loufoques ... Mais ca aurais quand meme été mieu MDR

Cclleemm

Merci de l'avoir validé !

"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 .

Gaara


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ésult ...

Cclleemm

Soumettre un tutoriel The Gimp

*Vous devez être connecté pour pouvoir soumettre un tutoriel
Si vous n'êtes toujours pas inscrit, cliquez ici !