ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

Create Stunning Text with Halftone Pattern in Photoshop

Updated on May 3, 2016

In this tutorial I will show you how to make beautiful colorful text effect by means of default Comic Sans MS Font of Bold Style, Blending Options and Halftone Pattern Filter. The relief and pattern added in the final steps are achieved with the help of default Bark Texture.

All steps are detailed and easy to be followed.

You can create this Text Effect with any Adobe Photoshop version.

This is should be your outcome if you decide to follow all my steps:

STEP 1

Open your Adobe Photoshop and go to File, New to create a new .psd document. Set the Width to 1200px and Height to 800px. Choose 96 Pixels/Inch for Resolution (if you don't need to print the Text) and select Transparent for Background Contents in order to get an editable first layer. I have called my file Beautiful Text.

Rename your transparent Layer 1 to Radial Gradient, then press Ctrl+G to place it in a Group. Call the Group Background.

Fill the Background with Pastel Colored Gradient and Apply Halftone Pattern Filter

In Step 2-5 your task is to colorize the first layer in Background group with pastel shaded Radial Gradient. After that you should duplicate the Gradient layer and apply Halftone Filter with Circle Pattern Type. In order to complete the first part of the Background, you have to change the Blend Mode of the duplicated Gradient layer to make it transparent and to blend the circles with the base layer.

STEP 2

Set Foreground color to #fccaa9 and Background Color to #3c4f63.

Grab Gradient Tool from the Tools bar, navigate to the Options bar and select Foreground to Transparent Gradient from the Gradient Picker. Choose also Radial Type of Gradient and drag with Gradient Tool from the middle to any corner of the image.

STEP 3

Press Ctrl+J or right click on Radial Gradient layer and select Duplicate Layer.

Set Foreground color to dark red- #7b1431. It is very important as the Halftone Filter colors depend on the color we have chosen in the Tools bar.

With Radial Gradient copy layer selected, go to Filter, Filter Gallery.

STEP 4

When the Filter Gallery window appears on your screen, select Sketch Filter, then choose Halftone Pattern. Set the Size to 7, Contrast to 20 and choose Circle from Pattern Type drop down menu. Press OK button to apply the filter.

STEP 5

Change Blend Mode of Radial Gradient copy layer to Soft Light. You should get the following result:

Add Tile Custom Shape to Improve the Background Pattern

In the next two steps you should draw default Tile Custom Shape of red color which is to cover your canvas then yo have to change its Blend Mode and lower Opacity value to give it translucent and mat appearance.

STEP 6

Create a New Layer on top of Background Group and name it Tile 2 Custom Shape.

Set Foreground color to #f85266.

Take Custom Shape Tool, set its Mode to Pixels then find Tile 2 shape from the Custom Shape Picker and draw the shape so that it covers your canvas.

STEP 7

Change Blend Mode of Tile 2 Custom Shape layer to Luminosity and lower its Opacity to 55%.

Create the Text Background with Lasso Tool, Blur and Halftone Pattern Filter

In Steps 8-11 you have to draw the shape behind the Text with Lasso tool and fill it with color. After that you should apply Gaussian Blur Filter and Halftone Pattern Filter. For the last Filter you have to choose Dot from Pattern Type drop down menu.

STEP 8

Create a New Layer on top of Background Group and call it Halftone Pattern.

Set the Foreground color to #197874.

Take Lasso Tool from the Tools Bar, in the Options Bar set its Feather to 2px and draw a shape similar to the one you see on the screenshot below.

Use Paint Bucket Tool or Edit, Fill, Foreground Color to colorize the Lasso Tool Selection.

Press Ctrl+D (Select, Deselect) to remove the Selection when you are ready.

STEP 9

Firstly press D then X key in order to set Foreground/Background color to White/Black. We'll need it in the next step when applying the Halftone Pattern Filter.

Now with Halftone Pattern layer selected go to Filter, Blur, Gaussian Blur and insert 20 pixels for Radius.

STEP 10

Go to Filter, Filter Gallery, select Sketch type of Filter, then Halftone Pattern and insert 8 for Size and 0 for Contrast. Select Dot from Pattern Type drop down menu and press OK to apply the Filter.

STEP 11

Change Blend Mode Halftone Pattern layer to Pin Light.

Type the Text and Make Two Copies of it with Changed Fill Opacity

In the coming two steps you have to implement the simple task of typing your Text using default Comic Sans MS Font. You also have to create two duplicates of the Text layer and lower the Fill Opacity value of the upper copy to 0%.

STEP 12

Now select Background Group.

Grab Horizontal Type Tool, from the Font Family drop down menu choose the new Comic Sans MS default Font. Choose Bold for Font Type and set the Font Size to 160pt. Choose #c7e4ff for Text Color then type Layout in Capital Letters as you see on the screenshot below.

After you have typed the Text, you should select it then click on Toggle the Character and Paragraph Panels icon in the Options bar and Set the Tracking for the Selected Characters to 170. I have inserted bigger Tracking to avoid overlapping of the letters after applying the Blending Options.

Press Ctrl+G to place the Text layer in a Group. Call the newly created Group Text.

STEP 13

While Layout Text layer is selected, press Ctrl+J twice to make two duplicates. Lower Fill Opacity of Layout copy 2 layer to 0%.

Create Multiple Stroke Effect on the First Text Layer

In the coming three steps you should add Shadow and two layered Stroke Effect on the original Layout Text layer. For the double colored border around the Text, you need to apply Outer Glow and Stroke Layer Style with Normal Blend Mode chosen for both effects.

STEP 14

Select the original Layout Text layer, right click on it, choose Blending Options (or go to Layer, Layer Style, Blending Options) and firstly tick Drop shadow in Layer Style dialog box. Change its settings as follows:

Blend Mode: Multiply

Color of Shadow: #000000

Opacity: 75%

Angle: 120 degrees

Use Global Light: checked

Distance: 0px

Spread: 70%

Size: 30px

Contour: Linear

Anti-aliased: unchecked

Noise: 0%.

Layer Knocks Out Drop Shadow: checked.

Don't close Layer Style box. We have another two Blending Options to add to Layout Text layer.

STEP 15

Now apply Outer Glow Layer Style with these settings:

Blend Mode: Normal

Opacity: 100%

Noise: 0%

Color of Glow: #fca86a

Technique: Softer

Spread: 100%

Size: 18px

Contour: Linear

Anti-aliased: unchecked

Range: 100%.

Jitter: 0%.

STEP 16

The next Layer Style to be added to Layout Text layer is Stroke. Insert these settings:

Size: 13px

Position: Outside

Blend Mode: Normal

Opacity: 100%

Fill Type: Color

Color: #239faa.

Press OK button to close Layer Style dialog box.

This should be the result on your canvas after you have added Drop Shadow and double Stroke Effect to the first Text layer:

Apply Blending Options on the Second Duplicate to Improve the Colors and Relief of the Text

In Steps 17-23 you have to add subtle 3D Effect to your second Text layer and improve its colors and shadows. For the purpose you need to use Drop Shadow, cyan colored Outer Glow, Gradient Overlay, Inner Glow of blue color, Inner Shadow, red Stroke and Bevel and Emboss.

STEP 17

Select Layout copy layer, right click on it and choose Blending Options. Check Drop shadow in Layer Style dialog box and apply the following settings:

Blend Mode: Multiply

Color of Shadow: #000000

Opacity: 75%

Angle: 120 degrees

Use Global Light: checked

Distance: 0px

Spread: 55%

Size: 18px

Contour: Linear

Anti-aliased: unchecked

Noise: 0%.

Layer Knocks Out Drop Shadow: checked.

Keep Layer Style dialog box active. We are going to add six more Blending Options in the next steps.

STEP 18

The second Layer Style to be applied on Layout copy layer is Outer Glow. Insert the following settings:

Blend Mode: Normal

Opacity: 100%

Noise: 0%

Color of Glow: #4cfce1

Technique: Softer

Spread: 100%

Size: 4px

Contour: Linear

Anti-aliased: unchecked

Range: 50%.

Jitter: 0%.

STEP 19

Now check Gradient Overlay Layer Style and insert these settings:

Blend Mode: Normal

Dither: unchecked

Opacity: 60%

Select Red-Orange, Blue-Green Gradient

from the Gradient Picker.

Reverse: unchecked

Style: Reflected

Align with Layer: checked

Angle: 90 degrees

Scale: 100%.

STEP 20

Now apply Inner Glow Layer Style with the following settings:

Blend Mode: Screen

Opacity: 100%

Noise: 0%

Color of Glow: #0629fc

Technique: Softer

Source: Edge

Choke: 30%

Size: 10px

Contour: Linear

Anti-aliased: unchecked

Range: 50%.

Jitter: 0%.

STEP 21

Now check Inner Shadow to add dark shade and a bit of volume:

Blend Mode: Multiply

Color of Shadow: #000000

Opacity: 75%

Angle: 120 degrees

Use Global Light: ticked

Distance: 3px

Choke: 0%

Size: 7px

Contour: Linear

Anti-aliased: unchecked

Noise: 0%.

STEP 22

The next Layer Style to be added to Layout copy layer is Stroke. Insert these settings:

Size: 2px

Position: Outside

Blend Mode: Normal

Opacity: 100%

Fill Type: Color

Color: #b50a2a.

STEP 23

In order to add 3D effect to Layout copy layer check Bevel and Emboss Layer Style and insert these settings:

Style: Inner Bevel

Technique: Smooth

Depth: 100%

Direction: Up

Size: 10px

Soften: 0px

Angle: 120 degrees

Use Global Light: checked

Altitude: 30 degrees

Gloss Contour: Linear

Anti-aliased: not checked

Highlight Mode: Screen

Color for Highlight: #ffb72c

Opacity: 100%

Shadow Mode: Multiply

Color of Shadow: #000000

Opacity: 40%.

Now press OK button to close Layer Style dialog box. We finished our work on Layout copy layer.

You should have the following result on your canvas after applying all seven Blending Options on Layout copy layer:

Add Default Pattern and Additional 3D Effect

From the coming step till the end of this tutorial, you will be working in the second duplicated Text layer- Layout copy 2. You have to apply on it default Bark Texture and Bevel and Emboss with yellow to black color shades.

STEP 24

Now highlight Layout copy 2 layer. Right click on it and select Blending Options. Check Pattern Overlay in Layer Style box and apply these settings:

Blend Mode: Multiply

Opacity: 100%

Pattern: Bark (200 by 200 pixels, RGB mode)

Scale: 100%

Link with Layer: checked.

Still don't close Layer Style dialog box. We have one more layer style to add in the next step.

STEP 25

The last Layer Style to be applied is Bevel and Emboss. Change its settings like this:

Style: Inner Bevel

Technique: Chisel Hard

Depth: 95%

Direction: Up

Size: 13px

Soften: 0px

Angle: 120 degrees

Use Global Light: checked

Altitude: 30 degrees

Gloss Contour: Linear

Anti-aliased: not checked

Highlight Mode: Screen

Color for Highlight: #ffce3a

Opacity: 100%

Shadow Mode: Multiply

Color of Shadow: #000000

Opacity: 50%.

Now close Layer Style box. We are off with playing with Blending Options. :)

STEP 26

If you have followed all my steps correctly, you should have two groups of layers in your Layers panel:

  1. Background Group which includes four layers: Radial Gradient, Radial Gradient copy, Tile 2 Custom Shape and Halftone Pattern.
  2. Text Group which contains three layers: Layout, Layout copy and Layout copy 2.

STEP 27

This is the final result saved in .jpg format. We are done. Thank you very much for reading this tutorial. Hope you enjoyed it and found it useful. :)

Comments

    0 of 8192 characters used
    Post Comment

    • PAINTDRIPS profile image

      Denise McGill 11 months ago from Fresno CA

      That half-tone effect really is stunning. I love the background. I don't know about using Comic Sans though. I've heard it railed against as being overused. I always liked it for its round letters especially the 'a' and 'g' but there are other fonts that have round 'a' and 'g' so if you hate Comic Sans (like my graphics design professor did) then choose something else. Thanks for another great tutorial. I pined it on Pinterest.

      Blessings,

      Denise

    • CorneliaMladenova profile image
      Author

      Korneliya Yonkova 11 months ago from Cork, Ireland

      Thank you very much for the nice comment and support, my friend :)

    • AudreyHowitt profile image

      Audrey Howitt 11 months ago from California

      Your tutorials are always so well laid out and this one is stunning!

    • CorneliaMladenova profile image
      Author

      Korneliya Yonkova 11 months ago from Cork, Ireland

      Thank you so much, Audrey! :)

    Click to Rate This Article