In this lesson, we will apply a smoky night effect to the text to give it a feeling of supernaturalness. This is a good exercise to use the filter. Wave distortion.
Materials for the lesson:
Step 1. The first thing we need for our image is the background. We will apply a quick reception to create a background with the sky and stars. There are many lessons to create this effect, and in fact, it is very simple and is done in two steps: clouds + noise (clouds + noise).
Go to our document, select the dark blue color # 18323a and black, then go to the menu Filter> Render> Clouds (Filter > Rendering > Clouds).
Step 2. Now create a new layer, fill it with black and go to the menu Filter> Noise> Add Noise (Filter> Noise> Add Noise) and set approximately the values shown in the image below:
Step 3. We got a lot of noise, so let’s go on the menu Image> Adjustment> Levels (or Ctrl +L) (Image> Correction> Levels) and we will move both sliders until we see that most of the stars have disappeared, as shown in the image:
Step 4. Install now blending mode star layer on Screen (Lightening), so black disappears and only the stars remain. But there are still some black spots left, so add Layer mask (Layer mask) and a large brush paint over the spots, so they seem a bit smaller. Look at the screenshot below to see. Layer Mask, which I added:
Step 5. In this step, I added a layer with radial gradient (radial gradient), which runs from white in the center to black around the edges, and set the parameters Overlay (Overlap) and 45% Opacity. The effect only darkens the edges, it is not a significant step. In any case, you should have something that looks like the image below:
Step 6. Now we will add our text. I used the font Cuez_Ver6, which looks unusual. If you go to the free fonts website and search for it, you will certainly find something similar, such as CType AOE Font. In fact, he is a little illegible (especially r), but who cares, he looks beautiful!
Step 7. The next thing we need to do is add some style to the layer. At first I applied to the text Color Overlay (Color Overlay) black (# 000000). Then, since the basis of this text turned out to be creepy, I added inner glows.
Settings Inner Glow (Inner Glow) shown below and then I applied Inner Shadow with settings:
color # 54a4ff,
blend mode Screen (Lightening),
angle -90, and everything else is the default.
Step 8. Then we use texturing Bevel and Emboss) to give the style some unevenness. You can see the embossing settings below. The texture I added is one of the standard in Photoshop, which looks like bubbles. And I set the Depth to -79.
As you can see below, the created internal glow looks rougher.
Step 9. In conclusion, I added Drop Shadow (Shadow) and Outer Glow (Outer Glow), for both styles I used settings Screen (Lightening) and color # 008ac5. Since I used both styles, I need to make one of them less radiant, and the second wider, so the values distances I set to 10 px and 100 px.
Step 10. So, we set the style for the text. This is the end of a good start, but you can still do so much with Layer Styles (Layer Styles), therefore, we will now create one more good effect with an improvised way.
Step 11. First of all, duplicate the text layer, right-click on the layer and select layer styles. Then we change the text color to fluorescent blue (# 5cdbff) (note. You must remove all the style settings so that only the text color is set). Then, press the top arrow on the keyboard to move the layer one pixel up (for example, if you don’t move text, make sure the tool is active Move tool (Move)). You should have this type of glow effect, as shown below:
Step 12. This step is a key step in this lesson.
Duplicate the fluorescent blue layer. Then, go to the menu Filter> Distort> Wave (Filter> Distortion> Wave). You can mainly use the default settings, except Scale (Scale). I used the settings of 10% and 10%. This action will distort the text, but quite a bit. If you leave 100%, the effect will be strong!
(Note: In the image below, I omitted the text (which is why it is so “clean”) to apply this filter to it).
Step 13. After the distortion of the text, go to the menu Filter> Blur> Gaussian Blur (Filter> Blur> Gaussian Blur) and set the value to 4 px. Then install Opacity by 20%.
In the screenshot below, I hid the main text, so you only see the distorted text.
Step 14. Now, while holding Ctrl, click on this layer to create a selection area, then go to the menu Select> Modify> Contract (Select> Modify> Compress) and set the value to 5 px. Then press Shift + Ctrl + I to invert the selection, and press Delete. You should have a thin, light print of your text.
Now turn on the main text layer, and our effect will look like a little smoke coming from the letters.
Step 15. Duplicate the smoke effect layer and go to the menu. Filter> Distort> Wave (Filter> Distortion> Wave) and distort this layer even more.
Now repeat this step a couple of times and change what you are doing with the wave. So you can sometimes press Randomize, or distort the copy several times. I also used mixing blending modes different copies of smoke. I did not apply to two of them blending modes), to two applied Overlay, and for two more I used Hard Light.
It is also good to mix layers so that they are “above” and “behind” the main text. Remember, we want to achieve particles of smoke emanating from the letters.
Step 16. Now that we have coped with our little smoke, it’s time to add large pieces of it.
So again duplicate the fluorescent blue.
Step 17. We will now apply another wave distortion, but this time in the parameters Scale (Scale) horizontally, set the value to 5%, and vertically – 100%. This will create a rather oblong shape, as shown in the image. Once you have applied the wave, repeat this action several times by pressing Ctrl + F until you have thin and stretched shapes.
Step 18. As soon as you get a realistic smoky effect, apply blending mode (blending mode) Hard Light (Hard Light), you should have something similar to the image below.
Step 19. Now duplicate this layer and go to the menu. Filter> Blur> Gaussian Blur (Filter> Blur> Gaussian Blur), set the value to 4 px. This action will give our layer a bit of softness.
After that, take a large soft eraser and erase some areas from the bottom and top so that they disappear along the edges.
You can also repeat the last couple of steps to add more shreds of smoke.
Step 20. Here I erased the lower parts of the smoke and added more barely noticeable copies. I also added additional text above the main one to make it look even better.
Step 21 Then I put one or two copies of the layers of smoke in front of the main text, so it looks as if it passes through letters. In particular, look at E in the word super to see what I mean.
Step 22 In the end, in order to give a more mysterious feeling, I added a layer, on top of the other layers, and with a large brush I drew green at the top, then set blending mode on Color, to give the image a green-blue color.
And we are done! One smooth and smoky effect!