Sunday, January 12, 2014

Photoshop Tutorial | Fire Effect

I this Tutorial I will show you how to create a fire effect and it will guide you step by step.

Photoshop Tutorial, Tips and Tricks
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.













Photoshop Tutorial, Tips and Tricks
 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.







Photoshop Tutorial, Tips and Tricks
 Step 3

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









Photoshop Tutorial, Tips and Tricks
 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.







Photoshop Tutorial, Tips and Tricks
 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.











Photoshop Tutorial, Tips and Tricks
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.







Photoshop Tutorial, Tips and Tricks
 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.








Photoshop Tutorial, Tips and Tricks
 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.









Photoshop Tutorial, Tips and Tricks
 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.













Photoshop Tutorial, Tips and Tricks
 Step 10

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









Photoshop Tutorial, Tips and Tricks
 Step 11

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







Photoshop Tutorial, Tips and Tricks
 Step 12

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








Photoshop Tutorial, Tips and Tricks
 Step 13

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













Photoshop Tutorial, Tips and Tricks
 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.







Photoshop Tutorial, Tips and Tricks

 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.


 Here are related Tutorial that may be of interest:

This Tutorial credit to boss criticalgrave



Related Posts with Thumbnails

No comments:

Post a Comment