Graphic Mania

  • Home
  • Articles
  • Vector Packs
  • Freebies
    • Free Fonts
    • Free Icons
    • Photoshop Brushes
    • Photoshop Patterns
    • Photoshop PSDs
    • Textures
  • Photography ideas
  • Advertising Ideas
  • Image Cropper
  • Inspiration
    • Illustration
    • Showcases
  • Resources
    • News
    • Reviews
    • Contests
    • Adobe exams
    • Logo design
    • Wallpapers
    • 3D
  • Web
    • WordPress
  • Tutorials
    • Flash tutorials
    • HTML5
    • Illustrator tutorials
    • Photoshop tutorials

Lava Devastation Photoshop Tutorial

7
  • by Michael Stagkos
  • in Photoshop tutorials
  • — 28 Aug, 2009

Preview

In this tutorial, we will learn how to make a realistic scene of a valley being burned by volcanic magma.
First of we will need the image of a slope. I used a grassy slope but you can use anything.

IMG1
We will apply a grey-brown coloring to the whole image so as to make it ready for texturing. Using the Color Picker we will select a pale grey-brown hue, I used #a28172 but you can use any neighboring hue you want.
IMG2
Then using the Brush tool set to hue and full opacity we will apply the coloring to the whole image.
IMG3
To apply some dark vivid lighting we will use the curves tool. To do this, we can either select Image -> Adjustments -> Curves or simply if on CS4 select the curves tool from the Adjustments panel.
On RGB mode we will make the graph looking like an” S” bend shape, this way the light tones will become lighter and the dark tones will become darker, but the midtones will remain the same unlike using contrast tool. We can name this layer something like lighting.
IMG4
To add some buildings we can simply copy paste them to our document.
IMG5
Then while on our actual document we will click Edit -> Transform -> Rotate and rotate the building so that it will be on the same level of one of the clifs.
IMG6
Clicking outside a popup box will prompt us if we want to apply the rotation, we will click apply.
IMG7
We will change the layer blending into Luminosity mode so that it will fit the background.
IMG8
Then using the eraser tool we will erase the unneeded parts like the sky and the surrounding of the building.
IMG9
For further detail we will add another building in the same style, the oldest it seems the better.
IMG10
Once again we will click Edit -> Transform -> Rotate in order to rotate the image equivalently to the background.
IMG11
We will change the blending to Luminosity
IMG12
Then using the eraser tool, we will erase the sky and surrounding parts as well as the part that is in front of the stone.
IMG13
As we have now prepared our background we can go on to texturing. The first texture that we are goiun to use is a river of lava.
IMG14
Using the rotate tool we will rotate it and place it on the top left part of our document as shown :
IMG15
Then we will change the texture blending into color dodge mode
IMG16
Using the Eraser tool we will remove the parts where the texture stands in front of the building and the tree.
IMG17
We will add yet another texture for more detail
IMG18
We will then set the texture blending to Soft Light
IMG19
Using the Eraser tool set to semi-transparency (opacity 50%) we will erase the bottom part of the texture.
IMG20
Using the Burn tool set to Shadows and Exposure set to 11% (for CS4 Users, make sure protect tones options is unchecked) we will darken the background image.
IMG21
We will set the layer opacity to 60% so as to make the effect more dicreet.
IMG22
Our image is almost complete, we will go ahead and make some corrections. First off using the Sponge tool in Desaturate mode, with flow set to 100% and for CS4 users: Vibrance unchecked. We will apply the desaturation twice on the background right behind the right building so as to correct the blending.
IMG23
We will also go ahead and change the blending of the river of lava texture to Linear Dodge (Add)
IMG24
To add some flow we will use the blur tool set to 100% around 3 times on the background right behind the river lava texture.
IMG25
To add some extra flow we will use the smudge tool (in default options) on the same area of the background dragging it downwards as shown :
IMG26
We will add some clouds to make the scene more realistic, we will simply copy paste an image we like on our document.
IMG27
Using the Eraser tool we will erase the sky parts that are over our document.
IMG28
Finally selecting Image -> Adjustments -> Hue Saturation, we will add some red hue to the sky layer.
IMG29

DOWNLOAD: PSD
RESOURCES: Valley Lava Textures Old Building 1 Old Building 2 Sky

Share

Tags: AdobeFree Photoshop TutorialsPhotoshopPhotoshop EffectsPhotoshop Tutorials

— Michael Stagkos

I've been a creative graphic designer for about 5 years. I have expierience in graphic design and photoshop artwork, creating many logotypes business cards, brochures interfaces and photorealistic artwork.

  • Previous story Big Collection of Free Photoshop Pattern
  • Next story Amazing Conceptual Photography Inspirations

You may also like...

  • Fantasy Water Wallpaper Photoshop Tutorial 2 Dec, 2009
  • Webydo – The Future of Professional Website Building by Designers, for Designers 20 Nov, 2013
  • Create Dramatic Light Effect 25 May, 2009
  • Creating GIF images without white borders problem in Photoshop 12 Aug, 2008

7 Comments

  1. xea says:
    August 29, 2009 at 6:46 pm

    Thanks very much for sharing! Awesome post!

  2. Devastazione della lava in Photoshop! | sastgroup.com says:
    October 20, 2009 at 4:01 pm

    […] al tutorial: http://www.graphicmania.net/lava-devastation-photoshop-tutorial/ […]

  3. Devastazione della lava in photoshop! says:
    October 21, 2009 at 6:11 am

    […] Link al tutorial: http://www.graphicmania.net/lava-devastation-photoshop-tutorial/ […]

  4. web design agency says:
    December 30, 2009 at 8:04 am

    Woow! Thanks for the great tut! Got it on the first try.

  5. ali says:
    July 7, 2012 at 4:43 pm

    sorry but the result isnt that convincing thanx anyway

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

  • Promo Codes Available

    A2 Hosting Coupon
    NordVPN Coupon
    Unbounce Coupon
        • Home
        • Privacy Policy
        • About the Author
        • GRAPHIC MANIA – Guest Post Guidelines
        • Contact

        Copyright © 2008-2024 GraphicMania.net. All Rights Reserved.