Ancienne signalisation dans Photoshop 3D
Suite à notre série de tutoriels inspirés d’affiches de films, nous vous apportons aujourd’hui une image simple inspirée du nouveau film de Jim Carrey et Steve Carrell, The Incroyable Burt Wonderstone. L’affiche et le spot TV montrent un très bel effet de signalisation ancienne, c’est le titre du film. Comme d’habitude, c’était parfait pour un tutoriel Photoshop et aussi pour créer un joli gif animé.
Donc, pour ce tutoriel, nous allons vous montrer comment créer un bel effet de signalisation ancienne à l’aide de Photoshop et d’une photo d’archive. L’ensemble du processus est assez simple, mais le résultat final est assez agréable. Nous créerons également un simple gif animé à la fin.
Étape 1
Ouvrez Photoshop et créez un nouveau document. j’utilise 2880×1800 parce que c’est la résolution dont j’ai besoin pour un joli fond d’écran. Assurez-vous que votre couleur de fond est noire.
Étape 2
Ajoutons le texte qui sera la base du dessin. Le concept est inspiré du film The Incredible Burt Wonderstone, il s’agit de deux magiciens donc ça a tout du style Las Vegas. Pour la police, j’ai utilisé Knockout pour « Abduzeeni » et Adobe Devanagari pour « The amazing ». Positionnez le texte comme l’image ci-dessous.
Étape 3
Utilisons un peu de 3D dans Photoshop. Adobe a travaillé dur pour offrir aux utilisateurs de Photoshop un meilleur outil 3D et je dois dire que ça s’améliore. Ce n’est pas aussi lent pour les objets 3D de base et c’est aussi plus intuitif. Donc, pour créer notre texte 3D, sélectionnez simplement le calque avec le texte auquel vous souhaitez appliquer la 3D et accédez à 3D>Nouvelle extrusion 3D à partir du calque sélectionné. Après cela, le panneau 3D s’ouvrira et vous verrez les couches de la 3D. En cliquant sur les différentes couches : Scène, Vue actuelle, Extrusion de texte, Lumière infinie 1 et Caméra par défaut, vous pourrez modifier leurs propriétés. Les images ci-dessous montrent certaines de ces propriétés.
Les 3 premières images sont des propriétés de l’extrusion du texte, la seconde est pour la lumière et la troisième pour l’environnement.
Étape 4
Une fois que vous avez réglé vos paramètres 3D, accédez à 3D>Rendu pour rendre votre couche 3D. Vous aurez quelque chose comme l’image ci-dessous.
Étape 5
Sélectionnez la face de l’objet 3D et créez un nouveau calque à partir de celui-ci. Remplissez ce calque de rouge. Allez dans Calque> Créer un masque d’écrêtage.
Étape 6
Aller à Calque> Nouveau calque de réglage> Teinte et saturation. Utilisation 30 pour la Teinte, 30 pour la Saturation et -50 pour la Luminosité. Assurez-vous que ce calque utilise également un masque d’écrêtage (Allez dans Calque> Créer un masque d’écrêtage) de sorte que l’effet ne s’applique qu’au Couche 3D.
Étape 7
Pour créer les ampoules, utilisons une image réelle. Celui que j’utilise est une gracieuseté de Shutterstock et ça s’appelle Panneau d’entrée du casino au néon par MaxFX. Copiez une ampoule qui n’est pas complètement allumée et une autre qui est éteinte. Collez ces 2 lumières à votre composition et commencez à remplir l’espace sur les lettres. Notez que j’utilise une ombre pour donner de la profondeur. Vous pouvez le faire en utilisant les styles de calque. Une autre astuce consiste à changer la direction de l’ombre pour les lettres qui se trouvent à gauche ou à droite, de cette façon nous nous assurons qu’elle est un peu plus réaliste.
Étape 8
Ajoutez un calque au-dessus des autres et regroupez-le afin qu’il soit dans un dossier. Changer la Mode de fusion du dossier à Esquive de couleur. Sélectionnez le calque à l’intérieur de ce dossier, puis avec le Outil Pinceau (B), sélectionnez un pinceau très doux et arrondi avec du blanc pour la couleur. Redimensionnez le pinceau pour qu’il soit un 30% plus grand que l’ampoule. Peignez dans le calque sélectionné avec du blanc au-dessus des ampoules que vous souhaitez allumer.
Étape 9
Répétez le même processus pour les autres ampoules.
Conclusion
Dupliquez tous les calques et fusionnez les nouveaux calques en un seul. Aller à Filtre>Flou>Flou gaussien. Utilisation 10 pixels pour le rayon. Changer la Mode de fusion de cette couche à Écran à 20 %. Dupliquer à nouveau ce calque et changer le Mode de fusion pour superposer à 50 %. Déplacez le dossier avec le calque qui a les points blancs (étape précédente) afin que ce calque soit au-dessus de tous les autres calques. Après toutes ces étapes, vous êtes prêt à partir. Vous pouvez faire quelques ajustements et améliorer le design à coup sûr, mais c’est toute l’idée du tutoriel, pour vous donner quelques indications, maintenant c’est à vous de décider.
Animation
Pour créer l’animation, c’est assez simple, il suffit de créer quelques versions différentes avec des lumières allumées et éteintes. Après cela, en utilisant une application capable de créer des gifs animés, importez simplement toutes ces images. J’ai utilisé Fireworks et pour chaque état, j’ai utilisé l’une des versions.