Design an amazing glowing NIKE Advertisement in Photoshop

This tutorial is just an exercise that is to create a Nike ad, it’s not commercial, it’s just because its ads look good and we’d love to be able to design one, maybe someday. So in this tutorial we will use some images and play with Blend Modes and Color Adjustments to create a really cool Nike Ad in Photoshop.
Step 1
Open Photoshop and create a new document. I used 1920×1200. After that select the background layer and go to Layer>Layer Style>Grandient Overlay. Use #150b06 and # 321c0f for the gradient colors, Radial for Style and Normal for Blend Mode.

Step 2
Create a new layer and go to Filter>Render>Clouds. Make sure that the colors were black and white for the foreground an background.

Step 3
Change the Blend Mode of the Clouds layer to Color Dodge.

Step 4
Select the Eraser Tool (E). Use a regular brush. Change the Hardness to 0% and use a big size. Now erase some areas, just leave the center like the image bellow.

Step 5
Place the logo and aling it in the center of the document. Go to Layer>Layer Styles>Outer Glow. Use #fffde2 for the color, Color Dodge for the Blend Mode, 80% opacity, 18% for the Spread and 18 pixels for the Size. That will create a nice glowing logo.

Step 6
This tip was from my friend Cameron, he sent me this image and told me that it would be a nice way to create some effects like the Hejz work. You can download the image here.

Step 7
Cut an area of the image and paste it in your document. Rotate and resize it to fit with the symbol. After that change the Blend Mode to Screen.

Step 8
Now go to Image>Adjustments>Levels. Increase the black and the a bit of the white of the image. That’s necessary to match the colors of the image with the backgournd.

Step 9
Go to Edit>Transform>Scale, reduce the size of the streaks. Then go to Edit>Transform>Warp. Move the grid to make the streaks follow the symbol.

Step 10
Go to Image>Adjustments>Hue and Saturation. Increase the Saturation and the Hue. Reduce the Lightness.

Step 11
Duplicate the sparks layer. Go to Edit>Transform>Flip Vertical. Then resize it and adjust the position like the image below.

Step 12
Copy another art of the original Photo and paste it in your document. Repeat the steps 8, 9, and 10.

Step 13
Repeat again the Steps 8,9, and 10 to create a tail to the symbol, like the image below.

Step 14
Now lets create some stars, I have explained this in other tutorials so I won’t spent too much time again. Basically just create a new layer and fill it with black. Make sure you have black and white for the background and foreground colors. Then go to Filter>Noise>Add Noise. Use Gaussian for, 15% Amout, and Monochromatic. Then change the layer’s Blend Mode to Screen and go to Image>Adjustments>Levels. Increase the black and white levels untill you get nice stars. Then just repeat the same steps again in this same layer.

Step 15
Here it’s just to illustrate the idea I had of this golf player that hit the ball and the ball was the commet thing. So I used a photo from iStockphoto.com, you can buy it here.

Step 16
Place the golfer in your image and align it at the botton of the page. Also select the Brush Tool, use #d88c4d for the color and with a big brush, very soft create a light behind the player. Use 25% Opacity.

Conclusion
Now just add some texts and other small effects like the glow behind the golf club. This sort of exercise is really cool because we can learn a lot from how to create some effects or famous brand styles such as Nike, Apple, Adidas, and others. These companies have their own style so you can play with that in order to learn how to reproduce that in your own design.
Related Posts:
Post comment
Featured Page
Recent Posts
- 30 Business Cards with vivid Design for inspiration
- 19 Collections of Excellent Tech Brushes for Photoshop Design
- 15 tips for making up Web design Ideas in Using Circles
- 26 Fantastic Adidas Graphic Design Artworks Inspired you more
- 12 points to consider making a Professional and eye-catching Web Design
- 10 amazing Benefits of using Photo Effects
- 40 Useful layout by CSS Tutorials including Techniques And Resources
- 34 Ultimate Collection of excellent Abstract Photoshop Brushes
- 10 fresh and cute little animals photography for inspiration
- 55 extremely smashing web layout design tutorials in details
Recent Comments
- Pressure Washing GTA on 17+ Free PSD Business Card Templates
- visit Template Wizard on 17+ Free PSD Business Card Templates
- saintye on 30 Business Cards with vivid Design for inspiration
- DLEWORDPRESS is Free Download Joomla Template Sharing website on 17+ Free PSD Business Card Templates
- stocks and shares blog on 17+ Free PSD Business Card Templates
- Own Business Cards on 30 Business Cards with vivid Design for inspiration
- V ! (Oozlum) on 40 Great looking Free fonts For your Professional Design
- ทำเว็บ on 20 Set of Website Background Images : Examples and Implementation
- liberty reserve on 60 plus Exceptional and Creative Logo Designs for inspiration
- 68Design on 15 tips for making up Web design Ideas in Using Circles
Tags
Archives
- January 2012 (2)
- December 2011 (2)
- November 2011 (2)
- July 2011 (2)
- June 2011 (10)
- May 2011 (2)
- March 2011 (1)
- February 2011 (1)
- January 2011 (5)
- December 2010 (1)
- November 2010 (2)
- October 2010 (16)
- September 2010 (3)
- August 2010 (7)
- June 2010 (1)
- May 2010 (4)
- April 2010 (2)
- March 2010 (1)
- February 2010 (2)
- January 2010 (6)
- December 2009 (14)
- November 2009 (44)
- October 2009 (59)


