How to Create a Typography Adobe Photoshop Action

In this tutorial you will learn how to create an amazing logo typography effect. I will explain everything in so much detail that everyone can create it, even those who have just opened Photoshop for the first time.

How to Create a Typography Adobe Photoshop Action

How to Create a Typography Adobe Photoshop Action
The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced logo typography effect shown below, using just a single click, then check out my Logo Typo Photoshop Action.

How to Create a Typography Adobe Photoshop Action

What You’ll Need

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

1. Let’s Get Started

First, go to File > New to create a new file to work with, name it Logo Typography, and use the settings below:

How to Create a Typography Adobe Photoshop Action

2. How to Create a Background

Step 1

In this section, we are going to create a background. Go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Background Color, and choose the color#262626 as shown below:

How to Create a Typography Adobe Photoshop Action

Step 2

Now choose the Horizontal Type Tool (T)and set the font to Arial, font style to Bold, font size to 30 px, alignment to Left, and color to #000000. In the Character panel, check All Capsand set the Leading to 18 px as shown below. Then, click anywhere inside the canvas and go to Type > Paste Lorem Ipsum to paste some random text. Feel free to use your own text and font settings.

How to Create a Typography Adobe Photoshop Action

Step 3

Right-click on this layer in the Layers panel and choose Convert to Paragraph Text. Then, Double-click on this layer thumbnail and transform the Text Box as shown below:

How to Create a Typography Adobe Photoshop Action

Step 4

Now go to Type > Paste Lorem Ipsum and repeat this step until you cover the whole canvas with text. Again, you can use your own text—just make sure it covers the whole canvas.

How to Create a Typography Adobe Photoshop Action

Step 5

Press Control-A on your keyboard to make a selection of the canvas and click on Align Vertical Centerand then on Align Horizontal Centerto align the text both vertically and horizontally. Then, press Control-D to deselect and name this layer Text.

How to Create a Typography Adobe Photoshop Action

3. How to Add a Logo

Step 1

In this section, we are going to add a logo. Go to File > Open, select the Learnimo Logo.eps file, choose Open, and enter the settings below:

How to Create a Typography Adobe Photoshop Action

Step 2

Now choose the Eraser Tool (E), pick a hard brush, and remove Your Slogan Here text of the logo as shown below:

How to Create a Typography Adobe Photoshop Action

Step 3

Choose the Rectangular Marquee Tool (M) and make a selection around the Learnimo text of the logo as shown below:

How to Create a Typography Adobe Photoshop Action

Step 4

Now go to Layer > New > Layer Via Cut to cut the selected area of the logo to a new layer. Then, Right-click on this new layer and choose Blending Options. Select the Color Overlay option, and set the Blend Mode to Normal, Color to #ffffff and Opacity to 100% as shown below:

How to Create a Typography Adobe Photoshop Action

Step 5

Control-click onLayer 1 to select both layers at the same time, Right-click on any of the layers, and choose Convert to Smart Object. Then, name this new layer Logo.

How to Create a Typography Adobe Photoshop Action

Step 6

Now, using the Move Tool (V), drag this layer to the Logo Typography file. Then, press Control-A on your keyboard to make a selection of the canvas and click on Align Vertical Centerand then on Align Horizontal Centerto align the logo both vertically and horizontally.

How to Create a Typography Adobe Photoshop Action

Step 7

Press Control-T on your keyboard and set Width and Height to 200% as shown below:

How to Create a Typography Adobe Photoshop Action

Step 8

Now press Control-Alt-G on your keyboard to create a clipping mask.

How to Create a Typography Adobe Photoshop Action

4. How to Add a Focus

Step 1

In this section, we are going to add a focus. Go to Layer > New > Layer to create a new layer and name it Focus.

How to Create a Typography Adobe Photoshop Action

Step 2

Now press D on your keyboard to reset the swatches. Go to Edit > Filland set Contents to Foreground Color, Blending to Normal, and Opacity to 100% as shown below:

How to Create a Typography Adobe Photoshop Action

Step 3

Press Control-A to make a selection of the canvas and go to Layer > Layer Mask > Hide Selection to hide the selected area of the layer.

How to Create a Typography Adobe Photoshop Action

Step 4

Now click on the link icon between the layer thumbnail and layer mask to unlink them. Then, press Control-T on your keyboard and set Width and Height to 85% as shown below:

How to Create a Typography Adobe Photoshop Action

Step 5

Go to Filter > Blur > Gaussian Blur and set the Radius to 150 px as shown below:

How to Create a Typography Adobe Photoshop Action

Step 6

Now change the Opacity of this layer to 50%.

How to Create a Typography Adobe Photoshop Action

You Made It!

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

How to Create a Typography Adobe Photoshop Action

If you would like to create the even more advanced logo typography effect shown below, using just a single click, then check out my Logo Typo Photoshop Action.

The action works so you simply open the logo file and just play the action. The action will do everything for you, giving you fully layered and customizable results. You can also add perspective (you can choose from five different perspectives), focus and lighting.

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

How to Create a Typography Adobe Photoshop Action