How to Create a Typography Adobe Photoshop Action

Post pobrano z: How to Create a Typography Adobe Photoshop Action

Final product image
What You’ll Be Creating

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.

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.

Action final result

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:

Creating a new file

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:

Creating new solid color fill layer

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 Caps and 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.

Creating text layer

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:

Transforming text box

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.

Adding text

Step 5

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

Aligning text

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:

Opening logo file

Step 2

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

Editing logo

Step 3

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

Making a selection

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:

Changing blending options

Step 5

Control-click on Layer 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.

Converting layer to smart object

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 Center and then on Align Horizontal Center to align the logo both vertically and horizontally.

Aligning logo

Step 7

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

Transforming the logo

Step 8

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

Creating clipping mask

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.

Creating a new layer

Step 2

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

Filling layer with foreground color

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.

Adding layer mask

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:

Transforming the layer mask

Step 5

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

Adding gaussian blur filter

Step 6

Now change the Opacity of this layer to 50%.

Changing the opacity

You Made It!

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

Final result

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.

Action final result