We are going to create the design which is shown in above. The concept is creating a striking poster design. In recent I was creating a poster for one of my client. By the time I was using Illustrator and photoshop clipping mask to create the artistic effect.

But, in this tutorial I’m using photoshop brush instead of Illustrator brush.

Step 1

Create the new document as you like it. I’m creating 1024 x 768 in RGB Color mode.

Step 2

Once you created the document, Press B for brushes and select the Brush as shown in the above. That is Chalk 60 pixel brush.

Step 3

Now Press F5 for brush presets options. Check the Dual Brush Option and select the brush shown in the image above. That brush name is Dry Brush Tip Light Flow.

Step 4

Press ] key to increase the brush stroke size. Press continuously till the size will be 150 pixels. Now Draw the strokes as you like it by using the brush. I was drawing the strokes as shown in above.

Step 5

To get this picture go to: Stock photo: Sky Flower Photo Courtesy: nicole5588 (Thank you for sharing)

Once you download the photo, drag into the current document in photoshop.

Step 6

Place the photo in above the brush stroke layer as shown in the step 7.
Re size the photo for your document.

There are 3 methods to create the Clipping Mask.

Go to > Layer > Create Clipping Mask Or
Right click the photo layer and create clipping mask. Or
Alt + Ctrl + G will do the clipping mask.

The magic will happen.

Step 7

Move the image to adjust the position.

Type the quote or text you like it in the right hand side of the design.
Now we are creating the stunning artistic poster by using Clipping Mask.

You can use the Illustrator Brush Strokes instead of Photoshop. That will give more life to your design.

Final Output

This is the final output of your design.

Download the Photoshop Source

I hope you enjoy this tutorial. Share your thought. I’ll write more.

Related posts:

1. Leaffy – Free Photoshop Brush Set Kreative Garden proudly presents the Leaffy - Photoshop brushes. 7...
2. 7 High Quality Abstract Photoshop Brush Sets Photoshop Brushes are playful for the designers. Earlier everyone use...
3. Typography: Tutorials, Free Fonts, Resources and Tools It''s a small round up for the basic typography. I...

Related posts brought to you by Yet Another Related Posts Plugin.

In terms of resources, after I had composed this post, I had visited to smashing magazine. Their recent post talks about typography sites. So I had editted the typography based sites from this post. And I had linked the smashing magazine post here.

1. Tutorials

How to: Make a Hand-Drawn Font

Bitt Boxx had done this niche tutorial in his blog. It’’s a nice step by step tutorial making the font from hand writing.

How to make your own font
Another font making tutorial. Having 10 steps.

2. Free Fonts

Font: Zekton | Author: Ray Larabie | Category: Sans-serif
Download

Font: Share-Regular | Category: Sans-serif
Download

Font: Ideoma Spray | Author: Ideoma | Category: Various
Download

Font: Miama | Author: Linus Romer | Category: Calligraphy
Download

Font: Stewart Sans | Author: Cher Stewart | Category: Various
Download

Font: Mentone | Author: Paragraph | Category: Sans Serif
Download

Font: Cibreo | Author: Studio Kmzero | Category: Sans serif
Download

Font: Sugo | Author: Studio Kmzero | Category: Sans serif
Download

3. Resources

Periodic Table of Typefaces

It’s a “Periodic Table of Typefaces”. It show the top 100 typefaces of the world with typedesigner’s name, year designed and family and / or class.

Inconspicuous vertical metrics

This valuable article describes five vertical measures of note in type design (from bottom to top): descender, baseline, midline*, caps- height, and ascender.

Fantastic Typography Blogs For Your Inspiration
It’’s a collection of excellent typography  resource websites.
As I mentioned in the above, Link for Smashing Magazine’’s Typography Inspiration Post Link. Thanks Smashing Magazine for having a nice collections.

Walden Font

This site is having very old fonts in their collection.

4. Tools

Type Tester

The Typetester is an online application for comparison of the fonts for the screen.

Color Contrast Checker

The Colour Contrast Check Tool allows to specify a foreground and a background colour and determine if they provide enough of a contrast “when viewed by someone having color deficits or when viewed on a black and white screen”

Em Calculator

Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size.

What the Font
Upload an image file, the it will identify the font

Related Posts
70 Typography Logos

I hope you enjoy this post.

Related posts:

1. 10 Excellent Free Fonts I had selected 10 free fonts from various sites. These...
2. 24 Vector Resources – Tutorials, Portfolios and Icons Small round up for Vector based tutorials, resources, portfolios. I...
3. Web Typography – Some useful online tools I found some useful web typography tools in online. During...

Related posts brought to you by Yet Another Related Posts Plugin.

1. Tracing Shapes

vectorportraits.com will teach you how to make your own vector portraits. Every artist have their own style of creating a vector portrait ranging from ultra-realistic to very cartoony. This is Photoshop based Tutorial.
Go to the Tutorial>

2. Abstract Backgrounds

Vectips.com is providing this tutorial. Abstract backgrounds are easy to create in Illustrator with a couple of simple techniques. Using Gradient Meshes, Steps Blends and Opacity Masks you can quickly create an abstract background.
Go to the Tutorial>

3. Tracing an element

LeinDesign will teach, how to trace the element by using Photoshop.  This tutorial is available i 2 languages. One is English and the another one is Dutch.
Go to the Tutorial>

4. Tracing a Car

Donbenni’’s basic Photoshop tutorial of tracing a Sports Model Car.
Go to the Tutorial

5. Create a Stylish Sports Car Dashboard

Vectortuts.com’’s one of the best Adobe Illustrator Tutorial. In this tutorial, they will show the advanced Adobe Illustrator artist how to make a realistic sports car dashboard. This tutorial had written by Jonathan.
Go to the Tutorial>

6. Draw A Realistic Vector Guitar in Inkscape

This tutorial will go over the techniques used to draw a realistic guitar from scratch using the free vector program Inkscape. To complete this tutorial, you should already have a basic knowledge of vector tools, such as: the Pen tool, Edit Path Nodes tools, and you should be familiar with the Fill and Stroke toolbox.
Nick Roberts had written this beautiful tutorial.
Go to the Tutorial>

7. Create illustrations for events, editorial and companies

When you’re commissioned to produce an illustration, follow Mark Verhaagen’s advice on approaching the project. Nice tutorial from Computer Arts.
Go to the Tutorial>

Icons

8. 135 Free Vector Icons

9. 165 Free Vector Icons

Here you go, the icon set by liquidicity. 165 hand drawn icons that you can use for whatever you like. Most probably your website. we hope you like them.

10. 25 Free Icons

Nice collection of scalable vector Icons.

11. 3d Box Social Bookmark Icons

3D look and feel Social Icons.

12. Social Bookmark Icons

Good quality scalable social bookmark icons.

13. 90 Vector Icons

14. We Function’’s 128 Icons

We Function offers 128 profession icons.

Resources

15. 123 Free Vectors

The site offers the Vector files in vector format itself. If you want to promote your vector artwork, you can submit here.

16. Vectortuts

It’’s a part of an envato network site offering high quality Vector Based Tutorials.

17. Vectips

Vectips is a site for Adobe Illustrator® tips, tricks, and tutorials. Whether you are a seasoned illustrator or just starting out, Vectips will lend you a hand… or a cursor. Vectips is designed and maintained by Ryan Putnam.

18. Vectorials

Vectorials stands for vector tutorials. They are collecting and organizing free Adobe Illustrator tutorials, Corel Draw tutorials and other vector graphics software tips and tricks.

Illustrator Portfolios

19. eendar

Monica calvo’’s portfolio site.

20. Cris Vector

Christino’’s illustrations are showcased here.

21.Mosk.pl

Maciej Mizer is a graphic designer based in Lodz/Poland specializing in 2D and 3D graphic, webdesign and photography. Mosk.pl is his online portfolio.

22. Poked Studio

Poked studio’’s official portfolio.

23. The Hejz

The Hejz is as a showcase for Peter Jaworowski, co-owner of Warsaw based studio Ars Thanea, lead designer and illustrator.

24. Xtrabold

Curitiba, Brazil based illustrator Nelson Balaban’’s personal portfolio site.

Related posts:

1. Curly Vector Social Icons Kreative Garden proudly presents the Curly Vector Social Icons Set...
2. Talk Bubble – Vector Social Icons Kreative Garden proudly presents the Talk Bubble Vector Social Icons...
3. Valentine’s Day Special – Icons and Vector Designs Kreative Garden proudly presents the Valentine''s Day Special Icons and...

Related posts brought to you by Yet Another Related Posts Plugin.