Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Digital Fire Illustration

In this tutorial we are going to create Digital fire illustration. I will use only Adobe Photoshop for this one.



So follow me on this one.

First we will create a new document and overlay it with reflected black to white gradient.

Of course our gradient will be on a separate layer.



Digital fire illustration



Digital fire illustration

Chose Image > Adjustments > Color balance to balance the color only on this layer and now on the whole document.



Mid tones:



Digital fire illustration

High lights.



Digital fire illustration

Moreover I will add texture I my layer styles.



Digital fire illustration

And here is the result. Now rotate the whole canvas to write some text.



Digital fire illustration



Digital fire illustration

Choose Line Tool in Shapes Box.



Digital fire illustration

Make a line, then switch to type tool and type some text near your
patch. You will see that the Type Tool icon will change near the path.



src="/content_images/eyeson_images/Effects/Jeka/tut69_DigitalFire/10.jpg" alt="Digital fire
illustration"/>



src="/content_images/eyeson_images/Effects/Jeka/tut69_DigitalFire/11.jpg" alt="Digital fire
illustration"/>

I will write Digital
Fire
. Try to have DIGITAL and FIRE on 2 different layers.



src="/content_images/eyeson_images/Effects/Jeka/tut69_DigitalFire/12.jpg" alt="Digital fire
illustration"/>

Wrap the text.



src="/content_images/eyeson_images/Effects/Jeka/tut69_DigitalFire/13.jpg" alt="Digital fire
illustration"/>

Wrapping settings:



src="/content_images/eyeson_images/Effects/Jeka/tut69_DigitalFire/14.jpg" alt="Digital fire
illustration"/>

Wrap the fire as well.



src="/content_images/eyeson_images/Effects/Jeka/tut69_DigitalFire/15.jpg" alt="Digital fire
illustration"/>



src="/content_images/eyeson_images/Effects/Jeka/tut69_DigitalFire/16.jpg" alt="Digital fire
illustration"/>

Here are my layer styles to DIGITAL.



The outer glow contour is different here.



Digital fire<br />
illustration



Digital fire<br />
illustration



Digital fire<br />
illustration

And fire. The Outer
Glow
contour is different here too. Moreover the fill is
set to about 50%.



Digital fire<br />
illustration



Digital fire<br />
illustration



Digital fire<br />
illustration

I’ve flipped the image and the text too.



Digital fire<br />
illustration

A little bit Brightness/Contrast changes here.



Digital fire<br />
illustration

The layers mode is set to Luminosity and overall opacity is set to 60%.



Digital fire<br />
illustration



Digital fire<br />
illustration

We are done. The only thing is bad here is the Font. I didn’t uploaded custom fonts In my PS yet.



Digital fire<br />
illustration

Comments