Welcome to the Second Life Forums Archive

These forums are CLOSED. Please visit the new forums HERE

Athene's step by step Clothesmaking tutorial

Athene Mason
The Mink with the most!
Join date: 8 Sep 2005
Posts: 61
11-13-2005 20:11
Hi everyone. here's my little simple tutorial for the basics. Using Photoshop. Please leave feedback, I need all I can get. :)

Here's a step by step process for creating a shirt. The process is used pretty much the same way with any article of clothing.

Step One
Open Photoshop. Along the top of the screen there will be a series of pull down menu listings: File, Edit, Image, layer, Select, Filter, View, Window, and Help. The one we want to start with is File.

Step Two
In File, select New. That will open up a new blank canvas, but first it will give you a popup asking what you want the canvas to look like. The settings should be set as follows:
Width and Height: 512
Resolution: 72.009 pixels
Mode: RGB Color
Background: white
Once those are set, click Ok. That will open your new canvas.


Step Three
Now go up again to File, and select Open. Open up your Upper Body template and the fabric you want to work with. Both of these should also be set, on the popup, as above in Step Two.

Step 4
Make sure you have your Layers Workbox visible. To do this, if it doesn't open automatically, go to Window, and select Show Layers. Do the same with your Tools box.

Step 5
Click on your blank canvas, and go up to the Layer menu up top. Open that and select New Layer. That will create a new layer, called Layer 1. Do this a second time to create a second Layer, Layer 2.

step 6
Once both of those are completed, click on your Template image. Go to the Select pulldown menu, and click All. Go back to your blank canvas, and click on the Layer 1 selection. Go up to Edit, and hit Paste. That will put your template onto the first layer.

Step 7
Do the exact same thing with your fabric image, which will go on Layer 2. When you first create the layer, you'll get a popup asking for a set of options. The second layer should be set this way:
Group with previous Layer: Unchecked.
Color: None
Mode: Normal (Some people use Multiply for lighter colors, either works)
Opacity: 50%
Setting the Opacity to 50% will let you see the template under the fabric.

Step 8
Okay, now that you have your layers up, it's time to start designing. :D Click the Magic Wand tool. Once you have that clicked, look up at the top of the screen, toward the Menu bars. Just under Select you'll find a small box called Tolerance. Type 25 in there. Also, click the boxes for Anti-aliased and Contiguous. Both of these should be checked to avoid having the Magic Wand tool have an orgasm trying to grab the whole image on the template.

Step 9
Using the magic wand tool, select back on Layer 1 and click somethere outside of the minimum bleed through lines, on the white area. It will select a small portion of the image. Hold down the shift key, and click everywhere else outside of the template.

Step 10.
Click on the second layer again, go to Edit, and select Cut. This will get rid of everything outside of the template.

Step 11
Now you're ready to actually design. Using the paintbrush tool or the Eraser tool, scrub away at the fabric left on Layer 2 until you get the design you want. Use the lines provided on the template to get a general idea of where your seams are and note the minimum bleed areas: you don't want to erase over those if that's where a side seam will be because keeping those filled in will help eliminate "seam bleed", where your avatar's skin leaks through the fabric. I like to use a hard round brush for neater, even lines. You can also get good straight lines with the Marquee tools. These are found in the upper left hand corner of the Toolbvox, it looks like a square made of little dashes.

Step 12
When your design is finished, click on Layer 1 again. You'll see a little eye icon to the far left of this layer, that allows it to be turned on or off. Turn it off. That leaves only the second layer visible, our fabric. :)

Step 13.
On Layer 2, click outside the fabric color with the Magic Wand tool again. Using the same method as before, hold down the shift key and click everywhere in the white. You may get a few 'stray' spots, those are easily fixed by going to View, then Zoom in, and still holding the shift key clicking in these areas. Now is also a good time to clean up any floating fabric bits you don't want that you may have missed.

Step 14
Go back up to Layer, and create a new Layer. This is Layer 3, and will be your Alpha Channel Layer. Make sure the Mode is Normal and the Opacity is 100%. Click on this, and then select your Paintbucket tool. Fill the selected areas with black. Once that's done, click inside the fabric itself with the Magic Wand tool and hold down the shift key if you need to to get everything. Use the paint bucket tool again to fill this area with white.
The stuff that's white is what will be seen on Second Life. Black stuff is disgarded. Also, to make transparent garments use grey instead of white. The darker the grey you use, the more see through the fabric will be on your avatar. And don't worry, coloring the white areas grey will not affect the color of your fabric once you wear it.

Step 15
Go to the Select Menu and click All. Then open the Edit menu and select Copy.

Step 16
Looka t the top of your Layers box and you'll see a series ot overlapping tabs: Channels, Paths, History, and Options. Channel is the one we want, so open that one. This shows you all the colors that Photoshop currently sees: Red, Blue, Green, ect. If it doesn't already have a channel called Alpha, create one by looking down at the very bottom of the box. You'll see a pair of overlapping boxes. Click that to create the alpha channel, and then Paste the layer three copy here.

Step 17
Go back to your Layers drab, and delete the third layer by dragging it down to the little trashcan icon at the bottom. Go back up to Layer 2, and set the Opacity back up to 100%.

Step 18
Go up to the Layer pulldown menu, and look all the way down to the bottom to where it says Flatten Image. Photoshop will ask you if you want to discard the hidden layers. Click Yes.

And now you're ready to uploade your new clothes! :D The last thing to do is go to to File, Save as. Name the image and save it as a Targa file ( .tga). Photoshop will ask you what 'bits' you want to save this in. Select 32. Then it's just a matter of logging into SL, uploading the design as a texture, and putting it on. :)
Blaze Columbia
on Fire!
Join date: 21 Oct 2005
Posts: 280
11-14-2005 07:34
Wow Athene, talk about a step by step walkthrough!! You worked hard on that! Kudos!

And it just goes to show, there are many ways to do something in Photoshop.

At the end, I never flatten my design--photoshop seems to build the targa file out of what is visible, so you might save a step, plus ensure you'll keep the layers intact, by not flattening. Just save it as a targa. 'Save for Web' also uses what's visible, so it's a nice way to make a jpg file (for vendor promos that can also be loaded on slboutique and slexchange) without flattening.

Also, to start a new clothing item, I just open the template and save it under a different name and add layers for fabric. Just a small difference, but may save some time.

There are lots of other differences, but overall you step by step walkthrough is sure to help! Good Job! :D
_____________________


Main Store at Blaze 71,117,22
VzNevada Menoptra
Registered User
Join date: 1 Nov 2005
Posts: 211
Where can I download the templates?
11-14-2005 07:58
Hi ...I have psp8, but can find my way around with your tut. Where can I download the templates to make clothes? I'm so glad that I found this post.

VzNevada Menoptra/ Carol :-)
Sansarya Caligari
BLEH!
Join date: 25 Apr 2005
Posts: 1,206
11-14-2005 09:24
That is a very good tutorial! You de-mystified a lot of it for me. Thank you!

Question: where do I get fabrics? Should I scan them myself or is there a place to dl them? Thanks for reply :)
_____________________
Chosen Few
Alpha Channel Slave
Join date: 16 Jan 2004
Posts: 7,496
11-14-2005 10:27
As Blaze said, great level of detail in that tutorial, Athene. There are number of steps in it that I personally wouldn't do the way you do, but once again, as Blaze pointed out, there a million and one ways to acheive the same end result in Photoshop. Thanks for helping fight the good fight to keep SL looking good.
_____________________
.

Land now available for rent in Indigo. Low rates. Quiet, low-lag mainland sim with good neighbors. IM me in-world if you're interested.
Alcott Yamabushi
Registered User
Join date: 23 Aug 2005
Posts: 3
11-14-2005 11:42
Thank you all for your helpful commentary and tips. I appreciate it.

To get fabrics, sure and what I do is just google search. I've found that using an imaging search for like Pink Fabric will give me dozens of pages with swatches of pink fabrics to select from.

As for the templates, you can download them here on the SL sight in the Dowloads area. I think. :/
Athene Mason
The Mink with the most!
Join date: 8 Sep 2005
Posts: 61
11-14-2005 11:46
Thank you all for your commentary and tips, I appreciate it.

To download fabrics, I generally just do a Google Image search for something by color and fabric, IE pink fabric. Google will generate tons and tons of pages with sample fabric images for you to look at and collect.

To get the body templates, sure and I think you can download them from the SecondLife.com site at the downloads area.
WynterWolfe Sieyes
Registered User
Join date: 22 Oct 2005
Posts: 47
11-14-2005 12:56
actually, there's a post somewhere in this very forum with Chip Midnight's templates, they're easier to work with, and my tattoos come out marvy with 'em. Thanks Chip. :D
_____________________
Startin' on custom tats, IM me in world, if interested. :)

"Do you really want to pay some name baron in SL if you really want to use your own Johnson?" SuezanneC Baskerville
Skittles Lollipop
Registered User
Join date: 4 Oct 2005
Posts: 3
thank you!
11-15-2005 14:17
I can't wait to try this again with your tutorial in hand :)
Chip Midnight
ate my baby!
Join date: 1 May 2003
Posts: 10,231
11-15-2005 15:44
Very nice tutorial, Athene. Thanks for taking the time to write it :)
_____________________

My other hobby:
www.live365.com/stations/chip_midnight
Roseann Flora
/wrist
Join date: 7 Feb 2004
Posts: 1,058
11-15-2005 16:15
WOW way to go Athene, thanks for posting your tutorial!
_____________________