W6 Typography

 

 

Tutorial Details:

 

• Program: Photoshop
• Version: Any from 7 onwards (CS3+ recommended)
• Difficulty: Mod/high
• Estimated Completion Time: 3-5 Hours+ (Depends on how well you know the tools)

 

Although the tutorial walkthroughs most of the settings, I am not telling you how to use the tools.

You MUST know how to use the pen tool before attempting this tutorial!

 

End Result

 

Step 1 - The beginning

Make a new document any size you like. I would advise choosing the largest size you can. Either A3 or A4 paper size perfect for poster or prints on your wall.

Size below: 600 x 849

Original size: 3508 x 4961

Fill the background white and then using the pen tool create a shape curving in from one of the corners. Fill the shape a light green/blue colour.

Then add the settings below.

 

 

 

Step 2 - The next shape

Add a second shape on the other side. Fill this one pink. Apply the same settings as the previous shape.

You can left click on the previous layer and go > copy layer style.

Then click on the new object and left click > Past layer style.

Add a drop shadow at this point as well. Use the settings you feel best.

 

Step 3 - Adding text

Download the font [CandyScriptSwash] or find a font of your choice. Create the first letter (in black) and place in the top left hand corner.

Add a drop shadow and any other effects you feel neassary. (Slight gradient added)

 

Step 4 - Add Shapes

Use the pen tool to create a shape inside the letter of your choice. Fill it a dark grey.

If you are unable to keep inside the letter you can always make the shape a clipping mask off the letter.

Simply select the shape layer put it above the letter layer and then go layer > create clipping mask (ALT, CMD/CTRL, G)

 

Step 5 - Add more

Repeat the previous step with a lighter shade of grey.

 

 

Step 6 - ADD MORE AND MORE AND MORE

Add another shape inside the previous shape.

At this point halftones/scanlines were added. These fade into the design. This gives the previous shapes a little more detail, but isn't needed if you don't wish.

 

Step 7 - Texture

A grundge texture was added over the letter, on the setting of multiply at 100% opacity.

If you select the letter and hold shift at the same time you get the selection of the outline.

This way you can make sure that you can remove parts which go over the outlines of the letter.

 

Step 8 - Add more shapes

Add a couple more shapes and you have finished! A few white shapes were added to give the piece that slight 3D look.

 

 

Step 9 - The second letter/number

Ok because we have already done this process, I have only included the screenshots for the next number.

I have written a brief statement about each.

• Added letter with drop shadow.

• Pen tool shape added.

• Pen tool shape and halftones added.

• Grunge texture added on multiply (only over the number)

• More shapes added to finish it off.

 

Step 10 - Background decoration

I would advice grouping everything up together if you haven't already.

A seperate folder for the background, and each of the two letters.

 

Find the folder containing the 'W' letter. Create a new group underneath and then using the pen tool start to create a new shape.

Make sure it flows with the letter. Colour it in pink.

 

 

Step 11 - Shapes

Add another shape layer on top of this last one, fill it a darker pink.

 

 

Step 12 - Halftone

Add some halftone effects around the letter. If you don't have any effects, you can download them or simply skip this step. It will not make a huge difference.

 

 

Step 13 - More godamn shapes.

Create some more shapes, make them flow with the letter, colour the bottom one light pink and the top one dark pink/purple.

 

 

Step 14

Add two more shapes but this time add some nice light blue. Again making sure the shapes flow with the letter.

 

 

 

Step 17 - Colours

Change any colours to suit the piece.

 

 

Step 18 - Glow

Use a soft brush to add glowing effects again.

 

Step 19 - Circle time

Add a circle and place behind the 'W', we will get round to adding many more circles later on.

 

 

Step 20 - We give you EXTRA

Finish off by adding any extra bits you wish to finish off the top right hand corner.

This stage is really up to you if you don't like the look of your piece so far.

 

Step 21 - Moving on......

Now we have finished the 'W' letter we can move on! Using the pen tool again create two shapes curving from the '6' place them under the group with the "6" layers inside.

Make the top shape a dark pink/purple and the one underneath a lighter pink.

 

 

Step 22 - Repeat.

Repeat step 21 but with the same funky blue colours you used for the 'W' letter.

 

 

Step 23 - You spin me right round.

Add some circles into the piece. Use the pen tool to add a white specular on each of the circles.

 

 

Step 24 - PEN TOOL TIME. HOORAY!

Pen tool time again. (It will end I promise you) Complete the other side of the image.

 

 

Step 25 - Im Blue aba deber a deib.......

Finally add the blue pen tooling behind the top of the '6' and then you have completed the main two parts!

 

 

Step 26 - Sphere addition

Using the circle tool create a few circle filled dark pink. Then apply the following settings to each circle.

Remember you can copy and paste the layer styles once you have done one!

 

 

 

 

 

Step 27 - More circles

Repeat the last step but this time we are going to be using blue!

 

 

 

 

 

Step 28 - The final stage

Finally add some black circles, then inside these fill these with a dark grey.

Add a simple drop-shadow to the black circles. If you want to add anything else feel free! If not you have finished the piece!

Hope you enjoyed the tutorial!

 

THANKS

This tutorial has been written by Peewee1002.

The PSD and design comes from Naomii.

DO NOT RIP THE ARTWORK OR TUTORIAL. This is copyrighted.