Crecent: Entertainment Technology Experts

Hi Fans, this is a short tutorial on making a fast but stylish logo/letterhead. It doesn’t contain too much graphic works however, it is short, sharp, simple and straight to the point. In the next 7 steps you will teach yourself how to use some functions in the Photoshop Filter gallery to achieve the above image 🙂

Step 1: Create New Project Document

Create a new project document with the following dimensions: 1024px by 512px. Or if you would like to experiment for yourself, create one of any dimension you would like.

Step 2: Draw a line using PEN tool
line for which the stroke will be applied, created with PEN TOOL

Before you do this, create a new layer. Then, use the pen tool to draw a straight line across the white space on your project document as shown below:

Step 3: Create Brush stroke

Change to the BRUSH tool and configure the settings to your own liking.

the stroke I got when I applied my custom setting to the brush

Then after you configure your brush, just press ENTER on the keyboard and observe what happens. You can undo and then fix the settings and press ENTER again to see the outcome of the changes you’ve made to your brush.

If you want the detailed settings on how I got my brush, please place a comment below or contact me via the Contact form :).

Step 4: Create Pen Stroke

Leaving everything as they are, create a new layer on your drawing board. Then click on the BRUSH TOOL and hold down until you get a small pop up window, select the PENCIL TOOL. Configure the pen tool to your own liking as you did with the BRUSH TOOL in the previous step. When done, just press ENTER on the keyboard to see the out come. You should get something similar to the image below. It doesn’t really matter if you get the exact image, you do it your own way as long as you are happy with what you have.

after applying the customised PENCIL stroke

After you are satisfied with what you have, select the two layers containing the two different strokes and combine them using the keyboard keys CTRL+E. You should see that they’re both on the same layer now.

Step 5: Apply Filter (Stylize -> Wind)
the effects of applying filter 3 times

Making sure that the combined layer is selected, go to the Filter menu on the top menu-bar. Then, navigate to the Stylize submenu and select wind. Configure the filter to your own depth and liking and click ok. If you don’t like what you see, you can always undo, reconfigure the filter and apply it. For my case, the filter I applied the first time was lighter so I had to reapply it 3 times over to get what I wanted. You can also do that too by simply pressing the keyboard keys CTRL+F.

Step 7: Resize, Reposition and Apply Distortion
repos/resize filtered layer

To do both reposition and resizing, the best tool to use will be the TRANSFORM TOOL. To activate this tool, select the layer you want resized/repositioned and press the keyboard keys CTRL+T. You should see that your image layer now has small squares at its corners and a border line drawn around it.

To resize, click on one of the small squares at the corners and while holding down SHIFT, drag the cursor towards the centre of the image. The image will be resized proportionally.

When you are satisfied with the size, click anywhere within the borders of the image and drag to wherever you see fit to place the image layer. When you are agree with the positioning, press ENTER on your keyboard. I’ve placed mine on the far left hand side. This step is really important because it affects the next step. So make sure your place you resized image either to the far left or to the far right of the workspace.

the effect of applying shear to the layer

We have now come to the most awesome part of this tutorial: ‘shearing the layer’ 🙂 😀

All it takes is just a click of the mouse and poof, you get your image distorted and sheared. So to start, click on the FILTER menu and navigate: FILTER > DISTORT > SHEAR. You will see a straight line graph on the popped up window, click anywhere on the line and you should see a small square added to the line. Click and drag the square to reposition it anywhere on the whitespace, you should see the effects reflected on a sampled image below the graph. Click OK to see the effects of what you just did. Play around with the filter until you get what you want. If you have any questions/guidance, please post comments below and I will get back to you ASAP!

Step 8: Final Touches

Do your final touches and when you’re satisfied, save your creative artwork and publish. It is as simple as that.

If you are confused or need further assistance and guidance, please contact me via FaceBook, Google+, Gmail or Twitter


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s