Sign In  |  Join Now Become a member to add links and start earning points!

Create a Fantastic Abstract Fan Poster

In this tutorial, we are going to get creative with layering, lighting, and texture to build fantastic abstract piece. More specifically, we’re going to employ some unusual techniques to make a fan poster for the band Omega Code, but you’ll quickly see many different applications for what is taught here.

Before starting, it’s we must download and thank Moonchilde-Stock and SXC for their wonderful stock images.

Final Image Preview

Before you start take a look at the final image you will be creating.

Step 1 – Preparing the scene

Start by creating a new document. The canvas below is 1655×2132 and filled with black.

Step 2 – Creating the background

Create a new layer group called "Background". In this new group you will create the main elements that define the background. Start by creating a new blank layer. Make sure the Foreground color is black and Background color is white. Render some clouds by going to Filter > Render > Clouds.

Step 3

Next you need to apply a Radial Blur to this layer (Filter > Blur > Radial Blur) and apply a amount of 100 with Blur Method set to Zoom and the Quality to Best.

Step 4

Press Command + F (Ctrl + F on Windows) to apply the same filter again.

Step 5

Bring up Levels (Command + L or Ctrl + L on Windows) and adjust the settings to produce similar results as shown below.

Step 6

Use the Polygonal Lasso Tool (L) set to 100% Feather and select several parts of the cloud render to delete (Remember: after making a selection, hold shift and create a new selection to add to the previous selection. Learn More About the Selection Tools). Delete this selection (Delete or Control+X). You may decide to feather this selection prior to deleting once more to make a softer deletion.

Step 7

Open this layers Blending Options and apply a Radial Gradient. Use the settings below to get a similar result.

Create a Blank Layer underneath this layer, and merge the layers together (Select Both Layers > Layer > Merge Layers). Set the layer to Linear Dodge and duplicate the layer (second layer must be Linear Dodge as well).

Step 8

Duplicate the layer again and this time apply a Twirl to this layer (Filter > Distort Twirl) with the angle set to 350.

Step 9

Create a black layer over the burst layers and add some noise over this layer (Filter > Noise Add Noise). Set it to 50% Gaussian and check Monochromatic.

Apply a Radial Blur over the Noise layer. Set it to Zoom, Amount 100% and Best Quality. Repeat this filter (Control + F).

Next bring up the Levels panel (Command + L or Ctrl + L on Windows) and apply 50 – 1 – 90 and erase the edges of the layer using the Eraser Tool (E) set to a soft brush. Set the layer to Color Dodge and 60% Opacity.

Step 10

In this step you will use a Nebula stock image. There are many to choose from, but I have chosen the wonderful stock image created by Moonchilde-Stock. Erase the edges of the image with a soft brush, and set the image to Linear Dodge and 80% Opacity.

Step 11 – Color Adjustments

You are finished with the Background Group.

Next you will create another Group called Adjustments. Inside this group create a new layer and using the Soft Brush (B) you need to add a spot of pink color #ff00f0, into a new layer a red color #fe3c00 and into another new layer an orange one #ff6c00. Each color should be in it’s own layer for easy adjustments.

Set each layer as follows: pink Linear Dodge and Opacity 21%, red Linear Dodge and Opacity 5%, orange Linear Dodge and Opacity 21%.

This is one of those steps that requires the best judgement of the designer. For this particular setup, these values made sense, but do as you see fit obviously.

Step 12

Create a new Solid Color Layer with the color #eca700.

Set the layer to Color and Opacity 24% to give the image a bit of a color cast.

Step 13

Repeat Step 12 but this time apply this color #00af3a and for the layer style again use Color and Opacity 11%.

Step 14

Repeat Step 12 but this time apply this color #001eff and for the layer stile again use Color and Opacity 16%. Also above all the layers and groups add the texture provided by SXC and set the layer to Overlay. Please note that this same effect could definitely be achieved by other means such as a levels adjustment layer if you’re comfortable using them.

Step 15 – Creating the Symbol

You are finished with the Adjustments Group. This next part of the tutorial focuses on the Omega Code symbol (but you’re free to create your own logo/symbol if you’d like). Create a New Group between the Adjustments and Background groups and name it Omega, this group will hold all the details and the Omega Symbol.

Create a new layer. Press Command + A (Ctrl + A in Windows) to select everything and press Command + Shift + C (Ctrl + Shift + C in Windows) to copy merged and then press Command + V (Ctrl + V in Windows) to paste into a new selection. Place the new layer inside the Omega group if it’s not already there..

Create a triangle shape and place it in the middle of the composition. You will use this shape just for reference.

Step 16

Make a selection around the black triangle (Ctrl + Click Layer in Layers Palette). For the moment, hide the triangle shape layer. Select the layer you have created in Step 15 (the merged copy of all other layers) and with the selection simply cut out a piece out of the merged layer.

Step 17

Show the triangle layer again, and be sure it’s rasterized (Right Click > Rasterize). Apply the following adjustments: Command + Shift + Option + B (Ctrl + Shift + Alt + B on Windows) with setting in image below.

Then set the layer to Soft Light. Duplicate this layer and set it to Multiply and 10% Opacity.

Step 18

Now you will have to create 4 more Triangles but these Triangles will have some cuts inside of them. To create the triangles you need to duplicate the triangle layer you have created back in Step 16, apply a black and white adjustment (Command + Shift + Option + B or Ctrl+ Shift + Alt + B on Windows) then use the Levels Adjustments to make it lighter (0 – 1.00 – 176).

Step 19

Create a smaller black triangle. Duplicate this triangle, and transform it so that there is an even smaller triangle within it (Note: Hold Alt + Shift while transforming to transform in proportion, and from the center). This triangle should occupy roughly 1/4th the area of the large triangle we applied the Black and White adjustment to in the previous step.

Step 20

Duplicate this black triangle 3 more times and place them like below.

Step 21

Make a selection around one of these triangles then select the big triangle and cut (Ctrl + X) a portion out of it. Paste this cut into a new layer, and delete the black small triangle layer.

Step 22

Repeat Step 21 for all the other triangles and deactivate the big triangle from step 18.

Note: Each of the small triangles should now be in a layer of their own.

Step 23

Apply the below Blending Option for all 4 triangles.

Step 24

Now use the Polygonal Lasso Tool and make a selection like below. Create a new layer and in this layer apply a Soft White gradient set to White/Transparent (a soft, large white brush may work just as well). Set the layer to overlay and Opacity 70%. The soft glow is not visible at the moment but as you proceed they will look very nice.

Note: Erase the edges with a Soft Brush.

Step 25

Keep on creating more glows, different sizes like in step 24.

Step 26

Same technique with the left side.

Step 27

And the bottom side. Keep layering the effect on top of one another to build up a powerful collection of highlights.

Step 28

Now you will use the same technique but this time create circle selections using the Elliptical Marquee Tool, invert the selections and then use the Radial Gradient. You will set these layers to Overlay and 88% Opacity.

Step 29

Next you will need to use the Pen Tool (P) and create paths on different locations over the 4 triangles. Then you will have to stroke those paths with a small white brush and set the layers to Overlay and Opacity so that the effect isn’t overwhelming.

Step 30

Use the Pen Tool (P) and create 2 white strokes 1px that will intersect and use the Eraser Tool (E) on the edges to fade them out softly. Then apply a soft white Outer Glow to it

Step 31

Duplicate, or create several more of these star elements to give your symbol a bit of polish!

Conclusion

We’re finished! Hopefully you’ve picked up a few new techniques and had fun while doing so. Please share any of your personal creations in the comments for others to see! You can view the final image below or view a larger version here.

Download the Free PSD

115 Comments

  1. Add point Subtract point

    Photoshop tutorials, from beginner to advanced. photo manipulation, icon design, text effects, interface, layout, painting, photo effects, psd tuts, maxon cinema 4d, designing.
    http://lernphotoshop.co.cc

    Flag as inappropriate
  2. Add point Subtract point
    Adrian Iorgu (1 Point) November 19, 2010 at 10:57 am

    Thank you Constantin. Your article is very useful .

    Flag as inappropriate
  3. Add point Subtract point

    This Is An Image Of Illuminati!!!!!!!!!!

    Flag as inappropriate
  4. Add point Subtract point
    Vibe Tutorials (1 Point) August 26, 2010 at 10:01 pm

    This may be the best tutorial I’ve ever read in my entire life lmfao. I love this, I’m going to use this trick :D

    Flag as inappropriate
  5. Add point Subtract point
    Сoder-MaX (1 Point) July 13, 2010 at 3:36 am

    Interesting effects, its seems so easy but so hard to do…

    If any body needs unique wallpapers, I`m inviting you to http://www.picground.ru i think one of the best wallapaper sites!

    Flag as inappropriate
  6. Add point Subtract point
    Gebel Scarduzio (1 Point) June 19, 2010 at 5:32 pm

    Download60s.com is a graphic designing website. photoshop tutorials.
    http://download60s.com

    Flag as inappropriate
  7. Add point Subtract point
    honour chick (1 Point) May 19, 2010 at 1:36 pm

    very informative tutorial, thanks for sharing. ;)

    Flag as inappropriate
  8. Add point Subtract point
    Web Design (1 Point) April 26, 2010 at 7:40 pm

    Wow amazing tutorial!!! awesome job. thanks so much for sharing!!!! :)

    Flag as inappropriate
  9. Add point Subtract point
    Flash Rhino (1 Point) April 16, 2010 at 6:44 am

    wow pretty damn good!

    Flag as inappropriate
  10. Add point Subtract point
    isabellle (1 Point) April 13, 2010 at 8:04 am

    hm… I followed you step by step. my result is not even close to yours

    Flag as inappropriate
  11. Add point Subtract point
    abanas (1 Point) April 9, 2010 at 9:15 am

    The image from moonchilde-stock has been removed..

    Flag as inappropriate
  12. Add point Subtract point
    PreCast (1 Point) March 26, 2010 at 8:56 am

    uff awesome dude.. is a pro tutorial :D
    10 of 10

    Flag as inappropriate
  13. Add point Subtract point
    Tutorial Lounge (1 Point) March 22, 2010 at 1:07 pm

    simply amazing work there in whole article, i learned many new things from your beautiful poster design.

    Flag as inappropriate
  14. Add point Subtract point
    Yasmin Lawsuit (0 Points) March 17, 2010 at 2:38 pm

    Psychedelic. I love it!

    Flag as inappropriate
  15. Add point Subtract point
    hitler (0 Points) March 16, 2010 at 9:16 am

    omg this is sooo … better run better hide !!!

    Flag as inappropriate
  16. Add point Subtract point

    Wow,

    very good tutorials !!!!

    Flag as inappropriate
  17. Add point Subtract point

    Whats the size in – ie.Pixels, inches or cm?

    Flag as inappropriate
  18. Add point Subtract point

    I cant make a canvas above 300 *500 inches…, photoshop keep saying scratch disks are full. Someone help me pls.., What does that mean and is there anyway out?

    Flag as inappropriate
  19. Add point Subtract point

    Crappy Tutorial for me, doing what says and not getting that kind of result

    Flag as inappropriate
  20. Add point Subtract point
    Webtoolfeed (1 Point) February 6, 2010 at 7:16 pm

    Great tutorial, i might try this out.

    Flag as inappropriate
  21. Add point Subtract point

    whoa, pro tutorial, pro outcome

    Flag as inappropriate
  22. Add point Subtract point

    Step 18 doesn’t make any sense – can’t seem to get the same affect as in the screenshot.

    Flag as inappropriate
  23. Add point Subtract point
    Preston Lewis (1 Point) February 3, 2010 at 3:40 am

    Basically, this is a siiiiiick tutorial. I plan on doing one kind of like this as well. It should launch soon. You rock my socks off… seriously.

    Flag as inappropriate
  24. Add point Subtract point
    โหลดเพลงmp3ฟรี (1 Point) February 3, 2010 at 2:04 am

    great i never seen before.54

    Flag as inappropriate
  25. Add point Subtract point

    It’s realy amazing tutorial but i can’t make it from 15 step to 25 cuz i can’t understand but i try to improvize and this is the result : http://store.picbg.net/pubpic/40/FB/29982f17707240fb.jpg

    Sorry for my bad english but i don’t learn english only 1 year in school and my computer :D

    Flag as inappropriate
  26. Add point Subtract point
    ฟังเพลงใหม่ (1 Point) February 1, 2010 at 11:21 pm

    great i never seen before.47

    Flag as inappropriate
  27. Add point Subtract point
    โค้ดเพลงhi5 (1 Point) February 1, 2010 at 1:25 am

    great i never seen before.42

    Flag as inappropriate
  28. Add point Subtract point

    @nick, The photoshop trial version has no limitations on features, it just stops working after 30 days.

    Could not complete the blur command because there is no enough memory(RAM)

    It means exactly what it says, the computer you’re using has insufficient ram.

    Flag as inappropriate
  29. Add point Subtract point

    well explained.., thnks. I am using the Trail version of photoshop and it seems I cant get most of the features on it.., and some times when I tried using the filter, all I see is “Could not complete the blur command because there is no enough memory(RAM)”. I hope is not thesame with the full version?

    Flag as inappropriate
  30. Add point Subtract point

    well explained.., thnks. I am using the Trail version of photoshop and it seems I cant get most of the features on it.., and some times when I tried using the filter, all I see is “Could not complete the blur command because there is no enough memory(RAM)”. I hope is not thesame with the full version?

    Flag as inappropriate
  31. Add point Subtract point
    เพลงใหม่ล่าสุดเดือนนี้ (1 Point) January 30, 2010 at 8:35 am

    its very nice. Great post

    Flag as inappropriate
  32. Add point Subtract point
    Richard (1 Point) January 29, 2010 at 6:07 pm

    Very nice tutorial, thank you for making it. I really like the final result.

    Side note: nothing about the tutorial but why does this band use the delta symbol and not omega?

    Flag as inappropriate
  33. Add point Subtract point

    it”s 2 gud…..am a student of Graphic Design>>>>really i need these tutorials more and more…..thank you 4 the great job….keep it on ,,,,,,you are great….professional skills

    Flag as inappropriate
  34. Add point Subtract point

    Wow, this looks so great! Definitely gonna try this one out. :) Keep up the good work!

    Flag as inappropriate
  35. Add point Subtract point
    Spencer Carnage (1 Point) January 27, 2010 at 1:34 am

    As someone who has been doing a LOT of tutorials over the past year, I’ve come across a number of tutorials which are hard to follow. This is not one of them. Thanks for sharing, I will definitely keep an eye on this site and Constantin’s work!

    Flag as inappropriate
  36. Add point Subtract point
    Tom Ross (1 Point) January 26, 2010 at 9:33 pm

    Totally incredible tutorial, I love the outcome!

    Flag as inappropriate
  37. Add point Subtract point
    piyanistll (1 Point) January 26, 2010 at 7:10 pm

    very nice working thanks for tutorial

    Flag as inappropriate
  38. Add point Subtract point

    Nice done. I really like the final outcome.

    Thanks,
    Rafi

    Flag as inappropriate
  39. Add point Subtract point
    Vectorss (1 Point) January 26, 2010 at 10:45 am

    Very nice great tut. Thanks Constantin.

    Flag as inappropriate
  40. Add point Subtract point
    Johnson Koh (1 Point) January 26, 2010 at 10:44 am

    Superb effect! Amazed that everything is done from scratch.

    Flag as inappropriate
  41. Add point Subtract point
    sushil shirbhate (1 Point) January 26, 2010 at 5:11 am

    This is sooo cool. And well-explained too. Thanks a lot for sharing!

    Flag as inappropriate
  42. Add point Subtract point

    Nice one – very in-depth and the outcome looks great.

    Minor point; The “download” button is for a PSD (Photoshop) file, not Illustrator ;) .

    Flag as inappropriate
  43. Add point Subtract point
    bono calacal (1 Point) January 26, 2010 at 1:14 am

    This is sooo cool. And well-explained too. Thanks a lot for sharing!

    cheers

    Flag as inappropriate
  44. Add point Subtract point
    Che – TUTcandy (1 Point) January 26, 2010 at 12:32 am

    Freakin super cool… keep up the good shiz Tut9 and high-fives Constantin

    Flag as inappropriate
  45. Add point Subtract point

    How did you take those screenshots in Step 9 with a faded effect?

    Amazing tutorial, btw. Good work, Constantin!

    Flag as inappropriate
  46. Add point Subtract point
    Mark Garwell (1 Point) January 25, 2010 at 11:16 am

    Wow, this is an excellent tutorial, you could easily turn your hand to album sleeve design with skills like these.
    Excellent!

    Flag as inappropriate
  47. Add point Subtract point

    Lovely, as usual, this was on your website wasn’t it?

    Flag as inappropriate
  48. Add point Subtract point
    Nimit kashyap (1 Point) January 25, 2010 at 9:32 am

    Very well explained tutorial.

    Flag as inappropriate