Image preview: Create a Kick-Ass Martial Arts Scene

Create a Kick-Ass Martial Arts Scene

Learn how to combine multiple photos to create an awesome martial arts scene. Perfect for learning basic photo manipulation.

Read More... 17 comments

Final Image

Here is the final image that we’ll be creating in this tutorial:

martial22 Create a Kick Ass Martial Arts Scene

If you want access to the downloadable .PSD file for this, and every other tutorial at PSDFAN, then join our members area for just $4.95 per month.

Step 1

Open up a new document, and paste in an image of a sunset sky. Call this layer ’sky’.

martial1 Create a Kick Ass Martial Arts Scene

Step 2

Go to filter>sharpen to give your image more definition.

Then go to image>adjustments>levels and apply the settings shown below. This will give your sky more impact.

martial2a Create a Kick Ass Martial Arts Scene

martial2b Create a Kick Ass Martial Arts Scene

Step 3

Now go to image>adjustments>hue/saturation and reduce your saturation to -40.

martial3a Create a Kick Ass Martial Arts Scene

martial3b Create a Kick Ass Martial Arts Scene

Step 4

Now duplicate your ’sky’ layer and call the duplicate ’sky light’. Go to filter>render>lighting effects. Then apply the settings shown below.

Then go to filter>sharpen>sharpen. Reduce this layer’s opacity to 40%.

martial4a Create a Kick Ass Martial Arts Scene

martial4b Create a Kick Ass Martial Arts Scene

Step 5

Now create a new layer called ’sky gradient overlay’. Create a gradient ranging from blue, to pink, to white, to blue, to purple (see below). Then drag this gradient across your canvas. Reduce this layer’s opacity to 50% and change the layer blend mode to ‘overlay’. This should give your sky line tints of color and make it look more interesting.

martial5a Create a Kick Ass Martial Arts Scene

martial5b Create a Kick Ass Martial Arts Scene

martial5c Create a Kick Ass Martial Arts Scene

Step 6

Paste in an image of a grassy bank. We want to get rid of the sky from this image, and make the sunset sky image blend nicely with it. To do this won’t involve any difficult masking techniques, but simply a bit of erasing. As we’re going for quite a soft looking image, you can simply use a medium-sized, soft eraser brush to eraser away the sky in your grassy bank image.

martial6a Create a Kick Ass Martial Arts Scene

martial6b Create a Kick Ass Martial Arts Scene

Step 7

Go to image>adjustments>levels and apply the settings shown below:

martial7a Create a Kick Ass Martial Arts Scene

martial7b Create a Kick Ass Martial Arts Scene

Step 8

Now we want to blend our grassy area with our sky better. To do this we need to match our colors. Go to image>adjustments>color balance, and apply the settings shown below:

martial8a Create a Kick Ass Martial Arts Scene

martial8b Create a Kick Ass Martial Arts Scene

martial8c Create a Kick Ass Martial Arts Scene

Step 9

Erasing the top of the grassy bank worked well to help blend it with the sunset sky image. However, the edge of this bank is now a little too soft, and lacks definition. It’s amazing how much little details can help to define areas of photo manipulation like this. To define the edge of my grassy bank a little more, I select the smudge tool, set to 95% strength. Then I zoom in, and smudge out individual blades of grass all along my grassy bank. Just by smudging out several blades of grass, my grassy bank becomes much more detailed and refined looking.

martial9a Create a Kick Ass Martial Arts Scene

martailarts9b Create a Kick Ass Martial Arts Scene

Step 10

Now create a new layer called ‘grass highlight’. I want to make the center of my grass bank lighter, to give the impression that the lightest part of the sky is illuminating it.

Use a medium-sized, soft white paintbrush to brush over this central area of grass. Then change the layer blend mode to ‘overlay’ and reduce it’s opacity to 20%.

martial10a Create a Kick Ass Martial Arts Scene

martial10b Create a Kick Ass Martial Arts Scene

Step 11

I want to play around with the color of my sky to make it blend better with my grassy area, so I select my original ’sky’ layer and go to image>adjustments>color balance and apply the settings below:

I also choose to reduce the opacity of my ’sky gradient overlay’ layer from 50% to 20%.

martial11a Create a Kick Ass Martial Arts Scene

martial11b Create a Kick Ass Martial Arts Scene

martial11c Create a Kick Ass Martial Arts Scene

martial11d Create a Kick Ass Martial Arts Scene

Step 12

Now I’m happy with my main background, I can start placing in my martial arts figures. My first figure has his feet in grass, and this seems perfect for merging into the grass in my main composition.

To do this, I select my figure using the lasso tool, and make sure to select around the grass covering his feet/ankles.

martial12a Create a Kick Ass Martial Arts Scene

martial12b Create a Kick Ass Martial Arts Scene

Step 13

To make your warrior more intense, go to image>adjustments>levels and apply the settings shown below:

martial13a Create a Kick Ass Martial Arts Scene

martial13b Create a Kick Ass Martial Arts Scene

Step 14

Select around the man’s feet using the lasso tool. Then go to image>adjustments>color balance, applying the settings shown below. This will only alter the color balance of the grass around the mans feet, not the entire man. This is to make the grass color more similar to the grassy mound surrounding it.

martial14a Create a Kick Ass Martial Arts Scene

martial14b Create a Kick Ass Martial Arts Scene

martial14c Create a Kick Ass Martial Arts Scene

martial14d Create a Kick Ass Martial Arts Scene

Step 15

To blend the man’s feet into the grassy mound more, select part of your grassy mound using the lasso tool. Then copy/paste this onto a new layer over your man’s foot. Then use a small, soft eraser brush to carefully blend the pasted grass into the main background. To improve the realism of this technique use a 1px smudge brush to smudge out individual grass blades over the man’s legs. Repeat this technique with both of his feet, covering them with pasted mounds of grass.

martial15 Create a Kick Ass Martial Arts Scene

Step 16

Now I want to add a subtle highlight to the warriors leg, to fit with the illuminated center area of the grassy mound, and highlights from the sky. To do this, I create a new layer called ‘warrior 1 highlights’. Then I use a small, soft white paintbrush to paint over this inner part of the warrior’s leg. Then I change this layer’s blend mode to ‘overlay’.

Finally, some of the highlighted white area is overlapping into the background. As I only want the highlight to cover his leg, I option+click on the original warrior layer in my layers palette. This selects the entire warrior. Then I go to select>inverse to invert my selection. Then I return to my highlight layer and hit delete, leaving a perfect highlight on the inner part of my warrior’s leg.

martial16a Create a Kick Ass Martial Arts Scene

martial16b Create a Kick Ass Martial Arts Scene

Step 17

Now select a photo of a second man, and cut it out using the lasso tool or pen tool. Then paste it into your main canvas, and go to edit>transform>scale/rotate and resize/rotate the man to suit your composition.

martial17a Create a Kick Ass Martial Arts Scene

martial17b Create a Kick Ass Martial Arts Scene

Step 18

The levels are looking good, but I want to enhance the colors of this second man. I go to image>adjustments>color balance and apply the settings shown below:

martial18a Create a Kick Ass Martial Arts Scene

martial18b Create a Kick Ass Martial Arts Scene

martial18c Create a Kick Ass Martial Arts Scene

martial18d Create a Kick Ass Martial Arts Scene

Step 19

I go to image>adjustments>levels and just alter the levels of this second man slightly.

martial19a Create a Kick Ass Martial Arts Scene

martial19b Create a Kick Ass Martial Arts Scene

Step 20

Paste in a sword, and position it over your second man’s hand.

martial20 Create a Kick Ass Martial Arts Scene

Step 21

Zoom in, and then reduce the opacity of your sword layer to around 20%. Use your lasso tool to select the area of the sword that is overlapping the man’s fingers, and then delete it. Then select the man’s fingers, and go to edit>transform>distort. Distort the fingers to make them appear to be wrapping around the handle of the sword.

martial21 Create a Kick Ass Martial Arts Scene

Step 22

Now I want to create shadows cast from my two warriors. To do this, duplicate each warrior, and then move the duplicate to the area where you want your shadow to be. Then go to edit>transform>flip vertical, and edit>transform>scale to create a flipped image of each warrior that is less high than the original. Finally, go to filter>blur>gaussian blur, and apply a gaussian blur of 3.0px strength.

I also used a small, soft, black burn brush to brush in a subtle shadow onto the sword, where the jumping warrior’s hand would cast a shadow.

martial22 Create a Kick Ass Martial Arts Scene

And We’re Done

You can view the finished image below:

martial22 Create a Kick Ass Martial Arts Scene

Don’t forget! If you want access to the downloadable .PSD file for this, and every other tutorial at PSDFAN, then join our members area for just $4.95 per month.

About the Author: Tom is the founder of PSDFAN. He loves writing tutorials, learning more about design and interacting with the community. On a more interesting note he can also play guitar hero drunk with his teeth.

17 Awesome Comments: Leave Your Comment

  1. TamaiT 15th June 2009

    Sword is way too big.

  2. User GravatarGeeee 15th June 2009

    ohh that was a very detailed tutorial really good job and well done .. keep it up plz ;)

  3. Edward 16th June 2009

    The lighting is completely off. I like the background though.

  4. User GravatarMarco 16th June 2009

    I really liked the tut until step 12 (only the background). Adding those two “ninja’s” doesn’t really fit the scene.

    Still, there are some very useful techniques here, keep it up!

  5. User GravatarTom 17th June 2009

    Thanks for the constructive feedback everyone! I agree that there are a few issues with composition, but I was a little limited by the photos available (which impacted upon lighting I’ll admit). However, I hope that this tutorial demonstrates some cool color blending techniques. Appreciate the comments guys :)

  6. User GravatarAdam 18th June 2009

    That’s a superb use of blending and colour mixing to achieve that effect – well done. I love photo manipulation images, makes me wanna do one myself.

  7. Designer1993 19th June 2009

    Nice attempt but the outcome is not impressive.

  8. User GravatarRajib 22nd June 2009

    Awesome Tutorial. Don’t think on anybody’s bogus comment. Just go forward.

  9. User GravatarTom 22nd June 2009

    Thanks a lot Rajib, I appreciate that :)

  10. User GravatarHGrc 17th July 2009

    haha good

  11. User GravatarHGrc 17th July 2009

    good tut man :)

  12. Wouter 22nd July 2009

    Good attempt indeed but some things really are a bit off.

    Like the sword, it should be smaller and the hand should be edited so it seems it has his hand wrapped around it because nobody holds items like that I think :P

    Keep it up!

  13. lago 23rd July 2009

    where do u get the grass bank pic from?

  14. jp 28th August 2009

    lol at the massive sword he isn’t even holding

  15. jp 28th August 2009

    Remove or resize the sword and the guy in the white, the colors do not reflect correctly on his clothes and it would be impossible to get right.

    if you do that, I think the picture will be awesome

  16. User GravatarClippingimages 1st September 2009

    @ Wouter Let us think it as a super powered sword. Please try to encourage the designers rather trying to find out errors. Great tutorial … Keep it up :)

  17. User GravatarMartial Arts Videos 15th September 2009

    I love martial arts. Thanks for the great info. I have been collecting martial arts videos for ages

Leave a Comment: