design your dreams…

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

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

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 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 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 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 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:


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.



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 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.


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.


Final Image
14 Responses to Colorfull Pastel Typo in Photoshop
sa3n
mars 15th, 2009 at 9 h 58 min
This one is great! Can I put url into my blog ?
drawingClouds
mars 15th, 2009 at 12 h 37 min
Yes sure you can put it on your blog, thanks for the comment
Sabinsien
mars 20th, 2009 at 13 h 24 min
It’s very nice:D I must try it:)
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
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?
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
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!
Sandra
avril 14th, 2009 at 0 h 15 min
Thank you that was fun to do.
maazps
avril 21st, 2009 at 22 h 43 min
nice tutorial
but i am lost at step 6 couid u help me.
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
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
photo retouching
mai 7th, 2009 at 9 h 01 min
I really like the retro font used in this tut. Brings back good memories.
Pedro Diaz
mai 8th, 2009 at 2 h 37 min
Simple, easy and beautiful! tks guy!
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