Design an Ancient Cracked Sword in Photoshop

Design an Ancient Cracked Sword in Photoshop

Posted on February 16th, 2010 under Abstracts

If want to make your career in web designing then join 000-200 web designing course and learn the best web design practices using our HP2-E32 design resources and self paced 70-270 study guide guides.

In this tutorial, I will show the processes I took to create this cool-looking, ancient cracked sword in Photoshop.  Personally I think the steps aren’t hard to follow and the end result looks good, Have a go :)

The technique I would like to emphasise in this tutorial is how you can use the cloud filter to add contrast to object, and the important of using the correct blending mode for layers to maximise the effect.

You will also see by choosing a great quality texture, you can easily add extra effect to your design with mimimum effort.

Here is a preview of the final image: (click to enlarge)

sword flatten 2 500x650 Design an Ancient Cracked Sword in Photoshop

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 Design an Ancient Cracked Sword in Photoshop

Ok let’s get started!

To complete this tutorial, you will need the following stock:

Sword

Crack Texture

Step 1

Create a new document sized 1000px * 1300px, fill the background layer with black color. Load the “Sword” texture into Photoshop and cut out the sword using whatever method you prefer (I used the magic wand here, set tolerance to 32px), then paste it onto our canvas, as shown below:

1 copy paste Design an Ancient Cracked Sword in Photoshop

You can choose a different angle for the sword if you like, totally up to you. The steps below will still apply.

Name this layer as “sword”. On this layer, apply the following “Reduce Noise” settings to it:

1 reduce no Design an Ancient Cracked Sword in Photoshop

and you will see by doing so, we managed to get a few more details out of the sword image, as shown below:

1 after redu 500x426 Design an Ancient Cracked Sword in Photoshop

Load the selection of the sword layer by holding down Ctrl key + left-click the thumbnail image of the sword layer on the layer palette. Then hit Ctrl + Alt + R to bring up the Refine Edge tool, apply the following settings:

1 refine Design an Ancient Cracked Sword in Photoshop

and you will have the following effect for the selection:

1 after refine Design an Ancient Cracked Sword in Photoshop

Now we’re ready for the cloud rendering in the next step.

Step 2

Create a new layer called “cloud 1″ on top of the “sword” layer, maintain the selection we did in previous step, render some cloud within the selection, as shown below: (set back and foreground colour to be black and white)

2 cloud 500x580 Design an Ancient Cracked Sword in Photoshop

Now hit Ctrl + L and bring up the Levels adjustment tool, apply the following settings to it:

2 levels Design an Ancient Cracked Sword in Photoshop

Now the settings for Levels might differ slightly depending on the cloud render outcome, however the ultimate goal is to bring more contrast to the cloud so it gives us more lighting variation, as shown below:

2 after cloud level 500x558 Design an Ancient Cracked Sword in Photoshop

Change the blending mode of the cloud layer to “Color Dodge”, you will have the following effect:

2 cloud color dodger 500x538 Design an Ancient Cracked Sword in Photoshop

Now here is the interest part of the tutorial – we’re going to max-out the effect by playing with the cloud layer.

Duplicate the cloud layer a few times, apply following layer blending mode, opacity and layer mask to each layer:

2 blending mode 500x309 Design an Ancient Cracked Sword in Photoshop

and you will have the following effect:

2 effect1 500x557 Design an Ancient Cracked Sword in Photoshop

You can see now we have some very dynamic contrast placed on the sword. They will look good when we apply the crack texture later on in the tutorial.

Step 3

Go back to the background layer, grab a big soft round brush with a 30% flow and opacity settings, do a few single clicks as shown below:

3 light bg 499x574 Design an Ancient Cracked Sword in Photoshop

You will see now we light up the background a bit – however not too much. This effect will reflect when we add the crack texture later on in the tutorial.

I decide to add some effect on the bottom of the sword. So I duplicate the original cloud layer once, change the blending mode to “Normal” and drag it below the sword layer and above the background layer, use the Free Transform tool to resize it to a small size, position it as shown below:

3 resize 499x617 Design an Ancient Cracked Sword in Photoshop

Name this layer as “light”, duplicate it a few times, and position them as shown below:

3 dupl 500x468 Design an Ancient Cracked Sword in Photoshop

and here is the effect so far:

3 effect 500x558 Design an Ancient Cracked Sword in Photoshop

Step 4

We can now add the crack texture onto the sword. Load the Crack Texture into Photoshop, select a portion of it with the Lasso tool (40px feather), copy and paste it onto the canvas and put it on top of all previous layers, name the layer as “crack”:

Make sure you resize the layer to roughly the size of the sword, as shown below:

4 paste 500x540 Design an Ancient Cracked Sword in Photoshop

Change the blending mode of the crack layer to be “color dodge”. Duplicate the crack layer a few times, position each duplicated layer as shown below:

4 blending mode 500x368 Design an Ancient Cracked Sword in Photoshop

Maintain the blending mode for all crack texture layers to be “color dodge”, apply layer mask according to the screenshot above.

For the top crack texture layer, add the following levels adjustment layer to it (with clipping mask optin enabled):

4 levels Design an Ancient Cracked Sword in Photoshop

You will have the following effect:

4 effect Design an Ancient Cracked Sword in Photoshop

Step 5

Now we can add some image adjustments layers to fine-tune the effect. I have the following two adjustment layers on top of all layers:

Color Balance

5 col sha1 Design an Ancient Cracked Sword in Photoshop

5 col mid1 Design an Ancient Cracked Sword in Photoshop

5 col hig Design an Ancient Cracked Sword in Photoshop

Curves

5 curves1 Design an Ancient Cracked Sword in Photoshop

and you will have the following effect:

5 effect1 500x611 Design an Ancient Cracked Sword in Photoshop

That’s it pretty much it! For the final effect I added some brushwork on the top, here is my end result: (click to enlarge)

sword flatten 500x650 Design an Ancient Cracked Sword in Photoshop

That’s all for this tutorial! I hope this can give you more ideas about the use of layer blending, cloud filter and applying textures in Photoshop. Hopefully you will find those steps in the tutorial useful and the end result inspiratinal :)

Till next time, have a great day!

Fresh Posts from PSD Vault

Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 55 Create a Magical Photo Manipulation with Flowery Effect in Photoshop Imagination Unleashed: Best of PSD Vault DeviantART Group – Vol. 23 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop Unique and Curious Photoshop Tutorial Showcase – January 2012 Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 54
  • http://codescape.in Joddy Street

    Cool !!!

  • http://www.ubervu.com/conversations/www.psdvault.com/abstracts/design-an-ancient-cracked-sword-in-photoshop/ uberVU – social comments

    Social comments and analytics for this post…

    This post was mentioned on Twitter by psdvault: Design an #Ancient Cracked #Sword in #Photoshop http://goo.gl/fb/tHYt #abstracts #cloud #crack #lighting #texture…

  • t00tzki3

    So beautiful outcome. I really like this one…

  • http://www.tripwiremagazine.com/2010/02/user-linkdesign-an-ancient-cracked-sword-in-photoshop.html [User Link:Design an Ancient Cracked Sword in Photoshop] | Tips for Designers and Developers | tripwire magazine

    [...] Design an Ancient Cracked Sword in Photoshop [...]

  • http://www.drakz.com/online/ps/?p=2788 Design an Ancient Cracked Sword in Photoshop | PSD Vault – Extra … | Drakz Free Online Service

    [...] more: Design an Ancient Cracked Sword in Photoshop | PSD Vault – Extra … Share and [...]

  • http://www.drakz.com/online/tutorial/?p=3587 Design an Ancient Cracked Sword in Photoshop | PSD Vault – Extra … | Drakz Free Online Service

    [...] more here: Design an Ancient Cracked Sword in Photoshop | PSD Vault – Extra … Share and [...]

  • http://junkiee.net Nina

    Great tutorial, will use it when I get some free time on my hands.
    Thanks for sharing :D

  • http://cssbrigit.com/CNews/entrada/2010021706441679 CSS Brigit | Design an Ancient Cracked Sword in Photoshop

    Design an Ancient Cracked Sword in Photoshop…

    In this tutorial, I will show the processes I took to create this cool-looking, ancient cracked sword in Photoshop. Have a go…

  • Piers

    The only problem is that you left out the most important piece of the tutorial!! All the things in the begining you just assume that a rookie like me will know!! And lo and behold, I can’t get started because I do not know the first steps! So in other words this is totally usless to people like me.

  • James Qu

    @piers: This is James from psdvault.com. totally understand your difficulty. What I would suggest is that if you just started Photoshop and don’t know the majority of the command, you will need to study the basics before attempting a tut like this one. The “Help” menu in Photoshop is a good starting point.

    Hope this helps.

  • Hitman

    Step 3
    “Go back to the background layer, grab a big soft round brush with a 30% flow and opacity settings, do a few single clicks as shown below:”

    So we grab a brush go back to the background (Tool = “B” right?) and click there a few times. But it doesn’t do anything, it doesn’t get more clear.

  • http://www.tripwiremagazine.com/2010/02/130-need-to-check-out-posts-for-designers-and-developers.html 130+ Need to Check Out Posts for Designers and Developers | tripwire magazine

    [...] Design an Ancient Cracked Sword in Photoshop [...]

  • Naurglaur

    I`m made like this do you like it ??
    http://img707.imageshack.us/img707/6527/mieczb.jpg

  • http://www.claudiacanhoto.com Claudy

    Wow this is really cool!

  • http://www.tutoriallounge.com Tutorial Lounge

    amazing tutorial for design an sword using Photoshop, you sharing amazing tips as well.

  • http://www.psdbase.com/ Imon

    Awesome tutorial, i have learned a lot from this

  • Szkielko

    Here’s my manipulation:
    http://szkielko.deviantart.com/art/Miecz-Bozy-155620561 Thanks for this tuto!

  • http://www.dawnofdamnation.net Madrigosa

    Nice tutorial this is what i did for my upcoming movie based on World of Warcraft, that I plan on releasing this next X-Mas:

    http://gallery.me.com/thuglife041/100204/Frostmourne_Ancient-20Blade/web.jpg?ver=12674137570001

  • Nillix

    how do i open this menu ? apply the following “Reduce Noise” settings to it: ????????

    some thing in this tut arent realy clear like u have that sword and u already have the with color around it but u never mentioned anything about it

  • Nillix

    are u sure u used color dodge cuz that only makes the clouds disapear and my sword becomes very light

  • hieronymus

    hey m8, yet another great tutorial you made. It realle inspires me and really wanna try it out when i get home tonight from work ;)

    Greetings hieronymus

  • http://acrisdesign.com/2010/03/42-photoshop-tutorials-created-in-2010/ 42 Photoshop Tutorials Created in 2010 | AcrisDesign – Web Design Resources and Inspiration

    [...] Design an Ancient Cracked Sword in Photoshop [...]

  • http://www.smashinghub.com/25-mix-adobe-photoshop-tutorial-of-march-2010.htm 25 Mix Adobe Photoshop Tutorial of March 2010

    [...] Design an Ancient Cracked Sword in Photoshop [...]

  • vanessa

    Great tutorial but you must be more specific in explaining the layer masks. You say: Duplicate the layer a few times and change the opacitiy and blending modes and layer masks. And all we see is a pic. But you should explain this a bit more with words in this tutorial. But besides that still a good job!

  • http://www.hawk-designs.net Hawk Designs

    Another great and impressive tutorial :)

  • http://www.rootband.com/ Larry

    are u sure u used color dodge cuz that only makes the clouds disapear and my sword becomes very light

  • http://www.irishearth.com/ Lee

    Another great and impressive tutorial :)

  • http://www.satelliteboom.com/ Richard

    are u sure u used color dodge cuz that only makes the clouds disapear and my sword becomes very light

  • http://Website PaulShine

    Hi everyone
    I was trying to do this, but it’s too hard for me.
    I need help, perhaps someone do me a favour and do this for me in psd. file with this http://zapodaj.net/images/0cc75f78a7e2.jpg picture. I wont learn for it.
    It’s very important for me.

  • http://Website Jan

    I would really like to get in contact with the author, as i am having difficulties here :(

  • http://www.hero-games.com games

    wow, this is cool and sure i put acopy of this lesson on my site here

    http://www.hero-game.com

  • Steve

    Following these instructions to the letter and I couldn’t even come close to thus tut

  • Matija Corbic

    My result is nothing like tut and I followed everything!