create an amazing ad in photoshop
TRANSCRIPT
-
8/12/2019 Create an Amazing Ad in Photoshop
1/16
Create an amazing Ad in Photoshop
byabduzeedoMon, 09/01/2008 - 10:45
I'm a really fan ofPeter Jaworowski aka The Hejz,I even wrote a tutorial forPSDTUTSshowing an effect inspired by one of the Peter's amazing works.
Then last week, Cameron andBobby,gave me some tips on how create those
light streaks, and that is what I will share with you in this post.
This tutorial is just an exercise I did with my friend Cameron trying to create aNikead, it's
not commercial, it's just because we love some of their ads 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 coolNikeAd in Photoshop.
Step 1
Open Photoshop and create a new document. I used 1920x1200. 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.
http://abduzeedo.com/profile/abduzeedohttp://abduzeedo.com/profile/abduzeedohttp://abduzeedo.com/profile/abduzeedohttp://www.hejz.com/v2/http://www.hejz.com/v2/http://www.hejz.com/v2/http://psdtuts.com/text-effects-tutorials/create-a-spectacular-flaming-meteor-effect-on-text/#more-50http://psdtuts.com/text-effects-tutorials/create-a-spectacular-flaming-meteor-effect-on-text/#more-50http://www.behance.net/BobbyDavishttp://www.behance.net/BobbyDavishttp://www.behance.net/BobbyDavishttp://www.nike.com/http://www.nike.com/http://www.nike.com/http://www.nike.com/http://www.nike.com/http://www.nike.com/http://www.nike.com/http://www.nike.com/http://www.behance.net/BobbyDavishttp://psdtuts.com/text-effects-tutorials/create-a-spectacular-flaming-meteor-effect-on-text/#more-50http://www.hejz.com/v2/http://abduzeedo.com/profile/abduzeedo -
8/12/2019 Create an Amazing Ad in Photoshop
2/16
-
8/12/2019 Create an Amazing Ad in Photoshop
3/16
Step 3
Change the Blend Modeof the Clouds layer to Color Dodge.
-
8/12/2019 Create an Amazing Ad in Photoshop
4/16
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 #fffde2for 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.
-
8/12/2019 Create an Amazing Ad in Photoshop
5/16
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 imagehere.
http://upload.wikimedia.org/wikipedia/commons/8/81/Sparks.JPGhttp://upload.wikimedia.org/wikipedia/commons/8/81/Sparks.JPGhttp://upload.wikimedia.org/wikipedia/commons/8/81/Sparks.JPGhttp://upload.wikimedia.org/wikipedia/commons/8/81/Sparks.JPG -
8/12/2019 Create an Amazing Ad in Photoshop
6/16
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.
-
8/12/2019 Create an Amazing Ad in Photoshop
7/16
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.
-
8/12/2019 Create an Amazing Ad in Photoshop
8/16
Step 10
Go to Image>Adjustments>Hue and Saturation. Increase the Saturation and the Hue.
Reduce the Lightness.
-
8/12/2019 Create an Amazing Ad in Photoshop
9/16
Step 11
Duplicate the sparks layer. Go to Edit>Transform>Flip Vertical. Then resize it and adjust
the position like the image below.
-
8/12/2019 Create an Amazing Ad in Photoshop
10/16
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.
-
8/12/2019 Create an Amazing Ad in Photoshop
11/16
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
-
8/12/2019 Create an Amazing Ad in Photoshop
12/16
to Screenand 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.
-
8/12/2019 Create an Amazing Ad in Photoshop
13/16
-
8/12/2019 Create an Amazing Ad in Photoshop
14/16
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 ithere.
Step 16
Place the golfer in your image and align it at the botton of the page. Also select the Brush
Tool,use #d88c4dfor the color and with a big brush, very soft create a light behind the
player. Use25% Opacity.
http://www.istockphoto.com/file_closeup/sports-and-leisure/golf/6365290-golfer-silhouette.php?id=6365290http://www.istockphoto.com/file_closeup/sports-and-leisure/golf/6365290-golfer-silhouette.php?id=6365290http://www.istockphoto.com/file_closeup/sports-and-leisure/golf/6365290-golfer-silhouette.php?id=6365290http://www.istockphoto.com/file_closeup/sports-and-leisure/golf/6365290-golfer-silhouette.php?id=6365290 -
8/12/2019 Create an Amazing Ad in Photoshop
15/16
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.
-
8/12/2019 Create an Amazing Ad in Photoshop
16/16
Click on the image for a full preview
http://www.flickr.com/photos/azeected/2817766086/sizes/o/http://www.flickr.com/photos/azeected/2817766086/sizes/o/http://www.flickr.com/photos/azeected/2817766086/sizes/o/http://www.flickr.com/photos/azeected/2817766086/sizes/o/http://www.flickr.com/photos/azeected/2817766086/sizes/o/http://www.flickr.com/photos/azeected/2817766086/sizes/o/