Create a casino-style text in Photoshop

A few weeks ago, walking through the streets of New York, I saw a large billboard with a poster for the movie “Burlesque”. What really caught my attention was the effect applied to the text in a retro casino style. I really liked this effect, and I thought that it would be nice to repeat it in Photoshop.

Therefore, in this tutorial, I will show you how to create a very beautiful effect using standard filters, layer styles (layer styles), blending modes (blending modes) and several stock photos. The whole process will take no more than 45 minutes, and the steps of this lesson, in my opinion, are quite easy, but require attention to detail.

Materials for the lesson:

Step 1. Open Photoshop and create new document (New document), use the size of 1113-1440 pix. Make sure the background is black. After that add vertical text. The word I added is Abduzeedo, the font was Arial Black.

Step 2. With the text layer active, go to the menu Layer (Layer) – Style layer (Layer Style) – Shadow(Drop Shadow). Use values ​​for Shadows (Drop Shadow) below.

Step 3. Now add depth to the text, using first Inner shadow (Inner Shadow). Use the values ​​shown below again to get this effect.

Step 4. Take advantage of Embossed (Bevel and Emboss) to add volume to the text. Again, apply the parameters below to get the same effect. You can play with the settings to understand for yourself how it works.

Step 5. In case your text is not as dark pink as mine, you can use the option Color overlay (Color Overlay) to change the color to the one I use – # b2355b.

Step 6. Now add stroke (stroke). Use the values ​​shown below again. I used the color – # 6f0022.

Step 7. This is the effect you should have after applying the layer styles in the previous steps. You can save these settings to use in the future for other works.

Step 8. To create a lighting effect and make it realistic, I used a stock photo, from where I copied only one light bulb.

Step 9. Move the light bulb to work, and then begin to fill the letters with light bulbs. If you want, you can make smaller bulbs and place them in two rows instead of one, as I did. After that, select all the light bulbs and merge them into one layer (Layer (Layer) – Merge layers (Merge Layers)).

Step 10. Select the light bulb layer and go to the menu Layer (Layer) – Style layer (Layer Style) – Shadow (Drop Shadow). Use the values ​​shown below.

Step 11. Now select External glow (Outer Glow). Use the image below again to set the settings correctly. The meaning of these two layer styles is to add a shadow so that the light bulbs look more realistic and become part of the image, as well as adding a glow.

Step 12. Go to Picture (Image) – Correction (Adjustment) – Hue / Saturation (Hue / Saturation). Activate the parameter Chromaticity (Colorize) and change Color tone(Hue) to pink.

Step 13. Duplicate (Duplicate) this layer and remove the effect of glow and shadow. After that go to menu Filter (Filter) – Blur (Blur) – Gaussian blur (Gaussian Blur). Use a radius value of 20 pixels. Group the layers in a folder and change it. blending mode (blending mode) on Lightening Basics (Color Dodge).

Step 14. Soft eraser (Eraser) adjust the size of the light bulbs on this layer so that they become the center of the glow. Then, erase some lights so that the light from the bulbs is not so uniform, then everything will not be so bright. It will also give a realistic look.

Step 15. Let’s return to our stock photo, select the burned out light bulb and copy it.

Step 16. Insert it and resize it to be the same as other bulbs. Duplicate (Duplicate) several times it is calculated that one or two light bulbs do not work on each letter. After that, select all the layers and merge.

Step 17. Go to menu Layers (Layer) – Layer style (Layer Style) – Shadow (Drop Shadow). Set the values ​​shown in the image below.

Step 18. This is the effect we have at the moment.

Step 19. Add a few flashes, as in the poster for the movie “Burlesque”. The flash I took from the image, you can open it from the archive. After reducing the image and removing unnecessary areas, we leave only the flash. To adjust the colors, go to the menu Picture (Image) – Correction (Adjustment) – Hue / Saturation (Hue / Saturation). Activate the parameter again Chromaticity (Colorize) and change Color tone (Hue) to pink. Set the blending mode for this layer. Screen (Screen).
Duplicate the flash several times and place on the letters. You can rotate and resize them.

Step 20. Now duplicate the text and turn off all effects, leaving only the pink color. Then apply Gaussian blur (Gaussian Blur) to create a pink glow behind the text.

Step 21 Now place a concrete texture on the background. You can find it in the archive.

Step 22 Place the texture so that it is located behind a black background. Then take the tool Eraser (Eraser) and wipe off with a soft brush with 20% opacity (opacity) plot of black background behind the text to display the texture.

Step 23 Select the texture layer, go to the menu Layer (Layer) – Layer style (Layer Style) – Color overlay (Color Overlay). Use pink as well as blending mode (blending mode) – Multiplication (Multiply). We do this so that the texture becomes pink, as if it is illuminated with pink light bulbs from the letters.

Step 24 Select all layers, duplicate them, then merge copies into one layer. You can also do this with the keyboard shortcut Ctrl + Alt + Shift + E. After that go to menu Filter (Filter) – Blur (Blur) – Gaussian blur (Gaussian Blur). Use a radius value of 20 pixels. You will get quite a blurred layer, change it blending mode (blending mode) a Screen (Screen) install Opacity (Opacity) at 60%, which will create a beautiful glow effect.

In this lesson we just played with layer styles (layer styles), blending modes (blending modes), mixed elements from real images with elements of our work in order to achieve realism. You can use these techniques in your future work, or if you want, you can complete the creation of a poster for the movie “Burlesque” by adding photos of girls.

(click on image to enlarge)

PSD file in the archive to the lesson
Author: Abduzeedo

Like this post? Please share to your friends: