• Home

Logo

Navigation
  • Home
  • Articles
    • Content Writing
    • Design
    • General
    • Internet Marketing
    • Social Media
    • Tools and Tips
    • Usability
    • Web Hosting Articles
  • Tutorials
    • AJAX Tutorials
    • ASP Tutorials
    • C# Tutorials
    • CGI and Perl Tutorials
    • CSS Tutorials
    • Flash Tutorials
    • HTML Tutorials
    • Illustrator Tutorials
    • Java Tutorials
    • JavaScript Tutorials
    • Linux Tutorials
    • Miscellaneous Tutorials
    • MySQL Tutorials
    • Photoshop Tutorials
    • PHP Tutorials
    • Python Tutorials
    • Wireless Tutorials
    • WordPress Tutorials
    • XML Tutorials
  • Scripts
    • AJAX Scripts
    • ASP Scripts
    • ASP.NET Scripts
    • CGI & Perl Scripts
    • Flash Scripts
    • Java Scripts
    • JavaScript Scripts
    • PHP Scripts
    • Python Scripts
    • Remotely Hosted
    • Tools and Utilities
    • XML Scripts
  • Answers
  • Online Services
  • Tools

Photoshop Tutorial: Create a Colorful Explosion Retro Inspired Design

By Anja | on Aug 24, 2010 | 0 Comment
Photoshop Tutorials
photoshop-tutorial-icon
  • Tweet
  • Share
  • Tweet
  • Share

This Photoshop tutorial will teach you how to create a design featuring a colorful explosion contrasting with grayscale elements. This design heavily relies on the creative use of brushes, patterns and Photoshop tools/effects.

Though this tutorial was created in Photoshop CS5, you should have no problems achieving the same effect in any Photoshop CS version.

Step 1. Start off with a blank, nearly square canvas size. In this case, I’ve used 1200×1150.

Create a new layer and save this micro patterns set from ObsidianDawn. To use them, unpack the archive and double-click on the resulting .pat file; this will make them appear in your list of patterns in Photoshop.

Then, go to Layer -> Layer Style -> Pattern Overlay… and use the following settings:

step1.jpg

Lower the opacity of the layer to 62%. You should now have a grayscale polka dot pattern background:

step1-2.jpg

Step 2. Open this image separately and convert it to grayscale by going to Image -> Adjustment -> Color Mixer… and using the settings below:

step2.jpg

Then add on top a Curves… adjustment layer, with the following RGB settings:

step2-2.jpg

Step 3. The next step involves retouching the image, in order to eliminate unsightly noise and make it look smooth and professional. You might have your own method for doing this, which is fine. However, this is my way of doing a very quick retouch: duplicate the image, add a layer mask to the resulting layer and then, making sure you have the second layer selected (not its mask), go to Filter -> Noise -> Median… and type in a small value in the Radius box (in this case, 3).

step3.jpg

After that, go to Filter -> Blur -> Gaussian Blur… and input the value 2 in the Radius box.

step3-2.jpg

Fill the mask with solid black and, making sure the mask is selected, pick a 25px round, soft brush and start painting with white on the layer. Only paint over the skin area to give it a smooth effect, while avoiding the lines of the face and body.

To add a final touch, carefully select the lips with the Lasso Tool. Then paint once over them with a bright red brush. The effect might look daft now, but in the final composition, it will be an interesting detail.

step3-3.jpg

Step 4. Next, flatten the image and paste it over the polka dot background. Position it in the center of the image and mask away its white background, until you get something like this:

step4.jpg

Step 5. Add two subsequent Curves… adjustment layers, with the following settings:

step4-2.jpg

You should get something similar to this:

step4-3.jpg

Step 6. Save and load this smoke brush set from ObsidianDawn. Create a new layer, pick a smoke brush, the color white, and set the brush size around 200-300px. Paint on the layer by using the brush around the girl’s body in a C shape. You can then mask away the excess using various brushes from the set, to create a more pleasant effect.
Then, go to Layer -> Layer Style and add the following styles to the layer:

Drop Shadow

step6.jpg


Inner Shadow

step6-2.jpg

Outer Glow

step6-3.jpg

 

Satin

step6-4.jpg

After completing this step, the image should look similar to this:

step6-5.jpg

Step 7. Download this sketches brush set, load it and paint two branches on two new layers, as shown below:

step7.jpg

Step 8. On a new layer, create two spots with a medium, soft brush, in two different colors. Then set the blending mode to Lighten and duplicate the layer to intensify the effect.

step8.jpg

Step 9. Create a new Hue/Saturation adjustment layer with the following settings:

step9.jpg

Then, add a layer mask and with a large soft brush, mask away the central part of the image:

step9-2.jpg

Step 10. Pick a light gray, medium and soft brush, and then, on a new layer, subtly paint a little over the parts of the image that appear solid black (around the hair, camera and dress). Next, lower the opacity of this layer, if you find it necessary; I’ve set it to 50%.

step10.jpg

Step 11. Create a new layer and paint on it with a smoke brush, or any similar brush you can find, in a similar way to what I’ve done below:

step11.jpg

Then, go to Filter -> Blur -> Motion Blur… and use the following settings:

step11-2.jpg

Step 12. Create a new layer, choose a swirl brush from the sketches brush set and use it as below:

step12.jpg

Next, go to Filter -> Blur -> Gaussian Blur… and input a value of 25:

step12-2.jpg

Step 13. To create the stunning colorful explosion that truly makes this tutorial unique, on a new layer, paint again with a sketch brush of your choice as illustrated below:

step13.jpg

Then, go to Filter -> Noise -> Median… and input a value of 5. After that, go to Filter -> Blur -> Gaussian Blur… and input a value of 15.

With a large soft brush, erase or mask away a lot of the resulting effect, until you end up with something like this:

step14.jpg

Step 14. Duplicate the colorful explosion layer, turn it upside down and place it lower than the first one. Then, change its saturation to a yellowish hue, to obtain a similar effect to this:

step14.jpg

Step 15. Create a new layer and use the flower brush from the sketches brush set, as shown below:

step15.jpg

Go to Filter -> Noise -> Median… and input a value of 11. After that, go to Filter -> Blur -> Gaussian Blur… and input a value of 8.

After that, mask away most of this layer, leaving only the tips of the petals on the sides:

step16.jpg

Step 16. Because the image is rather dull the way it is now, add a new Curves… adjustment layer:

step16.jpg

Step 17. I’ve added the word ‘photography’ to match the theme of the design. The font is Windsong, size: 216, character spacing: -50. To achieve the text effect below I’ve simply overlaid two text layers of different colors.

step17.jpg

Step 18. Create a new Levels… adjustment layer to brighten up the image a bit more:

step18.jpg

Step 19. To add a stylish border, merge all the layers together and go to Image -> Canvas Size… and use the following settings:

step19.jpg

Then go to to Image -> Canvas Size… again and use these settings:

step19-2.jpg

The final result:

fresult.jpg

Share this story:
  • tweet

Author Description

No Responses to “Photoshop Tutorial: Create a Colorful Explosion Retro Inspired Design”

You must be logged in to post a comment.

Connect With Us

RSSSubscribe 0Followers 496Likes
  • Popular
  • Recent
  • Comments
  • Creating Energy Spheres in Photoshop

    Apr 15, 2008 - 96 Comments
  • Easy Screen Scraping in PHP with the Simple HTML DOM Library

    Aug 6, 2008 - 20 Comments
  • Calculating date difference more precisely in PHP

    Mar 7, 2008 - 13 Comments
  • When Does Hosting Your Website in the Cloud Make Sense?

    Oct 8, 2010 - 2 Comments
  • Fun with the Microsoft Managed Extensibility Framework Part 2

    Oct 6, 2010 - 0 Comment
  • Fun with the Microsoft Managed Extensibility Framework Part 1

    Sep 22, 2010 - 0 Comment
  • Website Management on the go with the iPad

    I appreciated your post, but I was looking for something I didn't...
    November 24, 2012 - drmoderator
  • Creating Energy Spheres in Photoshop

    I'm a little stuck down here especially at the step of creating the...
    November 23, 2012 - sarah
  • Running background processes in PHP

    Can you give an example? As see it, you can use this only when you...
    November 16, 2012 - Shaked Klein Orbach
Developer Resources
  • Tutorial Directory
  • Learn HTML
  • Learn PHP
  • Learn CSS
  • Learn AJAX
  • Learn JavaScript
  • Learn Pear
  • White Papers
  • Resources
    • NetVisits Web Directory
    • Realtor Pixels
    • Answers On The Run
    • Ask A Geek
  • Recent Posts

    • When Does Hosting Your Website in the Cloud Make Sense?
    • Fun with the Microsoft Managed Extensibility Framework Part 2
    • Fun with the Microsoft Managed Extensibility Framework Part 1
    • Website Management on the go with the iPad
    • Code Contracts in C# 4.0 – Part 1

    Calendar

    June 2013
    M T W T F S S
    « Oct    
     12
    3456789
    10111213141516
    17181920212223
    24252627282930

    Recent Comments

    • drmoderator on Website Management on the go with the iPad
    • sarah on Creating Energy Spheres in Photoshop
    • Shaked Klein Orbach on Running background processes in PHP
    • Thomas Cuvillier on How To Upload Files Using PHP
    • rizal aditya on Extracting text from Word Documents via PHP and COM
    • Home
    © 2003 - 2013 DeveloperTutorials.com. All Rights Reserved. Privacy Policy.