In this tutorial, I’ll show you how to create a firing medieval scene with a disintegration effect. You’ll learn how to combine stock images, use debris brushes, work with fire, make a cool atmosphere and create lighting effects.

What you’ll be creating

We’ll start this tutorial by adding the background and blur it to create a depth of field. Then we’ll add the knight and apply the debris brushes to him to create a shattered effect. Later we’ll add the fire and create a glowing light for it. After that, we’ll make the fire effect on the knight as well as use several adjustment layers to change the whole contrast and color. We’ll finish it up with more light and fire sparks. You’ll need Photoshop CS3 or newer to follow this tutorial.

Tutorial Resources

Step 1

Create a new document in Photoshop with the settings below:

moment1

Step 2

Open the castle stock. Drag it into our white canvas using the Move Tool (V):

moment2

To add some depth to the scene, go to Filter > Blur > Gaussian Blur and set the radius to 6 px:

moment2a

Step 3

I used an adjustment layer and set as Clipping Mask to desaturate the background. Go to Layer > New Adjustment Layer > Hue/Saturation:

moment3
moment3a

Step 4

I used a Curves adjustment layer (Clipping Mask) to darken the castle background:

moment4

Step 5

Place the knight image in the middle section of the image and remove the background using a layer mask.

moment5

Step 6

Change the brush kind to the debris ones. Take the brushes you like and start painting on the arms to shatter these areas. I turned off the Curves adjustment layer of the castle to let you see the effect more clearly:

moment6

Step 7

To add more debris, on a new layer, use a debrish brush with any colors (I choose white) to paint on the knight body.

moment7

Turn off this layer. Hold down Cmd/Ctrl and click the debris thumbnail layer to load its selection:

moment7a

On the knight layer, right click this selection and choose Layer via Copy. Move the copied part onto the one of the shoulders.

moment7b

Step 8

Apply the same method to make more disintegration effect for the knight, use a layer mask to erase any unwanted debrises. Here is my result:

moment8

Turn on the Curves adjustment layer of the background.

Pages: 1 2 3

27 responses to “Create a Firing Medieval Scene with Disintegration Effect in Photoshop”

  1. unknown Avatar
    unknown

    This needs to be more step by step

  2. Clipping Arts India Avatar
    Clipping Arts India

    Best Photo Manipulation Photoshop Tutorials

  3. Lenish khatiwada Avatar
    Lenish khatiwada

    where can i find this backgrounds

  4. Khat'Su Avatar
    Khat’Su

    How can I find this fire because this link isn’t working.

    1. Photoshop Tutorials Staff Avatar
      Photoshop Tutorials Staff

      Looks like cgtextures.com is no longer free. You can find some alternatives here: https://www.deviantart.com/thetwistedfate/favourites/49155168/fire-stock

  5. Lamyaa Avatar
    Lamyaa

    Thank you

  6. budie Avatar
    budie

    why I cant go to last page? there’s something wrong with my browser or this tutorial is not free?

    thanks
    budie

  7. Maria Avatar
    Maria

    Es muy difícil de entender este tutorial.

  8. Bargain Tents Avatar
    Bargain Tents

    Wow this was amazing.. great tutorial thanks for sharing..


    https://www.bosstents.co.za/

  9. Graphic Experts Avatar
    Graphic Experts

    Perfect instruction. Really your are brilliant man.

  10. Kasey Kremer Avatar
    Kasey Kremer

    Could you possibly make the instructions more step by step instead of expecting us to know what half of this crap is

  11. Bunty Avatar
    Bunty

    Nice tutorial Jenny

  12. Kasey Kremer Avatar
    Kasey Kremer

    This would be amazing but the instructions are not quite in-depth
    enough

  13. Xerhes Avatar
    Xerhes

    “Remove the background using a layer mask.”

    How the hell do i do that?? Newbie here so no idea how to do that.. Please don’t make any steps like that in any tutorial.

    1. jordan Avatar
      jordan

      same here man… lol

    2. Simon Avatar
      Simon

      Not sure if serious or not. Add vector mask and use brush on mask to hide. Ie not use eraser on background
      Did a quick cutout
      http://imgur.com/xsDaURH

    3.  Avatar
      Anonymous

      where the material

    4. pr Avatar
      pr

      thank you

  14. Milos Jevtic Avatar
    Milos Jevtic

    Really nice. Thanks!

  15. taha arshad Avatar
    taha arshad

    nice. and i will try

  16. Cristiano Rola Avatar
    Cristiano Rola

    Excelent! Congratulations!

  17. carl Avatar
    carl

    Hi team I reckon this may be a really good project however I just do not understand a word
    shame really but I guess I am too old to learn but best of luck to those who can

  18. Fred Santos Avatar
    Fred Santos

    awesome works !

  19. sk Avatar
    sk

    thanks a nice n detailed tutorial.

  20.  Avatar
    Anonymous

    Nice tutorial

  21. Allure Avatar
    Allure

    This is a real tutorial, thanks for sharing it!

  22. Amol Lokhande Avatar
    Amol Lokhande

    nice pic

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Discover more from Photoshop Tutorials

Get the latest Photoshop tutorials, download and updates delivered to your inbox.

Continue reading