Colorfull Pastel Typo in Photoshop

In: Photoshop| Tutorial

12 mar 2009
Tutorial #02

Mini Preview

Create a colorfull pastel typo wallpaper in photoshop while learning a few technique with layer mask and gradient overlay.

Final Preview

Step 1 – The Inevitable New Document
Open photoshop and create a new document, mine is 1900×1200 with a white background.

Step 1

Step 2 – Choosing the Textures
I’ve choose 2 textures to give this paper effect to the background, the first one can be downloaded Here and Here
Open the first texture, drag it on the document and rotate it 90°, Edit – Transform – Rotate, then scale it by doing Ctrl+T so it fits the canvas. Change the opacity to 70°.
Open the second texture, drag it and rotate it 90°, Edit – Transform – Rotate, the scale it by doing Ctrl+T so it fits the canvas. Change the layer mode to Multiply.
Rename the two layers Texture 1 and Texture 2. Create a new group, Layer – New – Group name it Textures and drag the two texture layers in it. We’re done with the textures, let’s create the text now.

Step 2

Step 3 – Creating the Text
Select the text tool (T) and write what you want, I choose to write COLORFULL. I used a font called Bifurk and 250px for the size, the colour of the typo doesn’t matter; you can find this typo Here

Step 3

Step 4 – Creating the Pastel Color Circles
For this step, you just need to create several circles with the ellipse tool with different size and colours. Create a different layer for each colour. You can use the PNG file Here with a lot of different colored circles I’ve made for this tutorial here. If you use the file open it in photoshop and drag it in your document. To select the circles, use de selection tool, right click – Layer via Cut. Don’t be surprised if you’ve got a lot of layers we will group them afterwards.
Then Select all the layers with the same coloured dots and merge each colour layer together, you have one layer for each colour; Place all these layer in a group named Pastel Dots.
Tip: hold the Shift key when you use the ellipse tool while creating the circles.

Step 4

Step 5 – Placing and Drop Shadow
Now just place the circles like you want on and around the text, select some of the circles and place them on a new different layer so we can apply a drop shadow effect on them. To apply a drop shadow select the layer you want to apply it to and double click on it or go to Layer – Layer Style – Drop Shadow. And enter those parameters:

Step 5

Step 6 – Layer Mask
Create a new group Layer – New – Group, name it Pastel Dots and place all the layers with coloured circles in it. Make a selection of the text Ctrl+Left Click on the little image in the text layer and select the group we just created then create a layer mask by clicking on this icon in the layer panel or Layer – Layer Mask - Reveal Selection, you should have something like this:

Layer Mask Icon

Step 6

Step 7 – Glow and Shadow
Now merge the Pastel Dots group Ctrl+E, now you’ve got a layer, duplicate that layer name it Pastel Dots Overlay, change the blend mode to Overlay and the opacity to 80%. Next apply a Gaussian Blur Filter – Blur – Gaussian Blur of around 4-5 pixels and click Ok move the two Pastel Dots layers in a new group called Pastel Dots. Duplicate the Pastel Dots layer again, name the new layer Pastel Dots Blur and place it under the other two layers. Apply a Gaussian blur with about 25-30 pixels.

Pastel Dots Overlay

Pastel Dots Blur

Step 7

Step 8 – Soft Lights
We’re now done with the text; we’re going to create some soft lights to add some colour to the texture. Create a new layer name is soft light and pick a colour mine is a soft red colour, Select the brush tool (B) and a soft rounded brush with a 500px diameter. Now draw on the side a big line, change the opacity to 20-30% and if it’s to strong change the layer mode to multiply. Repeat the same process for the other sides. Regroup the soft light layers in a new Group Layer – New – Group and name it Soft Light.

Step 8

Step 9 – Soft Geometric Shapes
For this step I’m going to explain how to make a circle soft shape, the process is the same for every sort of shape. Create a new layer, then select the Ellipse Tool (U) and draw a circle shape, don’t forget to hold the Shift key while drawing the circle. Go to the layer styles Layer – Layer Style – Gradient Overlay and enter those parameters.

Gradient Overlay

Gradient

Next create a layer mask on the shape layer, Layer – Layer Mask - Reveal Selection and select a soft rounded brush with a parameter a little bit smaller the shape and erase in the centre till you have a soft shape
Tip: Make sure you’re erasing with the black colour in foreground
Of course the gradient can be different from mine; you should play with the colours for every shape. Now create different shape in different sizes following this process when you’re done just regroup the shape layers in a new group named Soft Shapes.

Layer Mask

Step 9

Final Image

PSD File

14 Responses to Colorfull Pastel Typo in Photoshop

Avatar

sa3n

mars 15th, 2009 at 9 h 58 min

This one is great! Can I put url into my blog ?

Avatar

drawingClouds

mars 15th, 2009 at 12 h 37 min

Yes sure you can put it on your blog, thanks for the comment

Avatar

Sabinsien

mars 20th, 2009 at 13 h 24 min

It’s very nice:D I must try it:)

Avatar

Manbir

mars 26th, 2009 at 6 h 30 min

he hi really loved the tutorial
but i just cant figure out how to perform step6
when i select text and ctrl left click on dots group the mask icon is disabled

i even selected the text in text layer then tried doing it but didnt work for me

i can create mask for individual layers but not by combining both
i am using photoshop cs4
plz email me and help me thanks again for wonderful tutorial

Avatar

Iano

mars 30th, 2009 at 17 h 23 min

thanks for the really cool tutorial.

I’m having some problems with using the ellipse tool. when i do use it to make the circles it doesn’t result in a new layer, but in a shape with a lock and mask. what am i doing wrong?

Avatar

Rainy Baby

mars 31st, 2009 at 16 h 45 min

Ok I have a Q is there a way for u to download the beginning textures to different sites im trying to do this project at school but i cant get the background textures because the website is blocked =P

Avatar

Brochures

avril 1st, 2009 at 5 h 36 min

Really colorful, funky text. It’s a little hard to read though. But otherwise, I love the colors and the effect itself, maybe on a bigger font. Thanks for sharing this tutorial!

Avatar

Sandra

avril 14th, 2009 at 0 h 15 min

Thank you that was fun to do.

Avatar

maazps

avril 21st, 2009 at 22 h 43 min

nice tutorial
but i am lost at step 6 couid u help me.

Avatar

David

avril 24th, 2009 at 0 h 18 min

I do step 4 differently. I created all the pastel circle and placed the over the text, rather than merging them and then trying to place ‘em.

After placing ‘em, then I merge.

As to step 6, make sure the pastel groups layer is HIGHLIGHTED.
Control-Click the text layer icon w/o selecting it. This makes the text the selection.

Then click the layer mask icon at the bottom of the layer palette. It’s a square w/ a hole in the middle.

Now you should see it working.

Check out my version:
http://farm4.static.flickr.com/3655/3469653312_da9b897eb0_o.jpg

Avatar

DiGiTaL JeWeL

avril 25th, 2009 at 0 h 04 min

its great , i like the last part creating a shapes , i mad several shapes
thank you 4 this tut

Avatar

photo retouching

mai 7th, 2009 at 9 h 01 min

I really like the retro font used in this tut. Brings back good memories.

Avatar

Pedro Diaz

mai 8th, 2009 at 2 h 37 min

Simple, easy and beautiful! tks guy!

Avatar

huwaw69

mai 21st, 2009 at 16 h 04 min

wow great text effect, the effect looks like 80’s retro style jahaha thanks for sharing

Comment Form

Sponsored Ads