12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Advertisement

DESIGN & ILLUSTRATION > PHOTOSHOP ACTIONS

How to Create a Typography Dispersion

Action in Adobe Photoshop
by Marko Kookar 3 days ago
Dif culty: Intermediate Length: Long Languages: English

Photoshop Actions Adobe Photoshop Photo Effects Typography

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 1/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

What You'll Be Creating

In this tutorial you will learn how to create an amazing typography dispersion effect.
First we are going to create and de ne a few patterns and brushes. Then we are
going to create a typography effect from our subject, and then disperse the letters in
the direction we choose. After that we are going to make some nal adjustments.

I will try to explain everything in so much detail that everyone can create it, even

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 2/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

those who have just opened Photoshop for the rst time.

The effect shown above is the one I will show you how to create here in this tutorial.
If you would like to create the effects shown below, using just a single click and in
just a few minutes, then check out my Typography 4 Photoshop Action.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 3/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

What You'll Need

To recreate the design above, you will need the following photo:

modern style dancer, stock image

1. How to Get Started

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 4/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 1
First, open the photo that you want to work with. To open your photo, go to File >
Open, choose your photo, and click Open. Now, before we get started, just check a
couple of things:

1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to

Image > Mode.
2. For best results, your photo size should be 15004000 px wide/high. To check
this, go to Image > Image Size.
3. Your photo should be the Background layer. If it is not, go to Layer > New >
Background from Layer.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 5/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 2
We are going to create a typography dispersion effect in the downward direction, so
https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 6/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

we need to expand the canvas on the bottom so we have more space for the effect,
and also a little bit on the left and right sides. Go to Image > Canvas Size and use
the settings below:

Step 3
Now we need to make this expanded canvas area seamless. Choose the Magic
Wand Tool (W) and click once over the white area to select the whole white area we
have just added. Go to Edit > Fill and select the settings below. After that, press
Control-D on your keyboard to remove the selection.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 7/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

2. How to Create Patterns and Brushes

Step 1
In this section we are going to create the patterns and brushes we'll need. Go to File
> New to create a new le, name it Typography Pattern 1, and use the settings
below:

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 8/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 2
Now choose the Horizontal Type Tool (T), click anywhere inside the canvas, and
type a single letter. You can use any font, font style, and font size. I have chosen
Arial font, Regular font style, and 31.47 px size. After you type a letter, hit Enter on
your keyboard and use the same method to add several letters. Here is what I got:

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 9/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 3
Now click on the Background layer eye icon next to its thumbnail to hide it. Go to
Edit > Dene Pattern to de ne a pattern and name it Typography_Pattern_1. Keep
this le open.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 10/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 4
Repeat the rst two steps in this section, but in Step 1 name the new le Typography
Pattern 2, and in Step 2 use different letters with the same font, font style and font
size you used for the previous pattern. Here is what I got:

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 11/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 5
Now click on the Background layer eye icon next to its thumbnail to hide it. Go to
Edit > Dene Pattern to de ne a pattern and name it Typography_Pattern_2. Keep
this le open as well.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 12/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 6
Repeat the rst two steps in this section, but in Step 1 name the new le Typography
Pattern 3, and in Step 2 use different letters with the same font, font style and font
size you used for the previous two patterns. Here is what I got:

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 13/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 7
Now click on the Background layer eye icon next to its thumbnail to hide it. Go to
Edit > Dene Pattern to de ne a pattern and name it Typography_Pattern_2. Keep
this le open as well.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 14/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 8
We are going to create brushes now. Select the Typography Pattern 1 document, go
to Edit > Dene Brush Preset, and name it Temp as we will remove this brush in the
next few steps.

Step 9
Press B on your keyboard, right-click anywhere inside the canvas, select the Temp
brush, and hit Enter. Then go to Window > Brush and inside the Brush window use
the settings below:

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 15/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 16/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 10
Now we are going to de ne this brush with new settings as a new brush. Go to Edit >
Dene Brush Preset and name it Typography_Brush_1. Press B on your keyboard,
right-click anywhere inside the canvas, and Alt-click on the Temp brush to remove
it.

Step 11
Repeat all the steps from Step 8 to Step 10 to create two more brushes from the two
other documents Typography Pattern 2 and Typography Pattern 3. Of course, name
those two new brushes according to their serial number. Then close all documents
except your photo document.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 17/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

3. How to Create the Base

Step 1
Now we need to create the base that determines which part of our photo will be
turned into typography. So the base will actually be our subject. Go to Layer > New >
Layer to create a new layer and name it Base.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 18/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 2
While the Base layer is selected, ll your subject with a color. You can do it in various
ways. For example, you can create a selection of your subject using the Pen Tool (P),
Magic Wand Tool (W), Lasso Tool (L) or some other tool, and then just ll the
selection with a color. Or you can choose the Brush Tool (B) and brush over your
photo using a hard or soft brush.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 19/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

4. How to Create Typography From a Subject

Step 1
In this section we are going to create a typography effect from a subject that we
have de ned with the Base layer. Control-click on the Base layer thumbnail to make
https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 20/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

a selection of that layer, select the Background layer, and go to Layer > New > Layer
Via Copy. Then hide the Base layer by clicking on the eye icon next to its thumbnail.

Step 2
Now go to File > New to create a new le, name it Text, and use the settings below.
You can use different values for width/height, but make sure that document is at
https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 21/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

least as big as your photo document.

Step 3
Choose the Horizontal Type Tool (T) and type the text so it covers the whole
document. You should use the same font and font style that you used for creating
patterns and brushes. Also, the font size should be the same or very close.

Feel free to make changes to your text, like increasing or decreasing leading,
tracking and more. If the content of the text does not matter to you, you can use a
text generator to speed up the process.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 22/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 4
Now choose the Move Tool (V), click and hold inside the canvas, and drag the text
layer from the Text document to your photo document and position it so it covers
the whole subject. Double-click on this layer name and rename it Text.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 23/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 5
Control-click on the Layer 1 thumbnail to make a selection of that layer, and then go
to Layer > Layer Mask > Reveal Selection.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 24/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 6
Now select Layer 1 and drag it above the Text layer. Then go to Layer > Create
Clipping Mask. Double-click on this layer name and rename it Text Color.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 25/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 7
Now we are going to create a solid color background. Select the Background layer
and go to Layer > New Fill Layer > Solid Color to create a new solid color ll layer,
name it Background Color, and use the settings below:

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 26/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 8
Select the Background layer and go to Layer > New > Layer Via Copy to duplicate
that layer. Then drag this layer just below the Base layer, go to Filter > Blur >
Gaussian Blur, and use the settings below:

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 27/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 9
Now go to File > Save As to save your document as a new le. You can name it
however you want, and you can save it anywhere you want, but keep in mind that you
will need to select that le later to apply a lter. Then right-click on the Background
copy layer and choose Delete Layer.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 28/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 10
We need to correct the edges of the subject slightly. Select the layer mask of the
Text layer, go to Select > Select and Mask, and use the settings below:

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 29/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 11
Right-click on the Text layer name and choose Convert to Smart Object. Then go to
Filter > Displace, use the settings below, and choose OK. After that you will get
another window, and there you can choose the le you have previously saved and
click Open.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 30/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 12
Now we are just going to group some layers. Select the Background Color layer,
Shift-click on the Text Color layer, go to Layer > New > Group from Layers to create
a new group from these layers, and name it Subject Typography.

5. How to Create Dispersed Letters

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 31/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 1
In this section, we are going to create letters that we are going to disperse later. First
we need to create another base layer that determines which areas will be dispersed.
Select the Base layer, go to Layer > New > Layer to create a new layer, and name it
Base 2.

Step 2
Control-click on the Base layer thumbnail to make a selection of that layer and go to
Layer > Layer Mask > Reveal Selection.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 32/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 3
Now select the Base 2 layer thumbnail, choose the Brush Tool (B), pick a soft or
hard brush, and start brushing over the areas you want to disperse.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 33/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 4
Select the layer mask of the Base 2 layer, right-click on it, and choose Apply Layer
Mask.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 34/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 5
Control-click on the Base 2 layer thumbnail to make a selection of that layer.
Choose the Lasso Tool (L), right-click anywhere inside the canvas, choose Make
Work Path, and use the settings below:

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 35/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 6
Now click on the eye icon of the Base 2 layer next to its thumbnail to hide it. Select
the Subject Typography group and go to Layer > New > Layer to create a new layer.
Leave the default name Layer 1 because we will delete this layer in the next few
steps.

Step 7
Choose the Pen Tool (P), right-click anywhere inside the canvas, choose Fill Work

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 36/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Path, and use the settings below:

Custom Pattern is Typography_Pattern_1.

Step 8
Now Control-click on the Layer 1 thumbnail to make a selection of that layer, select
the Background layer, and go to Layer > New > Layer Via Copy to create a new layer
via copy, and name it L_1 (abbreviation of Letter_1). Then right-click on Layer 1 and
choose Delete Layer.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 37/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 9
Now repeat all the steps from Step 6 to Step 8 as many times you want, depending
on how many letters layers you want to create, using Typography_Pattern_1. I have
repeated it nine more times, so I have ten letters layers in total.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 38/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 10
Now we are going to create more letters layers but with other patterns, so we have
different letters. Repeat all the steps from Step 6 to Step 8, but in Step 7 use the
settings below instead of the settings you used the previous time.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 39/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Custom Pattern is Typography_Pattern_2.

Step 11
Now repeat Step 10 as many times you want, depending on how many letters layers
you want to create, using Typography_Pattern_2. I have repeated it nine more times,
so I have 20 letters layers in total.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 40/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 12
Now we are going to create more letters layers with our last pattern, so we have
different letters. Repeat all the steps from Step 6 to Step 8, but in Step 7 use the
settings below instead of the settings you used the previous time.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 41/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Custom Pattern is Typography_Pattern_3.

Step 13
Now repeat Step 12 as many times as you want, depending on how many letters
layers you want to create, using Typography_Pattern_3. I have repeated it nine more
times, so I have 30 letters layers in total.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 42/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 14
Now select the rst letters layer, go to Filter > Displace, use the settings below, and
choose OK. After that you will get another window, and there you can choose the le
you have previously saved and click Open.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 43/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 15
Select the next letters layer and press Control-F to apply the previous lter with the
same settings. Use the same method to apply this lter to all other letters layers.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 44/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 16
We are going to group all the letters layers now. Select your top letters layer and
Shift-click on the last letters layer to select all letters layers, go to Layer > New >
Group from Layers to create a new group from selected layers and name it Letters.
Then drag the group just above the Subject Typography group.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 45/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

6. How to Disperse Letters

Step 1
In this section, we are going to disperse the letters we have just created. So all you
have to do now is to choose the Move Tool (V), select the letters layer that you want
to move, and move it in the direction of your choice. I want to create a dispersion in
the downward direction, so here is what I got:

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 46/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 2
Now we are going to transform some letters to create depth. Select the letters layer
that you want to transform, choose the Lasso Tool (L), right-click anywhere inside
the canvas, and use the settings below:

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 47/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 3
I have transformed a few more letters layers. Feel free to transform as many layers
as you want, and also to use different values for width/height. Here is what I got:

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 48/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 4
Now to give more depth and focus to the effect, we are going to blur some letters.
Select the letters layer that you want to blur, go to Filter > Blur > Gaussian Blur, and
use the settings below:

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 49/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 5
I have blurred a few more letters layers. Feel free to transform as many layers as you
want, and also to use different values for Gaussian blur. Here is what I got:

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 50/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 6
Now make some nal changes to the dispersed letters, so you can move, transform
and blur letters layers as you like. Also feel free to move or transform the whole
Letters group and also change the layer order in the Layers panel. Here is what I got:

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 51/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

7. How to Create a Missing Letters Effect

Step 1
In this section, we are going to create a missing letters effect. Select the Text layer
and go to Layer > Layer Mask > Reveal All to add a blank layer mask to this layer.
https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 52/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 2
Select the layer mask of the Text layer and press D on your keyboard to reset the
swatches. Choose the Brush Tool (B), right-click anywhere inside the canvas, pick
some of the typography brushes we have created at the beginning of the tutorial,
and hit Enter. Then start brushing over the areas where you wish to create a missing
letters effect. You can also use a soft brush for the edges. Here is what I got:
https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 53/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

8. How to Make Adjustments

Step 1
In this section, we are going to make some nal adjustments to the effect. Firstly we
are going to add a nice color look. So select the Letters group and go to Layer > New
https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 54/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Adjustment Layer > Curves to create a new curves adjustment layer just below the
Base layer, and name it Color Look.

Step 2
Now double-click on the Color Look layer thumbnail and use the settings below:

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 55/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 3
Now we are going to add a subtle lter. Go to Layer > New Adjustment Layer >
Photo Filter to create a new photo lter adjustment layer and name it Photo Tint.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 56/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 4
Double-click on the Photo Tint layer thumbnail and use the settings below:

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 57/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 5
Now we are going to add a subtle contrast. Press D on your keyboard to reset the
swatches, go to Layer > New Adjustment Layer > Gradient Map to create a new
gradient map adjustment layer and name it Overall Contrast.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 58/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 6
Change the blending mode of the Overall Contrast layer to Soft Light and drop the
Opacity to 8%.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 59/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Step 7
Finally we are going to add sharpening to the whole effect. Press Control-Alt-Shift-E
on your keyboard to make a snapshot, and then go to Filter > Other > High Pass and
use the settings below:

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 60/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

telkomtelstra

ManagedPrivateCloud
YourDedicatedPrivateCloudFullyManaged&Supported

Advertisement

Step 8
Double-click on the Layer 1 name and rename it Overall Sharpening. Change its
blending mode to Hard Light and drop the Opacity to 82%.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 61/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

You Made it!

Congratulations, you have succeeded! Here is our nal result:

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 62/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 63/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

If you would like to create the effect shown below, using just a single click and in just
a few minutes, then check out my Typography 4 Photoshop Action.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 64/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

The action works so that you just brush over the areas that you want to disperse in
letters, play the action, and the action will do everything for you, giving you fully
layered and customizable results.

You can choose from ve different dispersion directions:

Right
https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 65/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Left
Up
Down
Middle

And each direction comes in three optional letter sizes:

Small
Medium
Large

The action is made so that every time you run the action, you will get a unique result
even if you use the same brushed area. The letters will always be differently
arranged and deployed. The subject typography is a fully editable text layer. You can
use your own text, change the font, font style, letter spacing, line height, etc. The
action will also create 10 preset color looks for you.

It comes with a detailed video tutorial that demonstrates how to use and customize
the look of your action to get the most out of the effect.

Download
Free Download Go to unzipper.com

Advertisement

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 66/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Marko Kookar
Graphic & Web Designer

Hello, my name is Marko. I am a graphic and web designer. Favourite part of

my work is creating photo effects. Now I am mostly creating photoshop
actions with which anyone can create amazing, advanced photo effects in just
a few minutes, without any previous knowledge in Photoshop. I hope you will
learn a lot of useful tips from my tutorials :)

Weekly email summary

SubscribebelowandwellsendyouaweeklyemailsummaryofallnewDesign&Illustrationtutorials.
Nevermissoutonlearningaboutthenextbigthing.

Email Address

Updatemeweekly

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 67/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

Advertisement

Translations

Envato Tuts+ tutorials are translated into other languages by our community membersyou can be

involved too!

Translate this post

Powered by

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 68/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop

2Comments Tuts+Hub
1 Login

Recommend 1 Share SortbyBest

Jointhediscussion

AntonyMPhotography21hoursago
"6.HowtoDisperseLetters:Step2"seemstobemissingtheinstructions!I'mguessingit
shouldsay"SelectFreeTransformPath"!
Reply Share

ZeewaqarHusnainadayago
Thisisyourfifthtutorial.

Whatcanisay,youhavemastereddispersioneffectsinentiretyitseems.

Andyouaregenerousenoughtosharethetechniqueswitheveryone.

Youareaskillfulgraphicartistandknowhowtofinesseandcraftagiveneffectthereby
elevatingittoawowlevel.

Thankyouforexplaingthingsinawholesomemannerforususerstodigestthem.

Winddispersioneffectiswhatiyearntolearn.

Takecare.
Reply Share

Subscribe d AddDisqustoyoursiteAddDisqusAdd Privacy

telkomtelstra

ManagedPrivateCloud
YourDedicatedPrivateCloudFullyManaged&
https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 69/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop
YourDedicatedPrivateCloudFullyManaged&
Supported

Advertisement

Teaching skills to millions worldwide.

23,095 Tutorials 956 Video Courses

Meet Envato

Join our Community

Help and Support

Email Newsletters

Get Envato Tuts+ updates, news, surveys & offers.

Email Address

Subscribe

Privacy Policy

Check out Envato Browse Photos on

Studio's services PhotoDune

Follow Envato Tuts+

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 70/71
12/31/2016 How to Create a Typography Dispersion Action in Adobe Photoshop
Follow Envato Tuts+

2016 Envato Pty Ltd. Trademarks and brands are the property of their respective owners.

https://design.tutsplus.com/tutorials/howtocreateatypographydispersionactioninadobephotoshopcms27598 71/71