UnitCreations

Tutoriels Photoshop, jeux, logiciel, astuces et actualité gratuitement !

Web Hosting

Tutoriel : Crée un effet de lumière et un reflet avec Photoshop

Posté par UnitCréations le octobre 5, 2009.

Photoshop

Photoshop

Dans ce tutoriel nous allons voir comment réaliser un fond d’écran grâce au quel vous allez apprendre à faire une impression de rayons de soleil ou de lumière et un reflet d’une image ou d’un texte.

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 :

Dégradé linéaire noir/blanc

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

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

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.

La police de caratère

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.

Symétrie de votre image

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

Opacité d'un calque par rapport aux autres

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.

Crée un masque vectoriel

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

Dégradé et masque de fusion

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 :

Résultat des 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.

Popularity: 63% [?]

Commentaires d'utilisateurs

  1. Bachuss | octobre 27th, 2009

    bonjour merci de bien expliquer l’étape 7, celle que où vous dites d’ailleurs que « les choses se compliquent » parce qu’on ne voit pas la manip du logiciel et on passe direct au résultat!
    merci encore

  2. UnitCréations | octobre 28th, 2009

    Voilà j’ai rajouter des explication ainsi qu’un sreen pour bien illustrer, j’espère que cela vous permettra de mieux comprendre. Si vous avez d’autres soucis n’hésitez pas.

  3. marius | octobre 29th, 2009

    salut à tous votre tutoriel est bien beau mais il n’est pas assez explicite.si vos l’améliorez du genre tel outil se trouve dans tel zone je ne sais pas si vous comprenez.
    bon je vous laisse bien des choses à vous et merci pour la tuto car ça ma vraiment aidé

  4. merry | novembre 30th, 2009

    bonsoir unitcréation, j’adore vos tutoriels j’apprens pleins de trucs.merci beaucoup

  5. UnitCréations | décembre 3rd, 2009

    De rien continuez à progresser :)

  6. Stone | janvier 17th, 2010

    Bonjour, merci pour ce tuto, je sais maintenant faire ces fameux effets miroirs…

Poster un commentaire

IMPORTANT! To be able to proceed, you need to solve the following simple math (so we know that you are a human) :-)

What is 13 + 6 ?
Please leave these two fields as-is: