Program: Adobe Photoshop CS2 +
Estimated play time: 20 minutes
(click on image to enlarge)
In this lesson we will demonstrate how to create abstract text from a frame. Let’s start!
Step 1. We will start by creating a new document – 900 pixels in width and 600 in height, resolution 300. Make sure that the Color Mode is set to RGB.
Step 2. Fill the background layer with black. Tool Text (Type tool) type your text. I wrote “ABSENT”. I used the Futura Md BT font, the font style (Font Style) medium (Medium), size (size) 220 pixels. I also set tracking tracking 20 to increase the space between the letters. Make sure the text color is white.
Step 3. With the active text layer on the layers palette, press the keys Ctrl /Cmd +E, to merge text and background.
Step 4. Now go to Filter> Distortion> Wave (Filter> Distort> Wave) and expose such settings: Type (Type): Square (Square); Number of wave generating sources (Number of Generators): 1; Maximum wavelength (Max Wavelength): 635; Minimum wavelength (Min. Wavelength): 257; Maximum amplitude (Max. Amplitude): 141; Minimum amplitude (Min. Amplitude): 62; Horizontal distortion (Horiz. Scale): 24%, Vertical distortion (Vert. Scale): 22%. Now we have a beautifully distorted text. Please note that the result depends on these parameters, and on the size, tracking, and text position.
Step 5. Ok, let’s add another displacement effect to our text using the Fragment filter: Filter> Appearance> Fragment (Filter> Pixelate> Fragment).
Step 6. Now go to Filter> Stylize> Edge Glow (Filter> Stylize> Glowing Edges), set Edge Width 1, Edge Brightness 6 and Smooth 1.
Step 7. Now copy the image to create a new alpha channel to load the selection. Press keys Cmd / Ctrl + A to load the selection of the entire layer, further Cmd / Ctrl + C to copy. Go to the channel panel (Channels Panel), create a new channel and click Cmd / Ctrl + V to insert. With the Ctrl / Cmd key pressed, click on the Alpha 1 channel thumbnail, you will get the selection we need.
Step 8. Go back to the Layers Panel. Create a new layer, name it “text”. Fill the selection with white, press the key combination Ctrl /Cmd +D to deselect. Activate the Background layer and fill it with black. Now we will apply the layer styles to the “text” layer. Activate it on the layers palette and apply gradient overlay, using these settings: blend mode (mode) normal (normal), opacity (opacity) 15%, gradient (gradient) blue-red-yellow. The angle (angle) 140 and the scale (scale) 150%. In the layers palette, create a new layer above the background. Select this layer (Layer 1 or Layer 1) and the “text” layer, click Ctrl /Cmd +E, to merge both layers. Now the layer style we just applied has merged with the layer itself.
Step 9. It’s time to add glow effects. Duplicate the “text” layer using the keyboard shortcut Ctrl /Cmd +J, press these keys again to create a copy of the “text copy” layer. Set the uppermost copy overlay mode to Overlap (Overlay), again duplicate the “text copy 2” layer.
Step 10. Duplicate the “text copy” layer. Duplicate – “text copy 4” (“text copy 4”) – move it so that it is located above the background layer (Background). We go to Filter> Blur> Gaussian Blur (Filter> Blur> Gaussian Blur) and apply an effect with a radius of 6 pixels. Next, go to Image> Adjustment> Hue / Saturation (Image> Adjustments> Hue / Saturation), Use these settings: checkbox for Color (Colorize), Color (Hue) 310, Saturation 38, Lightness -30 /
Step 11. Now proceed to the background. Create a new layer above the background layer (“Background”) and name it “Glow” (“Lights”). Take the radial Gradient (Radial Graident) from transparent to background. Zoom out to make it easier for you to work with it, and draw a gradient, as shown in the figure. You can use the same colors or choose your own.
Step 12. Create a new layer above the “Glow” layer (“Lights”), name it “Circles”. Choose a tool Brush (Brush) and customize the standard round brush as shown in the image below.
Step 13. Set foreground color # 3fc5c6, rear – # ad4cb1. Brush the “Circles” layer with random movements.
Step 14. We go to Filter> Blur> Blur over Surface (Filter> Blur> Surface Blur), set the radius (radius) 25 pixels, the threshold (threshold) 175 and apply the filter. Next, go to Filter> Blur> Gaussian Blur (Filter> Blur> Gaussian Blur), apply it with a radius of 4 pixels.
Step 15. In the “Circles” layer, set the opacity to 15, this is what we get.
Step 16. In conclusion, we will add some text. I wrote “ABSENT” and subtitled using the same font.
Here is the final result. I hope you liked the lesson, and the technique that you learned will come in handy in your own work.
You can combine complex text in one job, experiment with different fonts, characters and layer styles to get a great result.
(click on image to enlarge)
Author: Eren Goksel