Tutorial Texturing Capes/Cloth in Photoshop

FireEffect

Gasp!
Reaction score
98
Texturing Capes and Cloth in Photoshop​

INFO:

In this tutorial I will be showing you how to texture a cape onto a unit looking realistic but still keeping the Warcraft feel to it. For this tutorial I am using Photoshop CS2, any earlier versions might have some tools missing. This tutorial can be applied to many different things, not just a cape. It can be used to make cloth armor, with proper shading applied. I will be using Wc3Viewer to extract my blps and to convert the files.

DIFFICULTY: 4/10 (Requires some previous skill and Photoshop knowledge)



Step 1 -
You will first need to pick a model to texture, in this example I will be using Medivh.

Step 2 -
Select the area you want to create a new cape, I will be redoing his cloak thing. Fill the area in with your color of choice, i chose a dark blue.
tut1.png


Step 3 -
Use the burn tool (
burn.png
) at 6px and about 15 exposure and make a few lines down the cape area. The lines should not be straight and they should have a few curves in them.
tut2.png


Step 4 -
Use a smaller 3px brush with a higher exposure (about 20) to add definition to the previous lines. Keeping in the middle of the lines is not necessary, and going off the line completely adds a more realistic look, just try not to over do it.
tut3.png


Step 5 -
Use the dodge tool (
dodge.png
) with a large sized brush, about as big as the space between the dark lines, with 0 hardness and about 8 exposure, and brush in between the dark lines. You may need to use a smaller brush if the dark lines are closer to each other in some parts.
tut4.png


Step 6 -
Still using the dodge tool, use a smaller brush size with a higher exposure (about 10-15) onto the highlights.

Step 7 -
Repeat Step 6, but with a even smaller brush and a even higher exposure (about 15-20)
tut5.png


Step 8 -
Duplicate the cape layer and go to Filter>Artistic>Plastic Wrap using the settings: Highlight Strength - 15; Detail - 11; Smoothness - 7. You may need to alter it a bit if it is too bright by raising the detail setting.

Step 9 -
Set the plastic wrap layer to overlay with about 50% to 75% opacity.
tut5.png


Step 10 -
Merge the 2 cape layers. Go to Filter>Sharpen>Smart Sharpen and use the settings: Amount - 60%; Radius - 3px; Remove - Gaussian Blur. Press OK and the cape is complete!
tut7png.png


Here is what the cape looks like on the model:
tut8.png


And another example of the technique using a 512x512 texture size:
tut9.png
 

sidove

Member
Reaction score
22
you should add how to do that on all the clothes like hood, legs etc then it will kick ass and yes it is now :thup::thup::thup::D
 

CaptDeath

New Member
Reaction score
103
a litle bit more detail cause i have no idea what a burn tool is but i do have ps cs4
 
Reaction score
341
....You could google what the burn tool is, but i guess this is a tutorial so he should at least show the little icon of the burn tool. (
photoshop-red-chilly-icon5.gif
)
 

CaptDeath

New Member
Reaction score
103
why does no one have ps cs4?
--on topic--
and you dont mention what program you used
to extract out of wc3s mpq file and what you used to convert to .blp
 

WolfieeifloW

WEHZ Helper
Reaction score
372
Photoshop CS3/4 lag a lot more then CS2 when doing certain things.
That's why nobody has it.
And besides, CS2 does everything I've ever needed.

OnTopic: Nice tutorial FireEffect :) !
 

FireEffect

Gasp!
Reaction score
98
Thanks, does everything look good. And is there a thread for what a tutorial needs? I saw the sticky for resources, but no tutorial.
 

WolfieeifloW

WEHZ Helper
Reaction score
372
I haven't actually read through the tutorial yet, just scanned it.
I'll probably go through it tomorrow and tell you anything I notice ;) !
 

WolfieeifloW

WEHZ Helper
Reaction score
372
You just have to wait, get more reviews, and hope for the best.
A suggestion: make some kind of "headings" for each step, so their noticeable.
 

Zedzy

ℑΣÐℑΨ
Reaction score
41
It's a pretty good tutorial, but the cape needs a little work. It would look better if you explained how to make a border for the cape, because it has a very sharp edge to it. You might also want to describe how to alpha out parts of the cape.

Great pictures!

+rep

Edit: ^ looks like -rep (but its not!)
 
General chit-chat
Help Users
  • No one is chatting at the moment.
  • Varine Varine:
    I ordered like five blocks for 15 dollars. They're just little aluminum blocks with holes drilled into them
  • Varine Varine:
    They are pretty much disposable. I have shitty nozzles though, and I don't think these were designed for how hot I've run them
  • Varine Varine:
    I tried to extract it but the thing is pretty stuck. Idk what else I can use this for
  • Varine Varine:
    I'll throw it into my scrap stuff box, I'm sure can be used for something
  • Varine Varine:
    I have spare parts for like, everything BUT that block lol. Oh well, I'll print this shit next week I guess. Hopefully it fits
  • Varine Varine:
    I see that, despite your insistence to the contrary, we are becoming a recipe website
  • Varine Varine:
    Which is unique I guess.
  • The Helper The Helper:
    Actually I was just playing with having some kind of mention of the food forum and recipes on the main page to test and see if it would engage some of those people to post something. It is just weird to get so much traffic and no engagement
  • The Helper The Helper:
    So what it really is me trying to implement some kind of better site navigation not change the whole theme of the site
  • Varine Varine:
    How can you tell the difference between real traffic and indexing or AI generation bots?
  • The Helper The Helper:
    The bots will show up as users online in the forum software but they do not show up in my stats tracking. I am sure there are bots in the stats but the way alot of the bots treat the site do not show up on the stats
  • Varine Varine:
    I want to build a filtration system for my 3d printer, and that shit is so much more complicated than I thought it would be
  • Varine Varine:
    Apparently ABS emits styrene particulates which can be like .2 micrometers, which idk if the VOC detectors I have can even catch that
  • Varine Varine:
    Anyway I need to get some of those sensors and two air pressure sensors installed before an after the filters, which I need to figure out how to calculate the necessary pressure for and I have yet to find anything that tells me how to actually do that, just the cfm ratings
  • Varine Varine:
    And then I have to set up an arduino board to read those sensors, which I also don't know very much about but I have a whole bunch of crash course things for that
  • Varine Varine:
    These sensors are also a lot more than I thought they would be. Like 5 to 10 each, idk why but I assumed they would be like 2 dollars
  • Varine Varine:
    Another issue I'm learning is that a lot of the air quality sensors don't work at very high ambient temperatures. I'm planning on heating this enclosure to like 60C or so, and that's the upper limit of their functionality
  • Varine Varine:
    Although I don't know if I need to actually actively heat it or just let the plate and hotend bring the ambient temp to whatever it will, but even then I need to figure out an exfiltration for hot air. I think I kind of know what to do but it's still fucking confusing
  • The Helper The Helper:
    Maybe you could find some of that information from AC tech - like how they detect freon and such
  • Varine Varine:
    That's mostly what I've been looking at
  • Varine Varine:
    I don't think I'm dealing with quite the same pressures though, at the very least its a significantly smaller system. For the time being I'm just going to put together a quick scrubby box though and hope it works good enough to not make my house toxic
  • Varine Varine:
    I mean I don't use this enough to pose any significant danger I don't think, but I would still rather not be throwing styrene all over the air

      The Helper Discord

      Staff online

      Members online

      Affiliates

      Hive Workshop NUON Dome World Editor Tutorials

      Network Sponsors

      Apex Steel Pipe - Buys and sells Steel Pipe.
      Top