NoShade.net est en vente — Contactez nous si vous êtes intéressé
Le siteTutoriauxInterviews
icone RSS NoShade.net

Accueil » Tutoriaux » Photoshop » L'effet tilt-shift sous Photoshop

L'effet tilt-shift sous Photoshop


Effet rapide, facile et super efficace, l'effet "tilt-shift" est une retouche photo qui transformera une prise de vue "normale" en une photo de maquette... Vous allez voir!



Le plus difficile étant de trouver la bonne photo (ou de la prendre en de bonnes conditions) ainsi il est préférable que la photo réponde a ces deux conditions :
- éclairage uniforme, pour plus de réalisme qu'il ressemble à celui d'une lampe et non pas on coucher de soleil
- prise de vue en plongée

Dans le but de donner une meilleure impression de maquette (on a pas un coucher de soleil sur une maquette par exemple :p )

Nous allons donc prendre cette image :


La première étape pour arriver à cet effet est de réduire la profondeur de champ (c'est à dire la zone nette de toute l'image). Ainsi, nous allons créer une "bande de netteté" sur notre image en activant le mode "Masque" (cliquez sur l'icône ci-contre dans votre palette d'outils).

On sélectionne ensuite l'outil dégradé :


Pensez à bien choisir l'option dégradé "réfléchi" dans les options du dégradé en haut de votre écran.
À gauche vous pouvez voir une barre qui part du noir au blanc ce qui veut dire que toute la zone nette sera en rouge (sélectionnée) mais si sa ne vous plaît pas, inversez les couleurs dans votre palette d'outils.

Voici mes réglages (l'option dégradé réfléchie étant le 4éme carré sur les 5 sélectionné) :


Ce qu'il faut savoir avec cet outil c'est que là ou on clique (il faut maintenir le clic) ce sera la milieu de la bande. Puis plus on éloigne la souris plus la bande sera large selon l'orientation du trait entre la zone ou l'on à cliqué et là ou se situe la souris donne la direction de la barre. On doit avoir une barre perpendiculaire à l'image. Donc on clique juste au dessus du texte de la Vedette puis on fait glisser sur quelques centimètres vers le bas.
On obtiens donc ça à l'écran :


Vous remarquerez que le drapeau et l'avant de la coque sortent du rouge, donc on prends l'outil pinceau et on colorie !
Il faut penser à maintenir le dégradé du rouge donc il faut jouer avec l'opacité. Ma technique est simple, vous réglez l'opacité à 25% puis vous repassez plusieurs fois le pinceau sur les zones en question. Si vous voulez une proue lisible passez aussi le pinceau dessus.

Voilà ce que sa donne pour moi, on voit bien que j'ai pas fait très attention au dégradé pour le drapeau, mais il n'y a pas besoin d'être super précis non plus... On désactive ensuite le mode masque en recliquant sur l'icône "Mode Masque" (touche Q).


Pour ajouter du flou, on va dans le menu "Filtres > Atténuation > Flou de l'objectif...".
Voici mes réglages mais mettez ce que vous préférez je vous conseille une forme hexagonale car il y en a d'autres (comme la triangulaire) qui donne un flou "pixélisé".


Puis on rehausse le contraste pour accentuer l'effet "plastique", pour cela on va dans le menu "Image > Réglages > Teinte/Saturation".


Enfin, si on veut approfondir l'effet on peut aussi le faire avec l'outil Courbes (menu "Image > Réglages > Courbes ...") :


Jouez ensuite un peu avec le cadrage de votre image si ça vous chantes, personnellement je préfères comme ça :


Voici deux autres essais :




J'espère que ce tuto vous a plu ! N'hésitez pas à poster vos questions / commentaires / créations !! (ou des mercis :D)
Le 01/05/2009 par Ptit-lou

Partager ce tutoriel : icone Scoopeo icone del.icio.us icone Digg icone Facebook icone Technorati icone TwitThis icone Google icone Live icone MySpace icone Wikio icone Mixx icone Reddit icone NewsVine

Vous avez aimé ce tutoriel ?

Faites un don pour nous encourager à en écrire d'autres! :-)

Commentaires :

Oze a écrit :

c'est génial merci !! et continuez comme ca !

Cordialement Oze

DJSokifS a écrit :

Superbe tuto, le rendu final est vraiment jolie, on y croirait !

ptit-lou a écrit :

merci ^^

Leyo a écrit :

Vous en pensez quoi ? Je trouve que l'effet "plastique" ne ressort pas suffisamment perso.

Sinon, excellent tuto comme souvent. Merci.

resultat du tutoriel

ptit-lou a écrit :

le truc qui est dommage c'est surtout la forêt qu'il ya devant mais si non elle est bien ^^ , essaye de pousser un peut plus la courbe pour avoir un plus grand effet plastique ....

++

TerresMinees a écrit :

Superbe ton tuto !

Surtout pour les fonds d'écran, j'aime beaucoup !! :)

resultat du tutoriel

berli888 a écrit :

Fantastique ! Merci pour ce tuto tout simplement génial !

resultat du tutoriel

ptit-lou a écrit :

@TerresMinees :
ton résultat donne bien mais le but est vraiment d'avoir une courte profondeur de champ et donc une "barre transversale" ou c'est pas flou , là elle est vraiment en diagonale , sur l'image que tu as choisi sa rends pas si mal mais tu verras sur d'autre photos l'effet ne seras pas au rendez-vous ....

@berli888 :
bon boulot ! ^^ essaye de faire sa avec tes photos , ou d'autres c'est plus marrant !

fanfouet a écrit :

Salut TerresMinees,
c'est le lac de Genève ou bien?
@+

Anamir a écrit :

Excellent tuto.
Merci pour avoir partagé vos connaissances.

Ali

graphunter__ a écrit :

ouai c'est sympathique, merci :D

resultat du tutoriel

gnab a écrit :

merci bien pour ce tuto tres instructif, hop les photos de vacances maquettifiées!

resultat du tutoriel

Red Fish a écrit :

Je ne comprends pas, moi quand je fais le masque, que je fais ensuite le dégradé, ce n'est pas une nuance de rouge qui apparait mais l'image qui disparait au centre de la bande en revenant progressivement sur les bouts des bande du dégradé.


Quelqu'un a une idée ?

ptit-lou a écrit :

@Red Fish : oui c'est normal , c'est parce-que avant de vouloir mettre la "bande rouge" tu ne sélectionne pas le calque de l'image , si tu n'y arrive toujours pas re post ici et j'essayerai de faire ton erreur ...


@gnab : beau boulot ! =D

@graphunter__ a : de rien, j'aime beaucoup les couleurs qu'il ya au fond ...

TerresMinees a écrit :

fanfouet-> oui. :)

benjipetit a écrit :

même souci que Red Fish, quand je fais le dégrader, au lieu d'avoir un dégradé rouge, il est transparent... et quand je veux avancer plus loin avec le filtre de flou ça ne fait rien...

Pourtant je créé un masque sur le calque de l'image dès le départ, bizarre...

meaculpa a écrit :

C'est mon effet preferé, j'adoooore :-)

resultat du tutoriel

Lulus a écrit :

Salut j'ai le même problème que Red Fish peut tu apporter plus de précision stp.
Merci

Bouweb a écrit :

très cool merci de ces précisions

Bouweb a écrit :

très efficace j'admire ton esprit de partage

Bouweb a écrit :

la qualité est impeccable très encourageant,ce tuto merci pour tes explications.

Tony 41 a écrit :

Red Fish pour ton problème, il faut cliqué sur le logo masque de fusion mais qui est tout en bas de la palette gauche ( la palette principale).

De rien =)

Tony 41 a écrit :

Cliquez sur le symbole de "Masque" en bas de votre palette gauche, puis en bas de votre palette droite.

Ajouter un commentaire sur ce tutoriel

Joindre mon résultat (.jpg ou .png uniquement)

Adobe, Photoshop, Effet, Tilt-shift, photographie, retouche photo
Si vous avez remarqué une erreur (une faute ou tout autre type de problème que nous puissions corriger), n'hésitez pas à nous écrire!
Soyez aussi précis que possible et n'oubliez pas de nous indiquer le tutoriel dans lequel l'erreur se trouve. Merci!! :)