Preview

How to Create a Flying Land Illustration On Fire

Download Source Files

This tutorial is a collaboration with a good friend of mine with Ciursa Ionut. This tutorial is about creating a fantasy illustration using some dragon images and a few cliffs for creating the land. We also add lava and fiery effects. So, let’s get fired-up for this one!

Final Image Preview

Take a look at the image we’ll be creating. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psd Plus for just $19/month. You can view the final image preview below.

Video Tutorial

Our video editor Gavin Steele has created this video tutorial to compliment this text + image tutorial.

Resources

I would like to thank all the photographers and artists for the great images that they created and for the permission to use them, also I would like to thank the author of this piece Dreamland that gave us the inspiration to create this tutorial: Sky1, Cliff, City, Dragons1, Dragons2, Sky2, and Fire.

Step 1

Download the sky1 image and open it in Photoshop. Now we are going to make some color adjustments to this layer. Go to Layer > New Adjustment Layer > Color Balance and use the settings shown below.

Step 2

Next go to Layer > New Adjustment Layer > Brightness/Contrast and set -12 for Brightness and 33 for Contrast.

Step 3

Apply Curves by going to Layer > New Adjustment Layer > Curves and create a curve as shown. Then fill the layer mask with black. Select a white, soft brush with the diameter of 300 pixels. Now paint with it over the lower left corner of the image. Take a look at the following image for reference.

Step 4

Open this image in Photoshop and use the Pen Tool (P) to cut out the mountain. Then use the Move Tool (V) to move it into your first document. Right-click on this layer and select Convert to Smart Object. Then go to Edit > Free Transform, scale this layer down, flip it vertical and rotate it. Take a look at the next image for reference. Name this layer "island."

Step 5

Now we are going to add five adjustment layers and we will clip them to the "island" layer. First go to Layer > New Adjustment Layer > Brightness/Contrast (5/Brightness, 64/Contrast), check the "Use Previous Layer to Create Clipping Mask" option and use the settings from the following image.

Step 6

Go to Layer > New Adjustment Layer > Color Balance, check the "Use Previous Layer to Create Clipping Mask" option and use the settings from the following image.

Step 7

Go to Layer > New Adjustment Layer > Photo Filter, check the "Use Previous Layer to Create Clipping Mask" option and use the settings from the following image. Set the blend mode for this layer to Overlay and the Opacity to 50%.

Step 8

Go to Layer > New Adjustment Layer > Gradient Map, check the "Use Previous Layer to Create Clipping Mask" option and use the settings from the following image. Set the blend mode for this layer to Soft Light and the Opacity to 60%.

Step 9

Select the Lasso Tool (L), set the feather to 10 pixels and create a selection like below. Now go to Layer > New Adjustment Layer > Brightness/Contrast and use -103 for Brightness and 63 for Contrast.

Step 10

Hold down the Command and select the "island" layer and its entire adjustment layer, then group them (Command + G). Name the group "island."

Step 11

Now you need to get rid of that rough stroke around the island that remained visible from the cutting. Create a new layer above all the adjustment layers. Command-click on the "island" layer’s thumbnail to select it, then paint with a soft brush using the color #140403 over the left side of the island.

Step 12

Click on the "island" group to select it, and then go to Layer > Layer Mask > Reveal All. Select a black, soft brush and paint with it over the right side of the island to delete that thin stroke.

Step 13

Select the "island" layer, go to Filter > Noise > Reduce Noise and use the settings shown below.

Step 14

Open this image in Photoshop, cut the castle and the buildings and move them into your first document. Right-click on this layer and select Convert to Smart Object. Then go to Edit > Free Transform, scale this layer down, rotate it and put it on the top of the island. Name this layer "castle."

Step 15

While the castle layer is selected go to Layer > Layer Mask > Reveal All. Select a black, soft brush and erase the bottom part of the castle.

Step 16

Now you are going to add seven adjustment layers and clip them to the "castle" layer. First, go to Layer > New Adjustment Layer > Color Balance, check the Use Previous Layer To Create Clipping Mask option and use the settings from the following image.

Step 17

Next go to Layer > New Adjustment Layer > Photo Filter, check the Use Previous Layer to Create Clipping Mask option and use the settings from the following image. Set the blend mode for this layer to Overlay and the Opacity to 50%.

Step 18

Go to Layer > New Adjustment Layer > Gradient Map, check the "Use Previous Layer to Create Clipping Mask" option and use the settings from the following image. Set the blend mode for this layer to Soft Light and the Opacity to 30%.

Step 19

Now add some light to the right side of the castle. Go to Layer > New Adjustment Layer > Curves, check the Use Previous Layer To Create Clipping Mask option, and use the settings shown below. Then fill the layer mask with black, select a white, soft brush and paint with it over the right side of the castle. In the following image you can see where to paint with white.

Step 20

Now we’ll add some shadow to the left side of the castle. Go to Layer > New Adjustment Layer > Curves, check the Use Previous Layer To Create Clipping Mask option and use the settings from the following image. Fill the layer mask with black; select a white, soft brush and paint with it over the left side of the castle. Again, in the next image you can see where to paint with white.

Step 21

Go to Layer > New Adjustment Layer > Curves, check the Use Previous Layer To Create Clipping Mask option and use the settings from the following image. Then select a black, soft brush and paint with it over the bottom part of the castle.

Step 22

Go to Layer > New Adjustment Layer > Brightness/Contrast, check the Use Previous Layer To Create Clipping Mask option and use the settings from the following image. Fill the layer mask with black; select a white, soft brush and paint with it over the right side of the castle.

Step 23

Hold down the Command key and select the "castle" layer and the other seven adjustment layers and group them (Command + G). Name the group "castle."

Step 24

Create a new layer; select a black, soft brush and paint with it over the house as shown. Set the Opacity of this layer to 70%.

Step 25

Create a new layer, Command-click on the "castle" layer’s thumbnail to select it and paint with a big, black brush over the left side of the castle. Set the blend mode for this layer to Soft Light and the Opacity to 60%.

Step 26

Download this image, open it in Photoshop and use the Pen Tool (P) to select the orange dragon, and the Move Tool (V) to move it in your document. Right-click on this layer and select Convert to Smart Object. Go to Edit > Free Transform and scale this layer down. Then put it beneath the "castle" group. Name this layer "dragon 1."

Step 27

Go to Filter > Blur > Gaussian Blur and use a radius of 2 pixels. Then fill the Smart Filters mask with black; select a white, soft brush and paint with it over the dragon’s left wing. This will give the wing a movement effect.

Step 28

Go to Layer > New Adjustment Layer > Brightness/Contrast, check the Use Previous Layer To Create Clipping Mask option and use -57 for Brightness and 40 for Contrast.

Step 29

Go to Layer > New Adjustment Layer > Curves, check the Use Previous Layer To Create Clipping Mask option and use the settings from the following image. Fill the layer mask with black, select a white, soft brush and paint with it over the right side of the dragon. Then hold down the Command key, select the "dragon 1" layer and the other two adjustment layers and group them (Command + G). Name the group "dragon 1."

Step 30

Now you are going to create some lava. First go to Layer > New > Group, name the group "lava," and set the blend mode to Color Dodge.

Create a new layer inside the group, double-click on it to open the Layer Style window and use the settings from the following image. Then set the blend mode for this layer to Overlay. Now select a white, soft brush with the diameter of 2-3 pixels and start creating some lava.

Step 31

Continue creating the lava.

Step 32

Now you are going to create a breaking apart effect. Drag the "island" group over the Create A New Layer button to duplicate it. Then right-click on the new group and select Convert to Smart Object. Move this layer to the top of your Layers palette and put it inside a group. Name the group "breaking apart effect."

Step 33

Now select the Lasso Tool (L), set the feather to 0 pixels and make a small selection of the island. Then go to Edit > Copy (Command + C) and Edit > Paste (Command + V). This will put your selection into a new layer. Move the small rock where you want it to be using the Move Tool (V). Repeat the same process over and over again to create as many small rocks as you want. This tutorial has about 50 layers inside the "breaking apart effect" group and they are organized into two groups. When you have enough rocks, delete or hide the "island copy" layer.

Step 34

Download this image, open it in Photoshop, use the Lasso Tool (L) to select a dragon and move it into your document using the Move Tool (V). Right-click on this layer and select Convert to Smart Object. Go to Edit > Free Transform (Command + T) and scale this layer down. Then name the layer "dragon 2."

Step 35

Go to Layer > New Adjustment Layer > Brightness/Contrast, check the Use Previous Layer To Create Clipping Mask option and use -29 for brightness and 73 for Contrast.

Step 36

Now you are going to add some light to the dragon. Go to Layer > New Adjustment Layer > Curves, check the Use Previous Layer To Create Clipping Mask option and create a curve as shown. Fill the layer mask with black, select a white, soft brush and paint with it over the dragon’s head and wings.

Step 37

Now you are going to add some shadow to the dragon. Go to Layer > New Adjustment Layer > Curves, check the Use Previous Layer To Create Clipping Mask option and create a curve as shown. Fill the layer mask with black, select a white, soft brush and paint with it over the dragon’s legs and tail.

Step 38

Go to Layer > New Adjustment Layer > Curves, check the Use Previous Layer To Create Clipping Mask option and use the settings from the following image. Then hold down the Command key, select the "dragon 2" layer and the four adjustment layers and group them (Command + G). Name the group "dragon 2."

Step 39

Download this image, open it in Photoshop and move it into your document. Go to Layer > Layer Mask > Reveal All and drag a black to white gradient from top to bottom using the Gradient Tool (G). Set the blend mode for this layer to Color Burn and the Opacity to 30%.

Step 40

Bring the clouds image again into your document, go to Edit > Free Transform and scale this layer down. Set the blend mode for the layer to Overlay. Go to Layer > Layer Mask > Reveal All and use a black, soft brush to erase the edges of this layer.

Go to Layer > New Adjustment Layer > Color Balance, check the Use Previous Layer To Create Clipping Mask option and use the settings from the following image.

Step 41

Repeat the previous step, but this time put the clouds in the left side of the image. Then group all these clouds layers and name the group "sky."

Step 42

Create a new layer, fill it with black, right-click on it and select Convert to Smart Object. Then go to Filter > Render > Lens Flare and use the settings from the following image.

Now there is too much red around the light. To correct this go to Layer > New Adjustment Layer > Curves, check the Use Previous Layer To Create Clipping Mask option and use the settings from the following image.

Step 43

Go to Layer > New Adjustment Layer > Brightness/Contrast, uncheck the Use Previous Layer To Create Clipping Mask option and use the settings from the following image. Fill the layer mask with black, select a white, soft brush and create some rays like below. Take a look at the next image for reference.

Step 44

Open "The Heavens 2" image in Photoshop and move it into your document. Go to Layer > Layer Mask > Hide All, select a white, soft brush (or you can download some clouds brushes from the internet, like theses ones) and paint with it over the mask to create some clouds. Set the blend mode for this layer to Screen. Take a look at the following image for reference.

Step 45

Go to Layer > New Adjustment Layer > Brightness/Contrast, check the Use Previous Layer To Create Clipping Mask option and use the settings from the following image. Then go to Layer > New Adjustment Layer > Color Balance, check the Use Previous Layer To Create Clipping Mask option and use the settings from the following image. This will make the clouds look just like the ones from the background image.

Step 46

Repeat the previous two steps to create another cloud. Then group the two cloud layers and the four adjustment layers and name the group "clouds."

Step 47

Copy and paste another dragon into your document and scale it down using Free Transform (Command + T). Then go to Layer > Layer Mask > Reveal All. Select a black, soft brush and paint with it over the edges of the dragon’s wings to look like the light is going above the wings.

Set the blend mode for this layer to Linear Light. Then go to Layer > New Adjustment Layer > Brightness/Contrast, check the Use Previous Layer To Create Clipping Mask option and use the settings from the following image. Group these two layers and name the group "dragon 3."

Step 48

Copy one more dragon from the original image using the Pen Tool (P) and move it into your document with the Move Tool (V). Right-click on this layer and select Convert to Smart Object. Go to Edit > Free Transform (Command + T) and scale this layer down. Go to Filter > Blur > Gaussian Blur and use the settings from the following image. Then go to Filter > Blur > Motion Blur and use the settings from the following image.

Set the blend mode for this layer to Linear Light. Then go to Layer > New Adjustment Layer > Brightness/Contrast, check the Use Previous Layer To Create Clipping Mask option and use the settings from the next image. Group these two layers and name the group "dragon 4." This new dragon will look like it’s flying around the land and the motion blur gives a very nice speed effect.

Step 49

Now you are going to create some flames coming out of the first dragon’s mouth. Download this image and open it in Photoshop. Then select one of those flames using the Pen Tool (P) and move it into your document. Go to Edit > Free Transform and scale this layer down.

Step 50

Create a new layer and draw some white lines over the flames using a soft brush. Double-click on this layer to open the Layer Style window and use the settings from the following image. Group the last two layers and name the group "fire."

Conclusion

You can view the final image below or view a larger version here.

Subscribe to the Psdtuts+ RSS Feed for the best Photoshop tuts and articles on the web.

Constantin Potorac is ConstantinPotorac on Graphicriver
Add Comment

Discussion 79 Comments

Comment Page 1 of 21 2
  1. Amazing. Will definatley be trying this. Thanks.

    • Jeevan says:

      This site keeps better and better with detailed tutorials. And even some tutorials got videos too. Thanks for this. Great help in learning all tools.

  2. Crazyhunk says:

    First glance i knew I saw this somewhere…. somewhere on deviantart… and by the look of it i see u used the same material the person used in there..(unless of course u and tht person are the same)..except for the dragons ans fire evrything else is the same…..

    nonetheless good… but i guess u shud have mentioned the guy who inspired u… tht is ofcourse as i said if u and tht guy aren’t the same….

  3. Leo Utskot says:

    The nerd factor is high on this one. How about some big-breated warrior women and some norse sounding text with stone texture in the foreground?

    But seriously, nice work on the colors and lighting.

  4. Jeff says:

    Nice tutorial!
    Didn’t like how the palettes were overlapping the image on most of them. Made it hard to follow on what you were doing.

    Overall, I found this useful for blending the clouds and managing the colors so they flow together.

  5. vectorss says:

    amazing. fantastic tut. Thanks Constantin

  6. Melody says:

    I don’t know why I thought of Neverending Story when I saw this..but now the song is stuck in my head lol..

    But why is it tilted? It would’ve been hard to walk in that world..

    I want a dragon.. :)

  7. lawrence77 says:

    Constantin Potorac is back with one of his friend [Ionut] :)

    Good work man…. ;)

  8. Alvaro says:

    Dragons!!! absolutely awesome Constantin… great outcome…

  9. ktyellow says:

    wow! really very good

  10. Catalin says:

    Nice work, just one thing i think is off: the scale of the clouds… that would be a very little castle

  11. There is a big work on this piece, but to tell you all the truth, there are some problems with light sources.

    The clouds on background and the city receive light from the left upper corner (see their shadows), but the island (the reversed mountain) receive it from right bottom.

    In the end you put the sun in the upper right, just in the back of all items.
    This is disturbing in some way, and let the reader to feel unright.

    It was enough to reverse horizontaly the mountain and not to place the sun in the back and everything will be fine.

  12. SteHan says:

    Not an easy one to pull off, Well done Constantin!

  13. Tim says:

    the lighting is totally wrong on the rock, look at the clouds the light is at the exact opposite. This make the final render very amateurish.

  14. Dave says:

    I think the fire from the dragon’s breath looks really bad… it is masked without feathering, and the color doesn’t blend well. Also the lava looks extremely cheesy (especially on the drops… looks like something a kid would make in microsoft paint)

    Sorry, but I really didn’t like it, compared to most of your other work.

  15. Wow love the clouds, great effort

  16. chillyweed says:

    nice tut bro

  17. kevinsturf says:

    woah! Extensive tut here. Lovely outcome.

  18. baratas says:

    Very good. Congratulations! Peace.

  19. Steve says:

    Constantin, I am a big fan of yours, and I love the colors in this piece. More than the lighting, the clouds in the front threw it off for me. They don’t seem to match with the rest. Overall great job. Keep them coming

  20. Joe says:

    Meh….not the greatest tut. Good example of how color balance works though.

  21. Michael says:

    Quite a good tut! i liked to follow you and learned much. i just started with photoshop 3 month ago (so im a newbie, still learning, but enthusiastic), but there are some things i want to say.

    hopefully constructive critics:
    I dont like the way the light comes around. the clouds seemed to get there light from the upper left. there should be some changes in there (i did it the other way around. looks quite better, espacially the rock).

    those falling lava-drops are a little disturbing, cause there are not really in a good shape and seemed not beeing affected by the global light. problem-solving with a exposure-adj-layer clipped with the lava(?)

    producing the falling stones i used the clone stamp with a rock-stylish brush (and a high shape-scattering at all).

    somehow the color-adjustments did not really work with my screen, but experimenting is the key, isnt it?

    perhaps a little overlay-or-multiply-blur-finishing or a nice texture above everything would be good too.

    but: great job anyway!

  22. nemo says:

    Ooo my GAAAAAAAADDDD!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    its beatiful work!!!!!!! its beatiful SITE1111111111

  23. Symon says:

    Quality. No other way of describing it. Thanks.

  24. Abe Yang says:

    I agree with Tim and Dave — the outcome looks very amateurish. In addition to what they mentioned, the Gaussian blurs (on wings and background dragon) do NOT look like motion blurs. In fact, blurs should be used sparingly in general — it’s unfortunate that this is now a growing trend. Blurs are the new lens flares.

    Another major issue is that the dragons themselves look rather robotic and mechanical (fault of the 3D artist for creating it, but also fault of the 2D artist for choosing it). The following image has dragons that look much more organic and real (and notice the LACK of blurs):

    http://features.cgsociety.org/newgallerycrits/g84/75184/75184_1208024046_medium.jpg

  25. apex says:

    wow cool

  26. Aika says:

    Two sun on the image… one from left second right :)

  27. Trex says:

    hey btw the link for Sky1 and Sk2 are the same..Great tutorial

  28. Help says:

    Hi.. This is Adobe Photoshop for MAC Cs3, or Cs4 ?.. Thanks

  29. woren94 says:

    Wow first great tutorial on psdtuts :O ;P ;D

  30. Leandro Miranda says:

    Very good job!!

  31. No Bo Dy says:

    nice one dude!

  32. Mikey says:

    Nice tut!

    But what’s with all these floating lands in these tuts? Getting a bit sick of it :)

  33. Dølba says:

    The lightning on the mountain should be on the opposite side. The light in the background shines from the right side but the light on the mountain is on the left side. It gets a bit awkward (don’t know how it’s spelled)

    • Malicé says:

      Precisely what i was thinking… Light source of the “island” is on the right, behind the POV. The light in the background is off to the left, in front of the POV. Incredibly distracting/

  34. Diego SA says:

    Cool! But the biggest dragon is weird. Maybe it’s the wing. Maybe it’s because the wing is out of focus. But that’s ok. The final result is awesome! Nice work!

  35. Jonathan says:

    AWESOME TUT! This helped me make my new wallpaper for the month =) check it out. Really great job on this one guys.

    http://i30.photobucket.com/albums/c308/inragedtwitch/2009_wallpaperbyme.jpg

  36. Cooledition says:

    Hello people, I am COOLEDITION, i am not who do this tutorial, but I want to let you Know that this tutorial is inspired in my Manipulation “Dreamland”.
    I gave my permission to they to make this tutorial, but i would like some credit for my work. :)
    I hope the Autor of this tutorial credit me and put a link to my Work, but by the Way u can see the original work here:
    http://cooledition.deviantart.com/art/Dreamland-101323396

  37. CgBaran Tuts says:

    Great Tutorial thanks

  38. Deano says:

    Excellent stuff – thanks to Constantin for the original and Gavin for the vid tut!

    Apart from the obvious lighting problems, that do not really detract from the artwork, I’d have worked the lava flows top to bottom spreading out like roots – they look like they’re growing/moving up at the moment.

    Can someone explain why most items are converted to “smart objects” other than the falling debris I don’t really see a need.

    Thanks again for everyone’s hard work – much appreciated – Deano

  39. Blueice says:

    Really nice tutorial on controlling blend modes, adjustment layers etc… nice looking image as a result.

    However, more consideration needs to attended to when dealing with light sources… its very easy to become enveloped in your work when creating and if your not 100% on the ball a simple thing like lighting can be quickly over looked.
    To the simple eyes these things get noticed very quickly, as the brain adopts an is it real or not attitude to things it sees. When creating an image ALWAYS remember…’Where is my light source?’ and ‘In what direction is it’
    a good reminder is the Drop shadow dialogue… it will ask if you want to use Global light to ensure all your shadows are from the same source and direction.
    However that said, you can have more than one source its true, just be sure to show your audience where it is and why.

    Personally when i’m using anything involving lighting, i like to identify where that source is and just paint 2 simple lines identifying source and direction… then you can never go wrong.

    So thank you Constantin for a really great tutorial, theres a lot here that ppl can learn, i haven’t used certain adj. layers in ages and was good to be reminded of their use.

    Well done!

  40. Listoric says:

    The lighting is horrible, but the outcome is still quite nice.

  41. I love photomanip tuts like this. :)

    V art forum V
    http://www.graphicscat.tk

  42. James says:

    AMAZING. Keep em coming

  43. Carlos says:

    Man, incredible, thanx a lot for posting

  44. Really like the colour blending, I do see peoples point about the lighting.

  45. Gfenesx says:

    you know what this is great tutorial and i must thank to this site …and author

  46. Showvhick says:

    How Beautiful. Amazing tuts…..fine….I am giving ***** (5 Stars) to this tutorial………

Comment Page 1 of 21 2

Add a Comment