Saturday 11 May 2013

Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop


Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop


Along the way, we will be using some photoshop retouching techniques, selection tools, cloud effect, texture application and custom brush painting.
In this Photoshop tutorial, I will show you the steps I took to Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop. This is an intermediate level tutorial so some steps can be tricky, but why not have a try :)
Movie poster printing companies are a good resource to remember when you need to promote a show or a play.
Here is a preview of the final effect I have for this tutorial: (click to enlarge)
fire sword warrior flatten 500x663 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop

PSD File Download

OK Let’s get started!
To complete this tutorial, you will need the following stocks:

Step 1

Create a new document sized 790px * 1050px with black background, create a new layer and use the gradient fill (set to radial gradient) tool to fill the background as shown below:
1 fill 500x662 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Load the stone texture into Photoshop, use the quick selection tool to select a portion of the texture as shown below – we will be using this to create some ground texture:
1 sel1 500x303 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Copy and paste the selection onto our document, use the free transform tool to perspective it a bit to create some depth:
1 pers Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Use a soft eraser tool to remove the edges so it fades into the background:
1 erase 500x182 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Add the following 3 adjustment layers to this stone texture as clipping mask:
Black and White
1 bw Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Levels
1 lv Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Curves
1 curves Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
and here is the effect you will have so far:
1 effect 500x179 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop

Step 2

Load the model image into Photoshop, cut out the model and paste it onto our canvas, resize and position the model in the centre as shown below:
2 paste 500x663 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Use the Smudge Tool with 6px pressure to remove the roughness around the legs area:
2 smooth 500x222 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Add the following 3 adjustment layers on this model layer as clipping mask:
Black and white
2 bw1 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Layer mask on this black and white adjustment layer:
2 bw mask 500x683 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Levels
2 lv1 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Layer mask on the levels adjustment layer:
2 lv mask 500x695 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Curves
2 curves Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Layer mask on the curves adjustment layer:
2 curves mask 500x700 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
After the adjustment, you will find that we now have some burnt effect around the legs, which I think works well with the fiery theme:
2 burn effect 500x302 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Create a new layer and use a soft black brush, paint some shadow under the feet: (use a 20% flow and opacity setting, we don’t want to over paint the shadow)
2 shadow 500x125 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
and here is the effect so far:
2 effect1 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop

Step 3

In this step, we will be adding some cloud and fire effect to the image. With the cloud part, we can simply use the cloud filter in Photoshop, combing it with the warp tool to render some nice effect around the model:
If you’re having trouble with the technique, check out one of my basic tutorial here: 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design
3 cloud Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
3 cloud 2 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Make sure you adjust the layer opacity of the cloud layers, so that you will have more levels and depths for the image:
3 cloud 3 500x200 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
We can now add some fire effect for the model. Load the fire image into Photoshop, and use the quick selection tool to select a portion as shown below:
3 fire sel 500x281 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Copy and paste the selection onto our document, resize and fit it to the leg area as shown below:
3 paste1 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Use the liquify filter forward warping tool, adjust the shape of the fire a bit:
3 liquify Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Then go back to the original model layer, load the selection of the it and inverse the selection:
3 inverse sel 500x623 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
On the fire texture layer, go to “Edit > Clear” and clear the selection, and leave only the portion that is on the leg:
3 after clear Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Change the blending mode of this fire texture layer to “overlay”, you will have the following effect:
3 blending 500x365 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Apply the same technique as shown above (apart from changing the blending mode), add some more fire texture around the model:
3 flying 500x477 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop

Step 4

Now we can add some extra flying rocks for the image. Go back to the stone texture and use the quick selection tool to select some random blocks of the stone ground, as shown below:
4 sel 500x295 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Copy and paste the selection onto our document, rotate it and use a soft eraser to remove the edges of the stone to fade it into the cloud:
4 paste 500x360 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Add the following 2 adjustment layers onto the stone layer as clipping mask:
Black and White
4 bw1 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Levels
4 lv1 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
and you will have the following effect:
4 effect1 500x200 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Create a layer folder and put these layers into it, duplicate it a few times and scatter the duplicates stones layer around the canvas:
Hint: adjust the settings on the levels adjustment layer for the contrast of the stone, and the layer opacity of the stone layers for variety. Apply some motion blur to create a flying effect.
4 effect 2 500x497 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop

Step 5

OK we’re almost done. For extra effect, I decide to add some debris around the model using the debris brush downloaded:
5 debris 500x312 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
Duplicate this particle layer once, and apply the following Radial Blur settings to the duplicated layer:
5 rad Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
And you will see the following blurring effect for the particles:
5 effect 500x350 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
You can further add some colour and adjust the contrast of the image via a few more adjustment layers, and here is my final result for this Photoshop tutorial: (click to enlarge)
fire sword warrior flatten 500x663 Design an Abstract Style Sword Warrior with Fiery Effect in Photoshop
That’s it for this tutorial! Hope you enjoy it and find it useful :) Till next time, have a great day!

No comments:

Post a Comment