Complex text stripes in Photoshop.

How to create a complex text stripes in Photoshop. Pattern/stroke effect with horisontal mirroering, can create this complex pattern.

Another example

Another example

The effect was done by Mr, Zyan, in his project “36 days of type ” You should watch this amazing project here.

This article is based on a video. Watch it here, or below this page.

Written tutorial

Allright let’s go. Start by creating a new document. (Ctrl + n). My size is 1000*1000 pixels. We will need to create multiple documents, so let’s call this document 1.

Photoshop new document pop up

Photoshop new document pop up

Fill that in with any colors you want – you can fill by pressing Shift + F5. I will go for this green color:

Documented with green fill

Documented with green fill

Let’s create the pattern to make the stripes. For that we need a new document. Create  a new sixe of 20*1 pixels.

New document for pattern creation

New document for pattern creation

Here is the new document. It’s very small, so zoom ind! – Also create a new layer (Ctrl + n) and delete the background layer- because it’s not transparent!

New small document

New small document

New small document - zoomed in

New small document – zoomed in

Get the rectangular marquee tool (m) and select 4 pixels. Fill in with black.

Selection 4 pixels

Selection 4 pixels

Selection filled with black

Selection filled with black

Define this as a new pattern.

Selecting define pattern drop down

Selecting define pattern drop down

Select ok pattern define

Select ok

I know this is a bit strange – but don’t go back to document 1 yet. Let’s create a third document. This document needs to be bigger, because we will fill in that document with our new pattern. It’s a lot bigger and gives us more space to work with.

New document photoshop psd

New document

In the new bigger document (document 3) create a new layer, and fill that layer with the pattern!

Select the pattern

Select the pattern

Zoomed out, this looks a little weird. But this is how you project should look like:

Copy that. By pressing ctrl + a to select everything, then Ctrl + C. Then go to document 1 and paste that in (Ctrl + v)

Press ctrl + t (free transform), and rotate the stripes. – Press ok!

Duplicate that layer, and mirror it horizontally.  Ctrl + J to duplicate, then Ctrl + T to use free transform.

Flip horizontal

Flip horizontal

Now you project should look like this:

Create a new layer abover layer 2:

Put that inside a group (Ctrl + G)

Layer 3 inside group

Layer 3 inside group

Layer 2 copy (the mirrored duplicate) use that layer to create a clipping mask above the group! Hold down alt (or right click layer 2 and press create clipping mask) and click between the group and the “Layer 2 copy” layer.

Clipping mask

Clipping mask

There! Notice the arrow on “layer 2 copy”.

Now get the rectangular shape tool. Set the fill as the same color as the background, and a stroke of none. Make sure your settings are set to shape! not pixels or paths.

See what happens when you create a shape! The clipping mask layer now shows itself on the shape tool. And that layer is mirrored! The result looks like this:

Now let’s create a letter. You can’t create too complex letters with this technique sadly. An O is round so that’s a now. An x is rotated so that’s no as well. But you can create all letters which arent rotated or round. So E, T, I F L N M and so on..

Use Ctrl + t to  transform you r shape into the desired letter. i will create a T.  Here i am rezising the letter so it matches the stripes! (With ctrl + t)

Duplicate the shape layer inside the folder. Rotate it, and re size it. The T is there!

You are done! If your letter isn’t perfectly centered in the middle, watch the video, to see how we can use document 3 to re-center our new letter.

Video tutorial