La Ferme du web - Les forums

Venez baraguiner avec la communauté !

Vous n'êtes pas identifié.

#1 30/01/2009 04:05:09

Viick
Membre
Lieu: Rouen (76)
Date d'inscription: 30/01/2009
Messages: 13
Site web

[Photoshop CS3] Effet reflet sur texte

Bonjour à tous, voici aujourd'hui mon premier tuto sur la fermeduweb !

Si vous suivez ce tutoriel à la lettre vous devriez obtenir ceci:

http://www.burnnotice.fr/img/tutoeffetreflet/1.jpg

Les plus initiés peuvent passer directement à l'étape n°2 ! wink

Allez, let's go !!

Étape n°1:

I. On va donc créer un nouveau calque (Fichier->Nouveau ou Ctrl+N), ensuite réglez comme sur l'image ci dessous.

http://www.burnnotice.fr/img/tutoeffetreflet/2.jpg


II. Ensuite avec l'outil pot de peinture (Raccourci clavier: G) http://www.burnnotice.fr/img/tutoeffetreflet/3.jpg on va colorer notre image (choisissez la couleur de votre choix)

On va donc obtenir ceci:

http://www.burnnotice.fr/img/tutoeffetreflet/4.jpg

Vous pouvez le constater, pour l'instant rien de bien difficile !

Étape n°2:

On va maintenant passer au texte !


III. Avec l'outil Texte horizontal (Raccourci clavier: T) donc http://www.burnnotice.fr/img/tutoeffetreflet/5.jpg on va écrire notre texte, vous choisissez la police et le texte que vous désirez ! (Dans l'exemple la police est "danube")

Nous allons obtenir ceci:

http://www.burnnotice.fr/img/tutoeffetreflet/6.jpg
IV. On va maintenant dupliquer notre calque crée automatiquement par l'outil texte. Procédez comme dans l'image ci dessous:

(Clique droit sur le calque du texte)
http://www.burnnotice.fr/img/tutoeffetreflet/7.jpg
Puis cliquez sur "OK" !

On va donc avoir un 3ème calque nommé: "la ferme du web copie" !

V. Maintenant sélectionnez le calque que nous venons de créer nommé: "la ferme du web copie", ensuite allez dans Edition et faites comme dans l'image ci dessous:
http://www.burnnotice.fr/img/tutoeffetreflet/8.jpg
Puis cliquez sur: "Symetrie Axe Vertical"

On va obtenir ceci:
http://www.burnnotice.fr/img/tutoeffetreflet/9.jpg

Ensuite avec l'Outil Déplacement (Raccourci clavier: V) http://www.burnnotice.fr/img/tutoeffetreflet/10.jpg vous allez déplacez votre calque de façon à obtenir ceci:

http://www.burnnotice.fr/img/tutoeffetreflet/11.jpg

VI. Vous avez toujours votre calque: "la ferme du web copie" sélectionné, on va maintenant régler l'opacité de ce calque de façon à obtenir notre effet de reflet, comme ci dessous:

(J'ai réglé sur 46%, à vous de régler à votre convenance)
http://www.burnnotice.fr/img/tutoeffetreflet/12.jpg

Et j'obtiens ceci:

http://www.burnnotice.fr/img/tutoeffetreflet/13.jpg
Ça commence à prendre forme wink

On va maintenant s'attaquer au 7ème et dernier point, le masque de fusion.

VII. Vous avez encore et toujours votre calque: "la ferme du web copie" sélectionné, maintenant créez un masque de fusion comme ceci:

http://www.burnnotice.fr/img/tutoeffetreflet/14.jpg

Il apparaitra sous cette forme:

http://www.burnnotice.fr/img/tutoeffetreflet/15.jpg



Choisissez maintenant l'outil dégradé (Raccourci clavier: G) http://www.burnnotice.fr/img/tutoeffetreflet/16.jpg puis choisissez le dégradé de base, noir et blanc:

http://www.burnnotice.fr/img/tutoeffetreflet/17.jpg
Cliquez ensuite sur "OK" ! 

Et ensuite sur votre calque à faible opacité vous allez passer l'outil dégradé de façon à obtenir ceci:

http://www.burnnotice.fr/img/tutoeffetreflet/18.jpg

Et voilà c'est terminé, vous avez votre effet de reflet, simple non ?

Il faut effectuer la même démarche pour les image si vous voulez leur apporter un effet de reflet.

Vous pouvez ensuite ajouter des effets de perspective afin d'avoir un rendu à votre convenance ! Voici quelques exemples:


http://www.burnnotice.fr/img/tutoeffetreflet/19.jpg
ou encore avec le logo lafermeduweb
http://www.burnnotice.fr/img/tutoeffetreflet/20.jpg

En espérant vous avoir aidé, à bientôt !

Viick.

Dernière modification par Viick (10/02/2009 18:48:20)

Hors ligne

 

30/01/2009 04:05:09

Botte De Foin Publicitaire


#2 30/01/2009 04:13:22

DJo
Administrateur
Date d'inscription: 31/07/2008
Messages: 569
Site web

Re: [Photoshop CS3] Effet reflet sur texte

Très bon premier tuto !

Clair et précis, parfait pour ceux qui souhaitent se lancer dans le WebDesign sous Photoshop, ou juste réaliser quelques logos occasionnels.

Hors ligne

 

#3 10/02/2009 18:15:24

semor
Membre
Lieu: reims
Date d'inscription: 06/02/2009
Messages: 120
Site web

Re: [Photoshop CS3] Effet reflet sur texte

Petit problème??


Qui néglige la musique ignore l'approche du sublime

Hors ligne

 

#4 10/02/2009 18:49:05

Viick
Membre
Lieu: Rouen (76)
Date d'inscription: 30/01/2009
Messages: 13
Site web

Re: [Photoshop CS3] Effet reflet sur texte

Rectifié ! Petit soucis de ftp...

Hors ligne

 

#5 10/02/2009 18:54:36

semor
Membre
Lieu: reims
Date d'inscription: 06/02/2009
Messages: 120
Site web

Re: [Photoshop CS3] Effet reflet sur texte

no soucis en tout cas, je sens que ce tuto va m'être utile, joli travail...


Qui néglige la musique ignore l'approche du sublime

Hors ligne

 

#6 10/02/2009 18:55:25

Viick
Membre
Lieu: Rouen (76)
Date d'inscription: 30/01/2009
Messages: 13
Site web

Re: [Photoshop CS3] Effet reflet sur texte

Merci.
Si tu veux un tuto sur autre chose, hésite pas! wink

Dernière modification par Viick (10/02/2009 18:56:30)

Hors ligne

 

#7 06/03/2009 17:11:01

xea
Membre
Date d'inscription: 06/03/2009
Messages: 2
Site web

Re: [Photoshop CS3] Effet reflet sur texte

Viick ton tutoriel est très bien fait Merci! wink J'ai mis le lien sur mon blog 3D TODAY  Voici l'essai:

http://img15.imageshack.us/img15/5273/effetreflettutoviicksur.jpg

Hors ligne

 

#8 06/03/2009 17:32:43

Viick
Membre
Lieu: Rouen (76)
Date d'inscription: 30/01/2009
Messages: 13
Site web

Re: [Photoshop CS3] Effet reflet sur texte

Plutôt bien, continue comme ça !! Des tests, des tests et encore des tests, c'est comme ça que ça rentre le mieux !
J'en posterai un nouveau bientôt ! wink

Hors ligne

 

#9 06/03/2009 19:33:10

xea
Membre
Date d'inscription: 06/03/2009
Messages: 2
Site web

Re: [Photoshop CS3] Effet reflet sur texte

Très bonne idée wink Merci à+++

Hors ligne

 

#10 28/05/2013 18:59:00

Lilibooth
Membre
Lieu: Lyon
Date d'inscription: 28/05/2013
Messages: 2

Re: [Photoshop CS3] Effet reflet sur texte

Merci pour le tuto !

Hors ligne

 

Pied de page des forums

Powered by FluxBB
© Copyright 2008-2009 - LaFermeduWeb.net