Abduzeedo 2 Years Art in PhotoshopListThumbs

Abduzeedo 2 Years Art in Photoshop

January 05, 2009

A few weeks ago I did a wallpaper for the Abduzeedo's second anniversary. It had a very 80's style from the colors to the theme that, of course, was space. In that image we had a sort of A of light, some nebulas and more rays of light. I did everything in Photoshop CS4.

So, in this tutorial I will show you how I created that image in Photoshop, it's really simple and it uses some tricks from other tutorials such as the Retro 80's Inspiration in Pixelmator, Beautiful Fluffy Clouds in Photoshop, Space Light Effects in 10 Minutes, and others.

Step 1

Create a new document in Photoshop. I used 1920x1200 pixels. Then in the Background layer add a Gradient Overlay via Layer Styles. Use #020202 and #131622 for the colors, Radial for Style and 100% Opacity.

Abduzeedo 2 Years Art in Photoshop

Step 2

Now a classic step, I think I always do that when creating light effects. It's good because it adds some noise to the effect, like make it not so linear. Anyway, add a new layer and go to Filter>Render>Clouds. Just make sure you had black and white for the colors. After that change the layer's Blend Mode to Color Dodge.

Abduzeedo 2 Years Art in Photoshop

Step 3

In this step we will add some colors to our effect, select the Brush Tool with a big and soft brush. Make sure that the hardness is 0%. Then paint with different sizes and colors some areas, use the image below for reference. For the colors use Red, Yellow, Blue and Green. After that change the layer's Blend Mode to Overlay.

Abduzeedo 2 Years Art in Photoshop

Step 4

To create the first light effects, select the Rectangular Marquee Tool (M) and make a rectangle selection. Then select the Brush Tool (B). Use white for the color with a soft rounded brush. Paint a horizontal line, half out of the selection, exactly like the image below.

Abduzeedo 2 Years Art in Photoshop

Step 5

Now rotate and resize the first streak of light. After that duplicate the layer and go to Edit>Transform>Flip Horizontal. Group both layers, rename the group to light effects, and change the Blend Mode to Color Dodge.

Abduzeedo 2 Years Art in Photoshop

Step 6

For the 2 Years I used a font called CassandraTwo, you can download it at http://www.dafont.com/cassandra.font. Basicaly what I recreate the font for the number 2 using the Rectangle Tool (U), Ellispe Tool (U), and Pen Tool. That way I was able to apply different effects to the each part of the number.

Abduzeedo 2 Years Art in Photoshop

Step 7

Select the circle part of the number 2 and go to Filter>Blur>Gaussian Blur. Use 10 pixels for the Radius.

Abduzeedo 2 Years Art in Photoshop

Step 8

Here, select the bottom part of the number and again go to Filter>Blur>Gaussian Blur. This time however use 5 pixels for the Radius.

Abduzeedo 2 Years Art in Photoshop

Step 9

For the lines use apply a Gaussian Blur again, but for this part, as the lines are very think, use a 1 pixel for the Blur Radius.

Abduzeedo 2 Years Art in Photoshop

Step 10

For the word year, apply a Gaussian Blur too and use 2 pixels for the Radius. After that group all elements, rename to group to "2years" and change the Blend Mode of the group to Color Dodge.

Abduzeedo 2 Years Art in Photoshop

Step 11

With the line tool create some lines following the lines of the number 2. Then convert them to Smart Objects, or if you prefer, just merge them to a layer. After that go to Edit>Transform>Distort. Add a perspective to the lines as they are coming towards the screen. Use the image below for reference.

Abduzeedo 2 Years Art in Photoshop

Step 12

Group the lines and rename the group to "lines". Change the folder's Blend Mode to Color Dodge. With the lines layer selected go to Filter>Blur>Gaussian Blur. Use 3 pixels for the Radius. The go to Layer>Layer Mask>Reveal All. Select the Brush Tool with black for the color and erase the end part of some lines. After that add a new layer inside the group and with the Brush Tool (B) and white for the color with a very soft brush, paint some rounded light spots.

Abduzeedo 2 Years Art in Photoshop

Step 13

Let's use a photo to create the stars, you can download it here. Change the photo's blend mode to Color Dodge, and with Mask or Eraser Tool (E), start deleting some areas of the layer, leave only the area inside the triangle of light. The idea is that the triangle is a window to the space.

Abduzeedo 2 Years Art in Photoshop

Step 14

Now let's add some clouds, I used the same technique I used for the Beautiful Fluffy Clouds in Photoshop - Christmas Tutorial (http://abduzeedo.com/beautiful-fluffy-clouds-photoshop-christmas-tutorial). With the layer with the clouds, group the layer to a new folder and change the Blend Mode to Color Dodge. Repeat the same thing we did for the start, delete or mask the layer so only the area inside of the triangle is visible.

Abduzeedo 2 Years Art in Photoshop

Conclusion

You can group all layers, duplicate the group and merge it to a new layer, then add a gaussian blur and change the blend mode to Screen to add a nice glow effect. Also you can add another layer on top of the others and place a photo of an old paper or other textures to make the image look old. It's all about playing, trying different combinations with blend modes and masks, and that's why it's really fun to play with Photoshop.

Abduzeedo 2 Years Art in Photoshop

Download the Photoshop File

Click here to download the Photoshop file used for this tutorial.

About the author

My name is Fabio Sasso, I'm a graphic/web designer from Porto Alegre, Brazil and I'm the founder of Abduzeedo. I hope we can share lots of information, tips, and ideas through Abduzeedo. Also you can follow me on Twitter or my personal site at http://fabiosasso.com.

Sponsored Links:

More content from:

Help us to share this!

25 Comments

starlight8601/05/2009

thanks fabio..:)

Anonymous01/05/2009

Hey,

I can't get the colors to show through the white lines. When I set the white line layers to 'Color Dodge' it all just turns to black.

beto machado01/05/2009

really nice. good job dude.

tanaka13 - Créations du Net01/05/2009

Cool space/retro style wallpaper and happy birthday for your website ;)

Very inspirative work you ve done here Fabio. congrats!

TommyFerrell01/05/2009

Great as always

Anonymous01/05/2009

all y'all are just some sycophants. I could barely notice a "2" on that page. This might be one of the worst designs ive seen you do.. EVER!

Bryan P01/06/2009

You never cease to amaze!

bluescreen01/06/2009

In step 5 it is for sure blend to color dodge?

Daniel01/06/2009

Looks really good man!
My Graphic Life

Usi interioare01/06/2009

Great effect, are some areas where not ok ...

GABO01/07/2009

Nice!

Dark Side of the Moon inspired!

Peace

Salim01/08/2009

Hi!!!
great design but there is many thing you didn't put in this tutorial and I hope to know how you did them because in the PSD files I found other things you didn't speak about in the tutorial.

please could you give more explanations for the tutorial and to the coming ones too.

Regards

Anonymous01/08/2009

Really nice stuff as usual.
Been trying to recreate the white lines with the colours showing through but when i change the blending mode to colour dodge it just goes black, wondering if there's somthing i could have done wrong?

corina01/09/2009

Hi
I can't do step 2, I can't add the colors to do the effect, it won't let me :(

eyesic01/10/2009

I like it, you just left a few things out like on step 2 you put a Gradient Overlay on the Clouds set the blend mode to overlay. Step five you have to make a group and the light effects and change the folder Blend Mode to Color Dodge. Thanks

E-maniacs01/13/2009

It is a nice tutorial.
And the result is very interesting.

Thanks

Meisha01/23/2009

Looks like an updated Darkside of the Moon cover. I like. :)

DHarma02/21/2009

I don't get how to do the perspective thing but I was succesful with everything else.

uLinda Mgcina03/06/2009

Loving your work, man. Thanks for the great tutorial.

Spread design, not war.
Heita from South Africa

Reaktori03/25/2009

Thank You for inspiration :D

Boogie Mans Fingertips

sandeep kothiyal05/22/2009

i made my name. it is good. thanks.......

http://www.flickr.com/photos/28900704@N06/

Anonymous06/25/2009

new to photoshop need help with this tutorial.
assuming i did all the previous steps correctly after i change the blend mode to color dodge in step 5 i just get a black background.

Anonymous09/23/2009

gostei das dicas

Post new comment

The content of this field is kept private and will not be shown publicly.

Icon Ads Wall

  • Openjobs - Oportunidades de Emprego para Profissionais de Talento
  • Zee - Irrezeestível Design Digital
  • Tradd.us - Contextual Translator
  • DesignFlavr, Inspirational Art and Design served daily
  • Signalnoise.com | The art of James White
  • Alberto Seveso - Illustrator
  • Description: Award Winning Portfolio and blog of Web Developer Anthony Woods

Do you want to advertise here?