Pc-utile.net - Accueil > Les articles > Photoshop - Effet lumière
Henzo4
Créé le : 19/11/2009
Photoshop - Effet lumière
Effet de lumière


Etape 1 : Création du document
Pour commencer créez un nouveau document 1280 x 1024 pixels (correspond à un écran 19° donc pourra s’adapter aux écrans plus petits). Ensuite sur le document crée appliquez un dégradé linéaire noir/blanc de façon à obtenir ce résultat :


Etape 2 : Rayons de lumière
Crée un nouveau calque, prendre l’outil pinceau et sélectionner la couleur #bebfbd pour ensuite appliquer une sorte d’écoulement de peinture en haut de votre dégradé, toujours sur le nouveau calque. Vous devez obtenir quelque choses qui ressemble à sa :



Ecoulement de peinture
Nous allons maintenant appliquer des effets sur notre gribouillis afin d’en faire des rayons lumineux et donc obtenir un effet de lumière. Suivez bien ce qui va suivre :

Sélectionner votre calque avec les écoulements de peinture (ou les gribouillis comme vous voulez ) puis allez dans le menu Filtre >> Atténuation >> Flou Directionnel … situé dans la barre d’outils en haut. Une nouvelle fenêtre va apparaitre, sur cette fenêtre vous devez régler les paramètres comme ce qui suit :


Flou Directionnel
Puis cliquez sur Ok et appréciez le résultat, vous venez de réaliser des rayons lumineux ! Mais sa serais dommage de s’arrêter en si bonne route, pas vrai ? Donc on continue !

Etape 4 : Mise en valeur du logo
Bon maintenant sélectionnez l’outil de Texte et marquez le texte que vous souhaitez en blanc avec une taille de 83 et une police November. Puis centrez votre texte un peu près au milieux de l’image.


Vous voyez ici le choix de la police de caractère, ainsi que le résultat de la manipulation de l’étape 3.

Etape 5 : Application de la symétrie
On va maintenant essayer de crée un reflet de votre texte sur l’image. Pour cela sélectionnez le calque de votre texte puis dupliquez le. Maintenant sélectionnez le calque qui vient d’être crée et allez dans le menu Édition >> Transformation >>Symétrie Axe Vertical situé dans la barre en haut.


Vous allez constater que le text du calque sur le quel vous appliquez la transformation c’est renversé. Maintenant nous allons ledéplacer en bas de notre texte normal en sélectionnant l’outil de Déplacement et en bougeant notre text renversé avec les fléches directionneles du clavier pour plus de précision.

Etape 6 : Opacité
Cette étape consiste juste à rendre votre texte renversé plus transparent, c’est à dire changer son opacité. Pour faire cela nous allons tout simplement sélectionner notre calque avec le texte renversé et plus haut dans le menu des calques on va changer l’opacité de celui-ci pour la mettre à 30% (cette méthode est marche pour tout type d’image).


Sa augmente la transparence du calque par rapport aux autres calques.

Etape 7 : Masque vectoriel
Cette étape est très délicate, elle consiste à crée un masque vectoriel puis d’appliquer un dégradé sur votre texte afin de donner une impression de reflet final.

Pour crée un maque de fusion, commencez par sélectionner votre calque de texte renversé, puis en bas dans la fenêtre des calques à droite de l’icône f(x) vous avez Crée un masque de fusion : Cliquez dessus.


Un nouveau carré apparaît à côté de votre calque. Suivez bien maintenant c’est la que c’est un peu délicat, tout en restant sur votre calque de texte inversé, prenez l’outil dégradé, initialisez les couleurs au noir et blanc (Raccourci : D) puis faite un dégrade en commençant un peu plus haut de votre texte normal puis en finissant vers les 3/4 de votre texte renversé.


Si vous avez bien fait la manipulation vous devez obtenir quelques chose de semblable au résultat final mais en fonction de votre degradé vous pouvez obtenir un résultat différent.

Résultat :
Voici le résultat obtenu après ces manipulations :


Voilà pour ce tutoriel, qui j’espère vous aura appris des nouvelles choses. Si vous avez des difficultés n’hésitez pas à laisser des commentaires pour poser vos questions.

merci de m'avoir suivi cordialement Henzo4.
Rédiger un commentaire


Recopier ce code : 80569
1
Copyright© 2011-2013 Pc-utile.net ®- Tous droits réservés
Visiteurs : 149133 Aujourd'hui : 13 En ligne : 5
Condition générales Contact Réalisé par La.Me