Affiche Inception avec Repousse dans Photoshoc CS5

Affiche de lancement avec Repousse dans Photoshop CS5

Il y a quelques jours, je suis allé au cinéma avec Amanda (@amlight) regarder Création, le nouveau film de Christopher Nolan. J’ai quitté le cinéma complètement époustouflé. L’histoire est tout simplement incroyable et le réalisateur nous laisse perplexe tout le temps, surtout à la fin. Quoi qu’il en soit, je ne suis pas ici pour parler du film, mais plutôt de la façon dont il m’a inspiré à utiliser Photoshop et à essayer quelque chose. Puis j’ai vu les affiches du film et boum, ça y était, un effet vraiment cool pour créer un tutoriel sur 🙂

Alors dans ce tutoriel je vais vous montrer comment créer l’effet d’une des affiches Inception, celle avec le mot Inception faite de bâtiments sur une photo aérienne d’une ville. Pour créer cet effet, nous utiliserons le nouvel outil 3D de Photoshop CS 5 appelé Repousse et une photo aérienne de Pixelcase (http://www.pixelcase.com.au/).

J’espère que vous apprécierez le tutoriel et je vous recommande fortement d’aller au cinéma pour regarder Inception, c’est fantastique…. btw à la fin c’est tout un… 🙂

Étape 1

Ouvrez Photoshop et créez un nouveau document. J’utilise un format Lettre avec 72 DPI uniquement pour ce tutoriel, mais je vous suggère de faire au moins 300 DPI. Assurez-vous que l’arrière-plan est également noir.

Étape 2

Afin de recréer l’affiche, j’avais besoin de trouver la bonne image. Après avoir cherché sur des sites de photos, je n’ai trouvé aucune image qui avait la même vue à vol d’oiseau. Puis j’ai tweeté à ce sujet et @janinetoro envoyé le lien à Pixelacase. Pixelcase a tout simplement les photos aériennes les plus étonnantes de tous les temps. Je leur ai donc envoyé un e-mail leur demandant la permission d’utiliser l’une des images de ce tutoriel. Ils ont été assez gentils et m’ont permis de le faire 🙂

Avec l’image que je voulais, je l’ai placée dans mon design.

Affiche Inception avec Repousse dans Photoshoc CS5

Étape 3

Avec le Outil de type horizontal (T) j’ajoute le texte RÊVER utilisant Futura condensé pour la police. J’ai aussi étiré un peu le mot pour que les lettres correspondent en quelque sorte à la taille des blocs sur la photo. Ensuite, faites simplement pivoter le texte pour qu’il corresponde également à la photo.

Affiche Inception avec Repousse dans Photoshoc CS5

Étape 4

Avec le texte sélectionné, allez à 3D>Repousser. Utilisez le préréglage par défaut, mais modifiez le Profondeur à 2,4.

Affiche Inception avec Repousse dans Photoshoc CS5

Étape 5

Aller à Fenêtre>3D pour montrer le Panneau 3D dans Photoshop. Cliquez sur l’objet DREAM puis sélectionnez le Matériau d’extrusion RÊVE pour changer le matériau de l’extrusion. Nous allons utiliser des fenêtres pour cela. Pour ce faire, cliquez sur le petit dossier à côté du Couleur diffuse et sélectionnez Nouvelle texture. Après cela, cliquez à nouveau sur l’icône et choisissez Modifier la texture pour l’ouvrir dans un nouveau document.

Affiche Inception avec Repousse dans Photoshoc CS5

Étape 6

Ceci est une image d’un bâtiment que j’ai trouvé sur Google Images et placé sur le fichier de texture. Après cela, je viens de l’enregistrer et Photoshop a automatiquement mis à jour le design original avec des fenêtres blanches.

Affiche Inception avec Repousse dans Photoshoc CS5

Étape 7

Faites la même chose pour le Bump, utilisez la même image mais convertissez-la en noir et blanc et augmentez le contraste. Enregistrez-le et modifiez le Accrochez-vous à 8.

Affiche Inception avec Repousse dans Photoshoc CS5

Étape 8

Pour le Difuse et le Bump, cliquez sur l’icône de texture et sélectionnez Propriétés des textures. Utilisation 8 pour l’échelle U et 2 pour l’échelle V.

Affiche Inception avec Repousse dans Photoshoc CS5

Étape 9

Voici le design que vous avez obtenu jusqu’à présent.

Affiche Inception avec Repousse dans Photoshoc CS5

Étape 10

Dupliquez le calque photo de la ville et réorganisez-le pour qu’il soit au-dessus des autres calques. Créez ensuite une sélection de sélection du haut de l’objet 3D, le mot RÊVE. Aller à Calque>Masque de calque>Révéler la sélection.

Affiche Inception avec Repousse dans Photoshoc CS5

Étape 11

Aller à Calque>Style de calque>Trait. Utilisation 1 pour la Taille et 25% pour l’Opacité.

Affiche Inception avec Repousse dans Photoshoc CS5

Étape 12

Sélectionner Lueur intérieure et utilise Multipliez pour le mode de fusion, 100 % pour l’opacité, 30 % pour le starter et 5 pixels pour la taille.

Affiche Inception avec Repousse dans Photoshoc CS5

Étape 13

Comme vous pouvez le voir maintenant, nous avons les bâtiments avec les fenêtres sur les côtés et le haut est celui d’origine de la photo aérienne. Cependant, cela ne semble toujours pas très clair.

Affiche Inception avec Repousse dans Photoshoc CS5

Étape 14

Sélectionnez la photo aérienne qui se trouve sous les autres calques et accédez à Calque>Masque de calque>Révéler tout. Puis avec le Outil Pinceau (B) et un pinceau très doux (0 dureté) avec du noir pour la couleur, commencez à peindre les zones sous le mot pour supprimer la ville afin que nous isolions en quelque sorte le mot DREAM comme de vrais bâtiments. Vous pouvez également créer un effet de vignette en peignant les coins du calque.

Affiche Inception avec Repousse dans Photoshoc CS5

Étape 15

Afin de rendre l’objet 3D pour la conception finale, allez dans le panneau 3D et sélectionnez la scène, puis, sur Paramètres de renduchanger la Qualité jusqu’au Ray Tracing Final. Le processus de rendu peut prendre un certain temps, comme des minutes je pense, mais cela dépend de la machine que vous avez, alors attendez qu’il soit terminé.

Affiche Inception avec Repousse dans Photoshoc CS5

Étape 16

Sélectionnez le calque au-dessus des autres, puis accédez à Calque> Nouveau calque de réglage> Teinte et saturation. Marquer Coloriser puis pour le Teinte utiliser 200, pour la Saturation 40 et garder 0 pour la Luminosité.

Affiche Inception avec Repousse dans Photoshoc CS5

Conclusion

Vous pouvez ajouter un autre calque de réglage pour augmenter la luminosité et le contraste, mais le processus est terminé. J’ai aussi modifié un peu les lumières en essayant de faire correspondre la photo. La technique est assez simple et vous pouvez l’utiliser avec différentes images. Si vous avez une photo avec plus de résolution et plus proche des toits, vous pouvez travailler un peu plus pour la rendre encore plus réelle. J’attends une image haute résolution de http://www.pixelcase.com.au/ donc je peux créer mon affiche et jouer un peu plus avec ce concept, cependant une chose est assez claire, c’est le bon type d’effet dans lequel Repousse est parfait, vous pouvez créer un effet de texte 3D assez rapidement et sans avoir à utiliser une autre application.

Affiche Inception avec Repousse dans Photoshoc CS5

Télécharger le fichier Photoshop

Télécharger le fichier source