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.
115 Comments
Photoshop tutorials, from beginner to advanced. photo manipulation, icon design, text effects, interface, layout, painting, photo effects, psd tuts, maxon cinema 4d, designing.
Flag as inappropriatehttp://lernphotoshop.co.cc
Very Nac Aye Lak
Flag as inappropriateThank you Constantin. Your article is very useful .
Flag as inappropriateI Love It!!!!!
Flag as inappropriatevist for basic training of photoshop
Flag as inappropriatehttp://training4free.co.cc/Basic%20training/Basic%20training.html
Que buelta
Flag as inappropriateke bola
Flag as inappropriateThis Is An Image Of Illuminati!!!!!!!!!!
Flag as inappropriateThis 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 inappropriateInteresting 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 inappropriateDownload60s.com is a graphic designing website. photoshop tutorials.
Flag as inappropriatehttp://download60s.com
very informative tutorial, thanks for sharing. ;)
Flag as inappropriatevery nice result
Flag as inappropriateWow amazing tutorial!!! awesome job. thanks so much for sharing!!!! :)
Flag as inappropriatewow pretty damn good!
Flag as inappropriatehm… I followed you step by step. my result is not even close to yours
Flag as inappropriateThe image from moonchilde-stock has been removed..
Flag as inappropriateuff awesome dude.. is a pro tutorial :D
Flag as inappropriate10 of 10
simply amazing work there in whole article, i learned many new things from your beautiful poster design.
Flag as inappropriate谢谢，学习了！
Flag as inappropriatePsychedelic. I love it!
Flag as inappropriateomg this is sooo … better run better hide !!!
Flag as inappropriateWow,
very good tutorials !!!!
Flag as inappropriateZelda?
Flag as inappropriateWhats the size in – ie.Pixels, inches or cm?
Flag as inappropriateGreat work!!! =)
Flag as inappropriateI 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 inappropriate300×500 Inches would be a massive size (imagine trying to find someone to print a poster that large!)
Be sure you’re setting the canvas to 300×500 Pixels ;)
Flag as inappropriateyup. i know who will print with that size. Nikky himself. :)
Flag as inappropriateSimply awesome!
Flag as inappropriateCrappy Tutorial for me, doing what says and not getting that kind of result
Flag as inappropriateGreat tutorial, i might try this out.
Flag as inappropriatewhoa, pro tutorial, pro outcome
Flag as inappropriateสุดยอด :D
Flag as inappropriateWTF U SAY
Flag as inappropriateStep 18 doesn’t make any sense – can’t seem to get the same affect as in the screenshot.
Flag as inappropriateBasically, 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 inappropriategreat i never seen before.54
Flag as inappropriateIt’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 inappropriategreat i never seen before.47
Flag as inappropriategreat i never seen before.42
Flag as inappropriate@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 inappropriatewell 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 inappropriatewell 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 inappropriateits very nice. Great post
Flag as inappropriateVery 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 inappropriateit”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 inappropriateWow, this looks so great! Definitely gonna try this one out. :) Keep up the good work!
Flag as inappropriateAs 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 inappropriateTotally incredible tutorial, I love the outcome!
Flag as inappropriatevery nice working thanks for tutorial
Flag as inappropriateAwesome !!!!!
Flag as inappropriateNice done. I really like the final outcome.
Thanks,
Flag as inappropriateRafi
Very nice great tut. Thanks Constantin.
Flag as inappropriateSuperb effect! Amazed that everything is done from scratch.
Flag as inappropriateThis is sooo cool. And well-explained too. Thanks a lot for sharing!
Flag as inappropriateCooooooooolllllll….. :)
Flag as inappropriateNice one – very in-depth and the outcome looks great.
Minor point; The “download” button is for a PSD (Photoshop) file, not Illustrator ;) .
Flag as inappropriateThis is sooo cool. And well-explained too. Thanks a lot for sharing!
cheers
Flag as inappropriateFreakin super cool… keep up the good shiz Tut9 and high-fives Constantin
Flag as inappropriateHow did you take those screenshots in Step 9 with a faded effect?
Amazing tutorial, btw. Good work, Constantin!
Flag as inappropriateReally amazing
Flag as inappropriateWow, this is an excellent tutorial, you could easily turn your hand to album sleeve design with skills like these.
Flag as inappropriateExcellent!
Lovely, as usual, this was on your website wasn’t it?
Flag as inappropriateVery well explained tutorial.
Flag as inappropriate