Dans le tutoriel d’aujourd’hui, nous allons nous amuser dans Photoshop à créer une enseigne à ampoules lumineuses similaire à celles utilisées dans les casinos de Las Vegas et les théâtres de Broadway. L’enseigne sera créée comme un texte autonome, en utilisant les puissants outils 3D de Photoshop pour simuler un environnement hyper réaliste dans un entrepôt. Nous ajouterons ensuite de nombreux effets d’éclairage subtils afin de créer une série d’ampoules lumineuses. Si vous avez toujours voulu voir votre nom en lumière, c’est l’occasion rêvée !
Ce design éclatant, inspiré de l’univers de Vegas, est parfait non seulement pour des projets personnels, mais aussi pour des visuels promotionnels — en particulier si vous travaillez sur du contenu lié aux meilleurs casinos en ligne offrant les meilleurs paiements.
Comment créer une enseigne à ampoule réaliste en 3D de style Casino en Ligne dans Photoshop
Voici l’œuvre d’art que nous allons créer dans le cadre de ce tutoriel. Il est basé sur ces superbes enseignes à ampoules de style vintage qui illuminent les casinos, les théâtres, les cinémas et les carnavals. Nous allons utiliser les outils 3D de Photoshop dans le cadre du processus, ce qui signifie que vous aurez besoin de la version CS6 ou supérieure. Il est tout à fait possible de créer un effet plus stylisé en utilisant les styles de calques Bevel & Emboss pour les lettres, mais les outils 3D aident vraiment à produire une belle image réaliste.
Trouvez une photo d’un salon contemporain ou d’une scène d’entrepôt vide pour y placer les lettres de votre enseigne de casino. J’utilise cette vieille image d’intérieur d’entrepôt vide abandonné de Shutterstock.
Utilisez l’outil de saisie pour entrer le texte de votre choix. Sélectionnez une belle police de caractères épaisse pour qu’il y ait suffisamment de place pour ajouter les ampoules au centre. J’utilise une police nommée Eleveth, que j’ai choisie dans un récent lot de polices que j’ai partagé dans ma newsletter.
Allez dans 3D > New 3D Extrusion from Selected Layer pour activer les outils 3D. Déplacez le texte au niveau du sol à l’aide de la flèche verte de l’axe Z, puis utilisez l’outil Faire pivoter l’objet 3D à partir de l’en-tête pour aligner le texte avec la perspective de la photographie d’arrière-plan.
Dans le panneau des propriétés, cliquez sur le bouton Cap pour faire apparaître les options. Ajustez la largeur du biseau à 30% et l’angle à environ -75° pour créer un effet d’incrustation. Modifiez la sélection Contour pour les courbes nommées Gaussien pour lisser les bords,
Maintenez la touche Maj enfoncée et sélectionnez les 5 options de matériau relatives à votre objet dans le panneau 3D, puis cliquez sur l’icône du dossier à côté de l’option Diffuser dans le panneau Propriétés et sélectionnez Charger la texture. Appliquez une texture de métal ou de béton comme celle-ci.
Changez la couleur du matériau spéculaire en noir en faisant glisser la sélection dans le coin inférieur gauche de la fenêtre du sélecteur de couleurs.
Modifiez la brillance à 100%, puis réduisez le réglage de l’impact à 0% dans le panneau Propriétés.
De retour dans le panneau 3D, sélectionnez la Lumière infinie présente dans la scène. Cliquez et faites glisser l’extrémité la plus petite de la forme de style satellite pour ajuster la direction de la lumière. Dirigez-la vers une fenêtre ou une source de lumière dans la photo d’arrière-plan.
La Lumière infinie étant toujours sélectionnée, réglez l’Intensité à environ 70 % et la Douceur de l’ombre à environ 45 % dans le panneau Propriétés.
Cliquez sur l’icône de l’ampoule au bas du panneau 3D pour ajouter une nouvelle lumière à la scène. Sélectionnez Nouveau spot lumineux, puis déplacez le petit cercle vers une fenêtre à l’aide des flèches rouge et verte. Agrandissez la taille des grands cercles pour qu’ils englobent le texte.
Modifiez l’intensité du spot lumineux à 35 % et la douceur de l’ombre à 20 % dans le panneau Propriétés.
L’élément de texte 3D est maintenant prêt à être rendu. Il est actuellement assez laid dans sa forme basse résolution, alors cliquez sur le bouton Rendu pour permettre à Photoshop de traiter les effets. Le rendu peut prendre beaucoup de temps ! Mangez un morceau, lisez un livre ou regardez un film pendant que vous attendez.
En décembre dernier, j’ai pris la photo d’une ampoule sur un marché de Noël. Téléchargez et ouvrez cette image dans Photoshop et utilisez l’outil de chapiteau pour en faire une copie.
Collez l’ampoule dans votre document de travail principal et réduisez sa taille pour la faire tenir dans l’une des lettres.
Double-cliquez sur le calque pour ouvrir les options de style de calque. Commencez par ajouter un effet de luminosité extérieure. Choisissez une couleur jaune clair dans l’ampoule, puis modifiez les paramètres pour Color Dodge, d’une taille d’environ 20px et la courbe positive de la sélection Contour. Réduisez l’opacité pour atténuer l’éclat de cet effet. J’ai obtenu 77 %.
Il y a actuellement une limite à ne pas dépasser si l’on enlève l’ampoule de la photo. Ajoutez une lueur intérieure en utilisant les paramètres Color Dodge, 15% d’opacité et une taille de 9px pour mélanger subtilement l’ampoule avec sa lueur incandescente.
Enfin, ajoutez un effet d’ombre portée. Changez le mode de mélange en mode Linear Burn et réduisez l’opacité à environ 20 %. Modifiez la direction à 90°, puis ajustez la Distance à 2px, l’Étendue à 18px et la Taille à 8px.
Maintenez la touche Alt enfoncée et faites glisser l’ampoule pour créer un double. Positionnez cette ampoule à l’extrémité opposée de la lettre.
Faites un autre duplicata et positionnez-le au centre entre les deux, puis continuez à ajouter des duplicata supplémentaires pour remplir la lettre avec des ampoules uniformément espacées.
Poursuivez le processus d’ajout d’ampoules pour tracer le contour de votre texte, en positionnant les ampoules au centre des lettres et en vous assurant qu’elles sont régulièrement espacées.
Déplacez et sélectionnez toutes les couches d’ampoules et faites-les glisser sur l’icône Nouvelle couche pour faire un double. Appuyez sur CMD+E pour les fusionner ensemble, puis appuyez sur CMD+T et sélectionnez Flip Vertically. Déplacez les ampoules en miroir sous le texte principal pour former une réflexion. Pour plus d’idées d’art, cliquez ici
Dans le menu Transformer, sélectionnez l’option Perspective et faites glisser les coins pour faire correspondre les réflexions à l’angle du sol.
Allez dans Filtre > Flou > Flou gaussien et entrez 5px pour supprimer le détail des réflexions des ampoules.
Changez le mode de fusion du calque des réflexions de l’ampoule en superposition pour permettre aux couleurs d’interagir avec l’arrière-plan. Réduisez le remplissage à environ 50 % pour atténuer l’impact des reflets.
Ajoutez un Masque de calque au calque des réflexions de l’ampoule, puis utilisez un pinceau doux pour effacer les extrémités afin que les réflexions s’estompent à mesure qu’elles s’éloignent de la source.
Choisissez une couleur jaune clair dans les ampoules, puis tamponnez des points aléatoires dans le texte à l’aide d’un pinceau à bords doux.
Changez le mode de mélange de ces points jaunes en Overlay et réduisez le Fill à environ 45%. Cet effet subtil éclaircit certaines ampoules pour réduire l’uniformité entre elles.
Faites un autre choix de couleur parmi les ampoules, puis peignez des points sous chaque lettre sur un nouveau calque. Appuyez sur CMD+T et écrasez ces points en forme d’ellipse.
Changez le mode de mélange pour Overlay et réduisez le remplissage à environ 60%, puis CMD+Cliquez sur la vignette du calque de texte 3D pour charger sa sélection. Supprimez cette sélection du calque des points.
Ajoutez d’autres points doux, cette fois en utilisant une sélection orange plus chaude choisie parmi les ampoules. Peignez autour de la zone au sol directement devant les lettres. Changez le mode de mélange pour Overlay et réduisez le remplissage à environ 30%.