Welcome  On-line Photoshop Tutorials  About  Home Page  Photoshop PDF Tutorials  Photoshop Sitemap    

1,500+ Adobe Photoshop, GIMP & Paint Shop Pro PDF Tutorials + Extras & Plugins - Here

Tiny Photoshop

Adobe Photoshop Tutorials

700+ Adobe Photoshop PDF Tutorials - Click Here
Free On-line Adobe Photoshop Tutorials - Click Here
by Wendi Elizabeth Martha Scarth

 

Fire From Scratch
Adobe Photoshop

 

 Create Fire From Scratch
Suitable for Adobe Photoshop CS, CS2, CS3, CS4, CS5, CS6 & CC
Skill Level - Intermediate Plus

400+ Photoshop PDF  & 300 Elements PDF Tutorials + Plugins & Extras
1,500+ Individual PDF Tutorials - Click Banner To Read More!

This lesson demonstrates how to create fire from scratch.

Understanding Layers

Understand The Workspace And Palettes

Undo and Navigation Steps
Two ways of undoing steps are from the top menu, Edit then Step Backwards.
Alternatively, click a previous snapshot in the History Palette.

Navigate (zoom in and pan) your image using the Navigator Palette,

or the Zoom Tool.

Activate The Hand Tool by tapping the Spacebar, keeping the Spacebar pressed, pan your image in the usual way.

1/
Open a New document and set the following attributes. Set a Resolution of 72 if you are not printing your work.



2/
Then press Ctrl and tap your I key. This inverts the white pixels, converting your canvas to black. 



3/
Now, press your keyboard’s D key to set the default Black and White colour swatches. Then press your X key to swap the colours.

4/
Then activate the Horizontal Type Tool.




And apply the type of your choice - placing it to the right-side of your image using the Move Tool . This leaves room for the left-side Wind effect.

       

5/
Duplicate your type Layer by dragging it over the following Create a new layer icon. Then activate the original (middle) type Layer.
 


6/
And from the top menu, choose Edit then choose Transform then choose Rotate 90 CCW. (Anticlockwise).



7/
From the top menu, choose Filter then choose Stylise then choose Wind. (Click OK to Rasterise your type when prompted). From the subsequent Wind dialogue box, set the following attributes, then click OK.
 


8/
Press Ctrl then F twice, (or three times), to reapply the Wind filter. After you have completed this, you are ready for the next step. I applied the Wave filter three times.



9/
From the top menu, choose Edit then choose Transform and choose 90 CW.



And with the Move Tool , reposition both letters, (or name), and position them precisely on top of one another - as illustrated below.



Note
Duplicating the type Layer ensures the flames, (when created) are created on their own Layer. Additionally, this ensures the white type can be edited.

10/
Now, from the top menu, choose Filter then choose Blur then choose Gaussian Blur
Set a Radius sufficient enough to slightly blur the pointed Wave edges, then click OK.

  

11/
Now, duplicate the type (with Wave filter) Layer by dragging it over the following Create a new layer icon, and work on the duplicated (Copy) Layer.



12/
Then click the Add a layer style f (fx) icon at the foot of the Layers palette, and choose Colour Overlay from the drop-down list.  From the subsequent Layer Style dialogue box, change the Colour Overlay’s Structure to a vibrant Orange. Then click OK.



              

13/
Now, activate the original type Layer - the Layer with the white Wind lines, (not the top  Layer with white background).



14/
Then add a Colour Overlay to it, this time, choosing vibrant Red, then click OK.





Your wind lines will now be a vibrant orange/red colour. 

15/
Now, press Ctrl then left-click to highlight both fire Layers, then right-click and click Merge Layers from the drop-down list. Your Layers Palette should now resemble the following.



16/ Optional
Press Ctrl then M. And in the subsequent Curves dialogue, create the following curve, or thereabouts, then click OK.  This enhances the yellow pixels.





17/
For added vibrancy: right-click the flame Layer, and choose Duplicate Layer from the drop-down list. Then highlight, and Merge both flame Layers - as described back in
Chapter 15.



Smudge Tool Note 

As an alternative to the Liquify filter, the Smudge Tool can be utilised to craft your flames. My tutorial
Here demonstrates how to utilise the Smudge Tool. You will find a screen capture of the Smudge Tool settings here.

18/ Liquify Filter
From the top menu, choose Filter then choose Liquify. From the subsequent Liquify dialogue box, activate the Forward Warp brush, and utilise the settings displayed in my
screen capture here - or experiment. And with an undulating S movement, gently fashion the red/orange lines into flame-like shapes. To Step Backwards whilst within the Liquify dialogue, press Alt, Ctrl and Z. To reconstruct a liquify application, click the following Reconstruct Tool, or press R - and apply the Liquify brush to reconstruct your flames.

reconstruct tools flames



Tip
Quickly alter the Liquify’s brush size by tapping your square bracket keys.



When you are happy with the shape of your flames, (from the top-right corner of the Liquify filter), click OK.

ok to ligigygyyg flames


Note
This type of effect takes a little practise to perfect, however, the Liquify filter is not a difficult tool to master. If necessary, keep reapplying the Liquify filter - or reapply it from scratch; until you like the look of your flames.

After you have fashioned your fire/flames, you are ready for the next step.



19/
Activate the type Layer. Then click the Add a layer style f-fx icon, and apply your choice of Layer Style



For my example, I applied the following Gradient Overlay.



Inner Bevel.


And a Drop Shadow.

              



Note
For even more vibrancy, duplicate the flames Layer. Note: If this is too bright, then lower the Opacity of the duplicated Layer - to perhaps 60%.

20/ Perspective Shadow
To create a Perspective Shadow, first merge together the Type and Flame layers - as described back in
Chapter 15.



Tip
Soften (fade) the flame’s edges - or tips, using the Blur Tool - set to a very low Strength

21/
Then (if necessary), extend the black canvas area - at the bottom of your image: ensuring the bottom, Background Layer is active. 

22/
Congratulations, you have created fire from scratch and
your work is ready to save.


Wendi E M Scarth.
Top of Page.




  Paint Shop Pro Tutorials   GIMP (GNU) Tutorials   Photoshop Elements Tutorials   Personal Site