Join The Community

Premium WordPress Themes

Search

samedi 23 avril 2011

Reproduire l’affiche du film Tron avec Photoshop

Vous allez pouvoir créer grâce à ce tutorial Photoshop une affiche 3D comme celle pour l’affiche du dernier film Tron ! Après le film, le tuto

Aujourd’hui nous allons voir comment faire votre propre affiche de cinéma (ici avec Tron qui va bientôt sortir) avec des images simples puis y appliquer un faux effet 3D. Ce tutoriel n’est pas très long et assez facile a réaliser, tout sera expliqué pas à pas avec les raccourcis.

Fiche technique du tutorial Photoshop :

  • Temps : 30 minutes
  • Difficulté : Intermédiaire
  • Logiciel : Photoshop CS4

Résultat final :

tuto Photoshop : Reproduire l'affiche du film Tron avec Photoshop

Etape 1 : Nouveau document

Sur Photoshop, commencez par créer un nouveau document. Fichier, Nouveau (ctrl+N sur PC et ⌘+N sur OSX) avec les valeurs suivantes : 1200x1600 pixels et 10 px/inch.

tuto Photoshop : Reproduire l'affiche du film Tron avec Photoshop

Etape 2 : On rempli

Remplissez ensuite votre fond en noir (alt+maj+suppr sur PC et alt+maj+backspace sur OSX) vérifiez d’avoir en couleur de premier plan du noir.


Etape 3 : On ajoute l’image

Prenons maintenant nos images, en commençant par celle du héros. Ouvrez la (ctrl+O sur PC et ⌘+O sur OSX), sélectionnez tout (ctrl+A sur PC et ⌘+A sur OSX), copiez (ctrl+C sur PC et ⌘+C sur OSX) et collez sur votre document (ctrl+V sur PC et ⌘+V sur OSX).

Etape 4 : Et on redimensionne

On redimensionne notre image de sorte à bien la voir sur l’affiche. (ctrl+T sur PC et ⌘+T sur OSX appuyez sur « entrer » pour valider les modifications).

tuto Photoshop : Reproduire l'affiche du film Tron avec Photoshop

Etape 5 : Découpons le personnage

Attaquons-nous maintenant au découpage de l’image, avec l’outil plume je découpe mon personnage.

Rappel : Outil plume (raccourci P), clic pour créer un point d’ancrage (on peut faire défiler la sourie pour créer une courbe), puis alt+clic sur le nouveau point. Jusqu’à avoir tout notre personnage.

Etape 6 : Masque de fusion !

Une fois la zone déterminée, clic droit, définir une sélection, ok. Avec notre sélection on crée un masque de fusion. La partie désélectioné devient alors transparente (si la mauvaise partie est transparente, vous pouvez faire ctrl+I sur PC ou ⌘+I sur OSX).

tuto Photoshop : Reproduire l'affiche du film Tron avec Photoshop

Etape 7 : Dupliquer le calque

Maintenant, on va faire ressortir le personnage et surtout les lumières le long de sa combinaison. Pour ça, on duplique le calque : clic droit sur le calque en question, dupliquer le calque, ok. Ou on peut glisser notre calque sur l’icône nouveau calque.

Etape 8 : Mode des calques

Le calque dupliqué, on ajuste les calques suivant ces réglages : Le 1er calque (celui du dessous) en mode lumière crue. Et le 2nd calque en mode densité linéaire - et son opacité 50%.

tuto Photoshop : Reproduire l'affiche du film Tron avec Photoshop

Etape 9 : Découpons, encore

Il reste quelques éléments qui « cassent » un peu avec le fond. Pour les élever on va sélectionner le calque du haut (avec le personnage) et un pinceau (raccourci B) avec pour opacité 25%, taille 40, dureté 80%. Et on va gommer légèrement les zones pour qu’elles se fondent dans le fond noir. Faites attention de bien sélectionner le masque de fusion !

tuto Photoshop : Reproduire l'affiche du film Tron avec Photoshop

Etape 10 : L’autre personnage et la light cycle

Vous avez plus qu’à refaire ces étapes pour ajouter l’autre personnage et la « moto ». Une fois vos deux autres objets ajoutés, vous devriez obtenir un résultat dans ce genre.

tuto Photoshop : Reproduire l'affiche du film Tron avec Photoshop

Etape 11 : Le titre

Nous allons ajouter cette fois le titre du film. Après l’avoir collé et recardé dans notre psd, on le met en mode éclaircir et il devrait bien s’intégrer.

tuto Photoshop : Reproduire l'affiche du film Tron avec Photoshop

Notre affiche est maintenant finie, on peux passer a l’incrustation d’un effet de fausse 3D.

Etape 12 : Aplatir l’image

Pour créer l’effet 3D, il nous faut un seul calque. Pour faire ça : fichier, enregistrer sous, choisissez un format png (ou jpeg) (ctrl+maj+S sur PC et ⌘+maj+S sur OSX). Une autre manière d’aplatir l’image que je ne vous recommande pas est de faire un clic droit dans la zone des calques et aplatir l’image. Vous perdrez ainsi tout vos calques.

Etape 13 : Ajout de bruit

C’est une étape optionnelle, pour plus de réalité dans l’effet 3D j’ajoute du bruit. Filtre, bruit, ajouter du bruit et 5% pour moi.

tuto Photoshop : Reproduire l'affiche du film Tron avec Photoshop

Etape 14 : On « décale » l’image

Maintenant je duplique mon calque (nouveau calque, appliquer l’image) et je baisse l’opacité de ce nouveau calque a 50%. Ensuite ctrl+T (sur PC et ⌘+T sur OSX) et utilisez les flèches de votre clavier : appuyez 3 fois a droite et 3 fois en bas. Ensuite réglez les degrés a -1,1 et appuyez sur « entrer » pour valider.

tuto Photoshop : Reproduire l'affiche du film Tron avec Photoshop

Etape 15 : Rouge

Remettez l’opacité de votre calque du haut a 100% puis allez dans image, réglages, mélangeur de couleurs. Vérifiez que votre couche de sortie soit sur Vert et baissez la valeur du vert a 0%. Maintenant allez dans la couche de sortie bleue et baissez la valeur du bleu a 0%, validez avec Ok. Votre calque devrait normalement être rouge. Mettez le en mode de fusion éclaircir.

tuto Photoshop : Reproduire l'affiche du film Tron avec Photoshop

Etape 16 : Et bleu

Pour créer un effet encore plus réaliste on peut avec le calque du dessous aller dans image, réglages, mélangeur de couleur et baisser la valeur du rouge à 0%.

tuto Photoshop : Reproduire l'affiche du film Tron avec Photoshop

Vous avez maintenant votre image finale. Vous pouvez appliquer un effet de 3D a n’importe quelle autre image en effectuant les étape 14, 15 et 16.

tuto Photoshop : Reproduire l'affiche du film Tron avec Photoshop

tuto Photoshop : Reproduire l'affiche du film Tron avec Photoshop

0 commentaires: