A couple of weeks in the past we posted a tutorial displaying the right way to create a hipster textual content impact utilizing Pixelmator. Now we determined to point out you an identical impact utilizing Photoshop CS6. As we had mentioned, we will probably be doing that in Fireworks and CSS as properly. So keep tuned.

So in this tutorial, we are going to present you the right way to create a easy textual content impact with a really fashionable hipster look. We will use simply fundamental filters and layer types to realize the impact. The complete course of will not take you greater than half-hour.

Photoshop tutorial

Step 1

Open Photoshop CS6 and create a brand new doc. The one I created is 2560×1600 pixels. After that fill the background layer with #e4cba9.

Step 2

With the Horizontal Type Tool (T) add a textual content utilizing the font Sulivan. You can obtain it at http://www.losttype.com/font/?title=sullivan. Use the identical font because the background and use the fill kind for the font.

Hipster Text Effect in Photoshop CS6

Step 3

Duplicate the font layer and gange the Blend Mode to Overlay. Change the font kind to Sullivan Bevel.

Hipster Text Effect in Photoshop CS6

Step 4

Duplicate the layer once more and alter the Blend Mode to Overlay and use the Sullivan Regular for the font.

Hipster Text Effect in Photoshop CS6

Step 5

Select the textual content layer created in step 2. Duplicate the layer and alter the Blend Mode to Multiply. Move it 1px down and 1 pixel left.

Hipster Text Effect in Photoshop CS6

Step 6

Keep duplicating the layer and transferring down and left to create a pleasant 3D impact.

Hipster Text Effect in Photoshop CS6

Step 7

After you duplicate just a few occasions will have an impact just like the one in the picture under.

Hipster Text Effect in Photoshop CS6

Step 8

Group all layers used to create the 3D impact after which merge them into one layer solely. After that go to Layer>Layer Styles>Color Overlay. Use #c66d33 for the Color with Multiply for the Blend Mode.

Hipster Text Effect in Photoshop CS6

Step 9

Let’s create one other 3D impact however now going to the highest proper.

Hipster Text Effect in Photoshop CS6

Step 10

Repeat the identical course of to merge the layers into one and apply the Color Overlay, then go to Filter>Blur>Gaussian Blur. Use 7.5 pixels for the Radius.

Hipster Text Effect in Photoshop CS6

Step 11

Go to Filter>Blur>Motion Blur. Use 45º for the Angle and 50 pixels for the Distance.

Hipster Text Effect in Photoshop CS6

Step 12

With the Rectangle Tool (U), create a rectangle in the middle of the doc, under the texts and simply above the background. Go to Layer>Layer Style>Pattern Overlay. Use Graphy 80 by 80 pixels patter from Subtlepatterns.com. Change the Blend Mode to Linear Burn.

Hipster Text Effect in Photoshop CS6

Step 13

Add a complement textual content utilizing the font Mensch. You can obtain it at http://www.losttype.com/font/?title=mensch. Repeat the identical course of to create the little 3D impact.

Hipster Text Effect in Photoshop CS6

Step 14

Add a brand new layer on high of the others after which fill it with one other sample from subtlepatterns.com. I’m utilizing Rocky Wall. For the Blend Mode use Multiply at 50%.

Hipster Text Effect in Photoshop CS6

Step 15

Go to Layer>New Adjustment Layer>Photo Filter. Use Sepia at 60%

Hipster Text Effect in Photoshop CS6

Conclusion

You can duplicate all layers and merge them into one, then apply the Noise filter so as to add a pleasant texture on high of the design. The concept of this tutorial was simply to point out you the right way to create a easy classic look typography impact utilizing photoshop. We did that in Pixelmator earlier than and now in Photoshop. The subsequent one will probably be in CSS 🙂 I hope you take pleasure in it and have enjoyable attempting to create your individual.

Hipster Text Effect in Photoshop CS6

Download Photoshop File


Download supply file



Source hyperlink

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments