Upload
fsiera
View
220
Download
0
Embed Size (px)
Citation preview
8/8/2019 Photoshop - Abstract FX Text Effect
1/15
Abstract FX Text Effect
Sunday, 15 August 2010 16:29 Siva KumarPhotoshop Tutorials - Text Effects
Article Index
Abstract FX Text EffectPage 2Page 3
All PagesPage 1 of 3
Learn how to turn any text into a beautiful text designusing layer styles, gradients, and Photoshop brushes. This tutorial is great for novice Photoshop
users who want to learn how to easily add style to any text.
Preview of the Final Product
8/8/2019 Photoshop - Abstract FX Text Effect
2/15
Abstract FX Text Effect Photoshop Tutorial
Step 1 - Create a new Document
Choose File > New (Ctrl + N). I'm using a wallpaper of 1440px (width) X 900px (height). Youcan have a wallpaper of any other size. The background color should be black.
8/8/2019 Photoshop - Abstract FX Text Effect
3/15
Step 2 - Create a Text
Type the text that you want to work with. I'm using "FX" as my choice of text, but you can useanything else. The font color should be white. I'm using the font "Harabara".
8/8/2019 Photoshop - Abstract FX Text Effect
4/15
Step 3 Rasterize the Text
Next, we need to duplicate the layer (Layer > Duplicate Layer). Right click on the duplicatedlayer then click Rasterize Type.
8/8/2019 Photoshop - Abstract FX Text Effect
5/15
Step 4 - Adding Satin Style
Click Layer Style (fx) in the layer palette, and select Satin, then enter the settings below:
y Blend Mode: Multiplyy Opacity: 100%y Angle: 143y Distance: 3pxy Size: 3px
8/8/2019 Photoshop - Abstract FX Text Effect
6/15
Step 5 - Adding Bevel and Emboss
Adding Bevel and Emboss will shed a smooth light shade on the text. "Bevel and Emboss" is justabove "Satin" that you clicked on in the previous step. Apply the following settings
Structure
y Style: InnerBevely Tech: Smoothy Depth: 100%y Direction: Upy Size: 250pxy Soften: 7px
Shading
y Angle: 132y Altitude: 26y Highlight mode: Normaly Highlight Color: #9a1a82y Highlight Opacity: 84%y Shadow mode: Normaly Shadow Color: #c5df27y Shadow Opacity: 27%.
8/8/2019 Photoshop - Abstract FX Text Effect
7/15
Step 6 - Adding Colors to Background
8/8/2019 Photoshop - Abstract FX Text Effect
8/15
We shall now merge 4 different colors to create a colorful background.
First, create a new layer to work on. Select Pen Tool from the tools bar on the left then create apath as you see in the image below with the gray line. Select Brush Tool (B) from the tools then
right click on the screen. Select the feather brush, which I have highlighted with the red circle in
the image below.
Go to the Pen Tool then change the foreground color to Pink (#FF00FC). Right click on the
screen then select "Stroke Path". Choose Brush, activate "Simulate Pressure" (for soft andfeathered edges), then clickOK.We now have a path in pink.
Repeat this step three times but use different colors;
y Blue (#009CFF)y Green (#46FF00)y Yellow (#FFF700)
Place these colors next to each other. Take a look at the picture in Step 7 to get an idea of whereto place these "colored paths". I recommend creating a new layer for each color so that it'll be
much easier to make adjustments.
8/8/2019 Photoshop - Abstract FX Text Effect
9/15
Step 7 - Merging Background Colors
Select all the layers & Merge (Ctrl + E). Now all the effects we've done appear on the same
layer.
Step 8 - Making Soft & Smooth Color Shade
The way to create soft & smooth edges for the colors: select Menu > Filter > Blur > Gaussian
Blur > Radius = 66.4px, and reduce the opacity to 33%. You should have a background image
similar to this one below.
8/8/2019 Photoshop - Abstract FX Text Effect
10/15
Step 9 - Duplicating Layer to Add Glow behind the Text
8/8/2019 Photoshop - Abstract FX Text Effect
11/15
Select the text as you see in the image. Click on Select > Modify > Expand = 2px. Create a newlayer below the text. It should be white.
Step 10 - Adding Blur
In order to make the text smooth, we need to choose Filter > Blur > Gaussian Blur (Radius =
5px).
8/8/2019 Photoshop - Abstract FX Text Effect
12/15
Step 11 - Filling Colors
8/8/2019 Photoshop - Abstract FX Text Effect
13/15
Our goal is to fill 4 different colors inside the text. Select the blurred text & lock it. Then go tothe tools bar & select Brush Tool (B) > right click on the screen & select the feather brush.
Fill the 4 different colors that we used in Step 6. See the image below for reference. You should
end up with a picture the same as the final image below.
8/8/2019 Photoshop - Abstract FX Text Effect
14/15
8/8/2019 Photoshop - Abstract FX Text Effect
15/15