Saturday, April 07, 2007

Day 195: Creating Clothes with Photoshop

Update: If you are new to making clothing in SL, you should consider using the newer PNG file with Photoshop. Its much easier to do, because you dont need to build a separate Alpha Channel. Heres the new Photoshop PNG tutorial!

I did an earlier step-by-step tutorial for making clothes with GIMP using the UV Templates from Robin Woods.

This is a similar step-by-step tutorial, written for Photoshop. The screenshots were taking using Photoshop CS2. Since I only use basic Photoshop features, they should be similar to most versions of Photoshop.



This is a tutorial on how to create a simple shirt in Photoshop using the SL Avatar UV template from Robin Wood. You can download the templates from here. For this tutorial, you should download the "layered Photoshop (.psd) Files". You only need the "Top (2.4 MB)" file. These are the same template files I use for making clothes in Second Life.

This tutorial will cover how to use the Template to make a shirt, and how to export the shirt with Alpha Channel information for uploading to Second Life.

This tutorial is not intended as an in-depth Photoshop tutorial. There are many many books on Photoshop at the local bookstore, and classes and online tutorials. I do intend to show you step-by-step on how to use Photoshop to make a shirt in Second Life.

So lets get started!



From Photoshop top menu bar, select "File", then "Open...". Look for the "SL Avatar Top Layers.psd" file on your computer (make sure you are using the ".psd" file!). Click the "Open" button to open the Template file in Photoshop.









This will open the Template file in a window.

First, let's save a copy of the Template file so we dont accidently overwrite it (I accidently overwrite the template all the time! :P) Select "File" from the top of the window, and "Save as...".

Enter a Name for the new file (something like "Little Black Top") and click on the "Save" button.

OK, now we can play with the file without worrying about messing up the original. :)

By default, the Template file is 1024x1024 pixels. This is great for detail work where you want the highest resolution to align the edges (such as when you are making skins or textures that need to be closely aligned). However, we are just making a simple top for demonstration purposes.

Also, we will be producing a Targa format file (with transparency information). This file will be huge at 1024x1024 pixels. So let's reduce the size to a more manageable 512x512 pixel file.

Click on "Image" from the top menu bar. Select "Image Size...".



This will open the Image Size window. Enter "512" in both the Width and Height textboxes (Height might change automatically when you enter Width). Then click the "OK" button.

This reduces the resolution of the Template from 1024x1024 to 512x512 pixels.

Now we can start drawing.

First things first...I cant see anything :P Lets put a white background so we can at least see the Template.



Go to the Layers, Channels, Paths... palette. Click on the "Create a new layer" button.

(If you dont have the "Layers, Channels, Paths..." palette, click on "Window" on the top menu bar and make sure there is a checkmark next to "Layers".)







Right-click on "Layer 1" and select "Layer Properties...". This will open the Layer Properties window.

Enter "Backdrop" as the Layer Name (I dont want to call it "background" because that layer has a special meaning in Photoshop). Click on the "OK" button.



On the Layers, Channels, Paths... palette, click and hold on the "Backdrop" layer. Drag the layer to the bottom of the stack of layers (below "SubDivided UVs").










Click on the White square in the Color Swatches to select White as the foreground color.







Click on the "Paint Bucket" button on the Tools bar.

Make sure that the "Backdrop" layer is selected (highlighted in blue in the Layers, Channels, Paths palette). Using the Paint Bucket tool, click anywhere in the Template window to fill the Backdrop layer with white.













OK, thats better. Now we are ready to work :) You might want to save a copy of this file as a starting point for your future projects...

The wonderful thing about these graphics programs is the ability to create different layers for different things. Dont be shy about creating new layers! They are there to make things easier. As you can see, the Template came with a number of layers already. We just added a layer as the backdrop to make it easier to see the Template.

We are going to create another layer to draw in our shirt.

On the Layers, Channels, Paths... palette, click on the "Backdrop" layer to select it. Click on the "Create a new layer" button on the bottom.

Right-click on "Layer 1" and select "Layer Properties...". This will open the Layer Properties window.

Enter "Shirt" as the Layer Name. Click on the "OK" button.





Your Layers, Channels, Paths palette should look like this when you are done.

Click on the Shirt layer to select it.

Make sure that the Shirt layer is below the SubDivided UVs layer, but above the Backdrop layer. If not, then click and hold on the Shirt layer, and drag it into place.







From the main Tools palette, select the Lasso tool. (If you dont see the Lasso tool in the palette, Right-click on the second square down from the top and select the Lasso tool.)

















Draw a line all the way around the front side of the shirt (the figure on the left). Be sure you dont include any parts of the arm at the bottom.

Click on the Black square in the Color Swatches to select Black as the foreground color.

From main Tools palette, select the Paint Bucket tool.






With the Paint Bucket tool selected, click in the area you selected around the front side of the shirt. This will fill the selected area with black.












Now repeat the same process with the back side of the shirt (the figure on the right): select the Lasso tool, draw a line around the back side, selec the Paint Bucket tool, and fill the area with black.

Next, we are going to cut out an opening in the front and back sides for the neck. We are going to do this using the Pen/Path tool.






From main Tools palette, select the Pen tool (if you dont see the Pen tool, Right-click on the square [9th square down] and select the Pen).

















There will be a new menu bar that appears at the top. On the left side, there are 3 options (Shape layers, Paths, and Fill pixels). Make sure that the middle button (Paths) is selected.





Using the Pen/Path tool, draw a path around the front side of the shirt (the figure on the left). It may help to zoom in on the neck area.

Simply click at each of these 5 points. Try to get the 3 points on the Green line. Remember to click on the first point again to close the Path.

Remember, you can always Undo your last action by pressing Ctrl-Z in Photoshop.



From main Tools palette, Right-click on the square with the Pen tool, and select "Convert Point Tool" at the bottom.

















Click and hold on the Anchor Point in the middle of the neck. Drag a line towards the right. Move your mouse around until you have a nice-looking neck shape.






Right-click in the Template window (in the drawing window). Select "Make Selection..." from the popup menu. This will open the Make Selection window.

Select the "New Selection" radio button, and click "OK".

This turns the Path we just made into a selection.






Click on the "Edit" menu at the top of the window. Select "Clear".

This will cut a hole in the shirt for the neck :)



Now, do the same thing for the back side of the shirt:

Go to the main Tools palette, select the Pen tool (you need to change the Convert Point tool back to the Pen tool). Click on the 5 points around the neck. Click on the first point to close the Path.

Go to the main Tools palette, select the Convert Point Tool (change from Pen tool to Convert Point tool). Pull the middle Anchor Point to the right.

Right-click in the Template window (in the drawing window). Select "Make Selection..." from the popup menu. This will open the Make Selection window.

Select the "New Selection" radio button, and click "OK".

Click on the "Edit" menu at the top of the window. Select "Clear".



So here is our completed shirt.

You can create additional layers and draw in additional designs. You can do that now or come back later after you finish this tutorial. I would recommend you run through this tutorial first though...

Its now time to prepare the Alpha Channel. The Alpha Channel provides transparency information for the file. In this case, we want everything in black to be opaque, and everything else to be transparent. By the way, white does NOT mean transparent! White is a color, just like black or any other color. We just happened to pick white to use as a working backdrop color. The Alpha Channel is a separate layer altogether.



Go to the "Layers, Channels, Paths..." palette. Click on the "eye" next to all the layers to hide them, leaving only the Shirt layer visible (use the scrollbars and make sure you check all the layers). When you are done, the Shirt layer should be the only one with an "eye" next to it.








In the "Layers, Channels, Paths..." palette, Right-click on the little picture of the Shirt layer. Select "Select Layer Transparency" from the popup menu.











Now click on the "Channels" tab in the Layers, Channels, Paths palette.

[If you do not see the Channel tab, you can get it in one of 2 ways: The easiest is to select "Window" from the top menu bar, then "Workspace/Default Workspace". This will put Layer/Channels/Paths/History/Actions into 1 palette.

If you want to keep your existing workspace, then click on "Window" from the top menu bar and "Channels" will create a floating Channels tab. You can work on the Channels tab undocked. But it is a bit of a challenge to dock it somewhere in just the right order (or at least I dont know of an easy way to do it).]

Click on the "Save selection as channel" button at the bottom of the Layers, Channels, Paths palette (looks like a grey square with a white circle in the middle). This will create a new channel called "Alpha 1". This is our Alpha Channel, with the outline of the shirt in white.




Here is a somewhat optional step: Photoshop picks up a little of the background color around the edges of a transparent image. If there is no background color, Photoshop will use white. In our case, we will end up with a little bit of white around the collar of our shirt.

We can fix this issue by putting in a Black base layer, below our Shirt layer.

Go back to the Layers tab in the Layers, Channels, Paths palette. Select the Backdrop layer. Click on the "Create a new layer" button on the bottom of the Layers, Channels, Paths palette. This will create a new "Layer 1" between the Shirt layer and the Backdrop layer.

Click on the Black square in the Color Swatches to select Black as the foreground color.

Select the Paint Bucket tool from the main Tools palette. Now click anywhere in the Template window (drawing window) to fill the new "Layer 1" with Black.

This will turn your whole drawing black. Thats OK. Your shirt is still in there somewhere... (If you dont believe me, click on the "eye" next to "Layer 1". Just be sure you turn "Layer 1" back on when you are done).

Click on the "File" menu at the top of the window. Select "Save" to save all of our changes.

Finally, lets export the file in Targa format...

(Note: if you have an older version of Photoshop, check out Jennifer Dunne's comments on this post on how to save to Targa format)

Click on the "File" menu at the top of the window. Select "Save as..." to save all of our changes.



In the Save As window, select "Targa (*.TGA;*.VDA;*.ICB;*.VST)" and click on the "Save" button.

You may want to change the file name and remove with word "copy" from the end of the name.










The Targa Options window will appear. Make sure that "32 bits/pixel" is selected, and "Compress (RLE)" is NOT checked. Click on the "OK" button.

Thats it! The Targa file is now ready to be uploaded to Second Life.


The steps for uploading a Targa file to Second Life and turning it into a shirt was covered in Creating Clothes Part 1 Tutorial. You can jump to the end of the tutorial, where it says "Next, go into Second Life..."

***Update: If you are using Photoshop 7.0 (specifically 7.0) and having problems with creating the Alpha Channel, check out Justin D's comments on this post! Justin suggested some updates that might help fix problems with creating Alpha Channels. But this only fixes Photoshop 7.0 (not CS2 or CS3)!


I just showed you the very basic steps in creating a clothing item in Photoshop and uploading it to Second Life. Now, feel free to go back and change the shape of the Shirt. Add some layers and create some designs. Or play with some of the other clothing templates (SL Avatar Bottom, Skirt, etc).

Have fun with your SL designer career :)




numly esn 73331-071006-650444-44

© 2007 All Rights Reserved.

140 comments:

Zoe Connolly said...

Natalia,

I just wanted to leave a comment on your wonderful blog. It's soooo great. It's a daily read for me. Please keep up the excellent work you do.

xoxo

Zoe

Anonymous said...

Hi Natalia,

I just tried your tutorial but I'm getting confused when I get to the part where you cutout the neckline. As soon as I click on the "Shirt" drawing layer with the pen tool, a new layer called "Shape 1" is created above the "Shirt" layer in the list of layers (same when I start the back neckline-"Shape 2" is created). When I do the steps to turn the path into a selection, the choice of "edit" is not available. Please help.

Your devoted reader,
Ebba Colman.
XO

Anonymous said...

Your tutorial was the only one that actually helped me. Very good instruction. But I get to the step where you have to make an "alpha channel" and i don't have,in my adobe software, a channel tab. Am I just not seeing it or is there some adobe software without that option? And if my software just doesn't have it, is there any way I can substitute it?

-Thank you soo much!
Anessa

SLNatalia said...

Zoe, thank you so much! I will try to keep it up :)

Ebba, when you select the Pen tool, there is a new menu bar that should appear at the top. On the left side, there are 3 options (Shape layers, Paths, and Fill pixels). Make sure that the middle button (Paths) is selected. I think you have "Shape layers" selected.

Thank you for letting me know about this! There are SO MANY settings in Photoshop! I will add info to the tutorial about this :)

Anessa, if you do not see the Channel tab, you can get it in one of 2 ways: The easiest is select "Window/Workspace/Default Workspace". This will put Layer/Channels/Paths/History/Actions into 1 palette.

If you want to keep your existing workspace, then click on "Window/Channels" will create a floating tab that you can dock somewhere. Its a bit of a challenge to dock it in just the right place though (lol an entire tutorial can be written about this :P) But you can leave it undocked and just use it as needed. Hope this helps!

Jennifer Dunne said...

If you have an older version of Photoshop, you may need to flatten the file before saving it as a targa file. Save the .psd file when you're done, then flatten it (discarding hidden layers), save as targa, and then immediately undo the psd file, so you don't accidentally save the flattened version!

You can tell if you need to do this because the areas that are white on your alpha channel will be white on the uploaded targa file, instead of clear.

As usual, an AWESOME tutorial!

SLNatalia said...

Jennifer, thank you so much for mentioning it! This will be a great help to people with older versions of Photoshop. I will mention your comment in the tutorial in case others run into the same issue :)

Anonymous said...

This is my first post here, i just wanted to thank you for the helpful tutorial, i have been dreaming to create my own clothes since i joined sl last August but never found such a great help!!!!!!
I read your blog every day, it's lovely!
Elena

Anonymous said...

Natalia,

You have done a great job with this blog Natalia and you look wonderful. Thank you for sharing all of your knowledge with the rest of us, and making it so easy to follow and understand.

SLNatalia said...

Elena, I hope you decide to try making some things :)

Dear Anonymous, thank you for coming by and visiting the blog :)

ayça said...

hi natalia
thanks for great explanation
i understand clearly all of your advices
but i have some questions if u can answer thats ill be happy
i want to design a tranparent shirt what can i do for this? and with this way that u explained i just do tigh shirts or pants, ext...
i want to design 3d clothes like puffy shirt or pants. are there a teaching area or blog for this??
thanks for your interest
have a good days

SLNatalia said...

Ayça, transparent shirts are created the same way as an opaque shirt, except they have a grey Alpha Channel.

For example, go ahead and complete this tutorial. Then go back and edit the Alpha Channel under the Channels tab. Fill it with a 50% grey. Then save the file as a Targa file. This will give you a shirt thats 50% transparent. I talked a little bit about it here as well (http://slnatalia.blogspot.com/2006/11/day-47-back-to-black-and-alpha-channels.html).

Regarding puffy clothing items, there are 2 ways to do it: 1) if you just want loose sleeves or shirts, you can change the shirt or sleeve fit (under Appearance). 2) if you are looking for ruffles, lace, etc, these are prim attachments (much like flexi skirts or jewelry). Just rez some prims, make them look like what you want, and attach them to the proper place (I know, much easier said than done :P)

Hope this helps :)

ayça said...

hi natalia
thanks your advices
i m trying them
i succeed in transparent shirt thank u again but i dont say same words for puffy shirts
i want some ruffles,flying,lace, etc.but i dont understand u clearly in that subject. i didnt find prim attacments.
and u said 'u know much easier said than done':):P
thanks for your help
have a good day

SLNatalia said...

Ayça, the puffy effects, like ruffles, lace, etc are multi-prim attachments. Similar to prim hair or jewelry. I dont have a tutorial (yet) for these, although I have talked about these attachments on some of the outfits Ive made.

Here is a tutorial on single prim attachments: http://slnatalia.blogspot.com/2006/11/day-57-oriental-dress-single-prim.html. A ruffle, for example, would be a multi-prim attachment. It would be something like a small flexi-skirt, attached to an appropriate place (Upper Arm or Forearm).

BlackDragon DeCuir said...

Natalia,
Thank you ever so much for this tutorial on how to work with Photoshop, I could not get GIMP so i could not work with it.
I have tryed for so long to make some cloths for SL and now that I have read what you have said on how to use Photoshop I just mite be abel to finly do so...
Thank yo again for you help, i just wish I could find more people like you.. :>

SL:BlackDragon DeCuir

SLNatalia said...

BlackDragon, good luck with the clothes in SL :) And you should be able to get GIMP (its a free download)! Its odd that you are having problems getting GIMP...

Anonymous said...

Yahh..Great tutorial. One question. I have photoshop elements...and the "Pen/Path" tool...I dont see a similar option. I know that this is not intended to teach Photoshop or any other program..but Im stuck. Any ideas?

lazee sands said...

yo natalia

created my first t-shirt with the mega-help of your tutorial :)
don t know what i would do without your excellent page and help. many thx and big compliments to you from the campers bench in apfelland ;),...

lazee sands (SL) aka lazy65 (RL)

SLNatalia said...

Dear Anonymous, sorry I didnt see your comment earlier...but I have never seen Photoshop Elements, so I dont know if it has the Pen/Path tool...

However, you can use the Lasso Tool, draw an oval around the area, and clear it. You can even just use the Eraser to do the same thing :) The idea is just to make a hole for the neck...

Lazee, heehee you are so welcome :) Hmmm...now I have to check out the campers bench in Apfelland :P

ViciousR said...

Hey there,
I complimented u earlier on ur wonderful tutorials and i'm not gonna take my words back, don't worry! :P

I stumbled across a new problem that i probably created myself, but i'm a computer newb... Whenever i 'clear' the areas i want cleared in my shirt and go on to make an Alpha Channel, the last area i cleared doesn't go transparent but white. I'm following the exact directions you give, but am afraid i'm doing something i shouldn't be doing... I hope u can help me out!

Foolish Merlin said...

Just a minor comment for Annonymous and other users of Elements. Elements CAN create an alpha channel, but you cannot view it or edit it and you have to be careful to only create one (repeated attempts create multiple channels and only the first one will be written to the TGA. - This is complicated to do and to explain - best to Google for tutorials on Alpha Channels from Elements.

For those getting white clothes where you expected transparent - three causes - 1) you were not successful in creating the alpha channel with black areas for transparent - seeing masked or deleted areas that show the checkerboard are NOT enough - 2) you did not save as Targa (TGA) - 3) you did not select 32 bit Targa instead of 24 bit; 24 bit is just RGB color, no alpha - 32 bit is RGBA - it has the alpha.

Natalia - your blog is terrific. I'm less than a month old in SL and have learned so much so quickly thanks to you and others that have been so generous with their tips and tricks.
Warmly,
Foolish Merlin

SLNatalia said...

ViciousR, is part of your shirt transparent and part of it isnt? If so, its probably because there were changes after the Alpha Channel was built (I do this fairly often :P). Just delete the old Alpha Channel and build a new one.

If all of the "holes" in the shirt are showing up as white, its prob 1 of 2 things: First, be sure that the Alpha Channel is "black" where the holes should be. Second, be sure to use ".TGA" format with 32bits/pixel (otherwise, the Alpha Channel wont be saved!) Hope this helps!

Foolish, lol thank you for the comment about Elements! I havent seen it, so I have no idea :P

You definitely sound like an expert with graphics programs! So I think you are going to have a lot of fun in SL! :)

Anonymous said...

Hello there... your tutorial is great! i can follow it purrfectly.. but i'm having trouble... I can get the Top to work fine, no problem, but i'm trying to make a transprent top but it has two layers on it, basically like making a tattoo i dont want a background just the two items
so i follow the instructions i get right to making the alpha channel but it only shows one of the layers so i did the same procedure for the other layer so then i have two alpha channels one for each layer (which to me looks right - but then im novice)
but then it doesn't make the background transparent it's white!
if i only do the one layer its transparent... am i making sense?

SLNatalia said...

Dear Anonymous, in Photoshop, you should only have 1 Alpha channel. If you have multiple layers, you can merge the layers first then create the Alpha channel. Alternatively, you can Shift-click all the layers you want in the Alpha channel. But its important that you only have 1 Alpha channel :)

Anonymous said...

Thank you so much! that was exactly what i needed to know! now i feel Durrrrr ;P Thanks again :)

SLNatalia said...

Dear Anonymous, you are very welcome :) Glad I could help!

Anonymous said...

HIya i stumbled across this tutorial almost by accident and well i think ti awesome i think you have given very detailed instructionis that even a dunder head like me can follow ;)... ca you hear it yet hehe ... BUT i have a problem im trying to creat a white shirt which youd think wouldnt be that hard to do lol but it is at least for me, i follow all your instructions for making a shirt but when i upload it to my AV all it comes out like is a sliver of white the rest is transparent when the only parts i made transparent were the neck should be is there something im doing wrong, ive even tried not changing the color of the backdrop layer and it still comes out the same way. please help

Thanks

SLNatalia said...

Dear Anonymous, getting the transparency right is probably the most complicated part of making clothes in SL (I get q's about this all the time!)

If you go to your Channels tab (should be on the lower right corner usually), you should have 1 layer called "Alpha 1". If you have more than 1 Alpha layer, it wont work properly. Also, if you look at the little picture in the "Alpha 1" layer, there should be a little white picture of your shirt (instead of just an outline).

If you drew things on multiple layers in Photoshop, you need to merge the layers before creating the Alpha channel. Alternatively, you can Ctrl-Shift-click on the picture for each layer to select the objects, but its easier to merge...

Hope this helps...

BTW, NCI has a live class in SL that teaches how to make Alpha channels. Its on Mon's at 6pm SL. Thats how I learned this when I started :)

Anonymous said...

cool thanks for the info on NCI tho i dont know where to go to get to them lol could you provide a url. i also figured out what i was doing wrong and fixed it but now i have another problem every time i upload somehting it becomes an image not an article of clothing, (the icon looks like a colored checker board) any idea what i mmight be doing wrong?

thanks

SLNatalia said...

Dear Anonymous, to get to NCI, Search/Places for "new citizens". Heres the blog entry about them: http://slnatalia.blogspot.com/2006/11/day-39-schoolgirl-and-sl-encounter.html

NCI is really a good place for questions and just to meet fellow residents :)

Amaranthea Paine said...

Natalia,

Thank you so much-- I never could've made a single (non-prim) piece of clothing without your wonderful tuitorial... However, my version of Adobe Photoshop will not save a bloody thing in targa. Theoretically, would it still work if I transferred the image to my oldskool version of Paint Shop Pro (PSP 7 to be exact), seeing as it can save Targa files?

Then again, it's 'Truevision Targa' and I'm a fool...

Keep up the wonderful work,

~ Thea.

SLNatalia said...

Amaranthea, if you have problems saving in Targa, try using GIMP to do that. Its free, and it can read Photoshop files (not sure about older versions though...) And its similar enough to Photoshop so its relatively easy for someone who knows Photoshop :)

Myllie W. said...

Dear Natalia,

First of all, let me say I dont know how to thank you enough. I've learned A LOT from your pages and I think yours is the best SL blog in the world!
I'm sorry to post a doubt so lately, but I've tried to figure it out every way I could with no success...
The optional step you've mentioned (the background colour to prevent the white edges around the collar) just wont work for me. When I upload the shirt in SL, the black background comes with it. I gave up and dont use this optional step, but my clothes lose in quality. I've followed all the steps carefully, what could I be doing wrong? Dont know if you could help...
Thanks again anyway.
Take care!
Myllie W.

SLNatalia said...

Myllie, when you go to the Channels tab, make sure the "Alpha 1" layer looks like the shirt. It sounds like the Alpha channel is not setup right...

Also, be sure that you are saving the file in Targa format with 32bits/pixel. This is needed for the Alpha channel.

Good luck!

Myllie W. said...

Hi Natalia,

First, thank you so much for replying so fast! You're the best!
Tha first doubt I had was completely solved, I managed to set the different sides of the prims quite easily.
The doubt about the edges around the collars, though, continue. I've set the channel right, it looks like the shirt and I've saved as 32 bit/pixel in .tga, still when I try to upload it in SL it comes all black... :(
Without this optional blackground colour, the edge doesnt come in white, but in skin colour, I can see a thin skin colour line sorroundind the collars... My Photoshop is 7.0 version. Maybe that is the problem?

Thx,
Myllie

SLNatalia said...

Myllie, do you mean the shirt is all black, or the entire .TGA file is all black?

If the shirt is all black (and you had some other designs on the shirt), then its prob because the black layer is on top. You can fix it by moving it to the bottom.

If the entire .TGA file is black...lol something is wrong. Esp if the Alpha 1 looks good. BTW, you can only have a single Alpha channel. Do you have more than one?

Also, NCI has a live clothing design class on Mon at 6pm SL. Its taught by Rainbow Drake and it specifically teaches building Alpha channels in different programs...they might be able to help too!

Myllie Writer said...

Hi Natalia,
Yes, the entire .TGA was black, and yes, somthing is wrong... (lol)
I've just been to a NCI RoseLinUK London class and she gave us a different, more complicated, technique to prevent halos. Let me try to figure it out (cause I havent yet), then I'll tell you.
Meanwhile, thanks for your support and endless patience!
Take care!
Myllie

SLNatalia said...

Myllie, RoseLinUK is a great teacher (we used to teach together), so Im sure her techniques would work great!

Just one more thing: make sure that you dont have a "Background" layer. If you do, Right-click on it and select "Layer from Background".

Myllie Writer said...

Dear Natalia,
Tha problem, after all, seemed to be my PhotoShop version (7.0). I've just used the CS2 version and the simplest steps worked just fine. :)
By the way, I've read your post on AOs and, as usual, it's excellent!
Thank you so much!
Myllie

Elisa said...

Hi, I tried everything, even with the solidify plugin, to make things work. I think I created the alpha channel correct :(

I get soooo frustrated, because the edges of my thing keep getting those yellow/gold ugly cut lines. This drives me crazy!

Why does nobody write about this? I can not be the only one to get this problem!!!! aaaaahhhhhh help please!

SLNatalia said...

Myllie, Im so glad you found the issue! I have no idea (Ive only ever worked with Photoshop CS2)... And Im glad you can finally start making outfits! :)

Elisa, Im not sure if I was talking to you the other day about this. Are you having problem with jagged edges on your clothes, particularly on slanted lines?

If so, this is because the SL templates are relatively low in resolution. The normal Photoshop tools draw really rough edges as a result. Try using the Path tools (you may need to read up on this in a Photoshop book...its a whole tutorial in itself). But if you create the shape using the Pen tool (like the way I did the neck area in this tutorial), and "filled" it, you would get much smoother lines (because of anti-alias).

Try this: click on the Pen tool, draw a box with slanted edges, then go to the "Paths" palette and click on the "Fill path with foreground color" button on the bottom of the palette. This should give you much smoother lines. Hope this helps!

Anonymous said...

Hi, Im wandering how to make a t shirt into a different shape than the usual body hugging default?
The trousers in second life are quite high waisted so when I edit appearance and make them hipsters my t-shirt is then too short and so I have this hideous "Britney spears" midriff showing. How do I make the t-shirt longer?

SLNatalia said...

Dear Anonymous, lol I kinda like low cut jeans :P OK, I know what you mean...

If you want to make longer T-Shirts, try using a jacket. You will then have both an upper and lower layer template to work with. However, you will have both an upper and lower layer template...so you need to make them join seamlessly :P But thats the easiest way to extend a T-shirt below the waist.

Anonymous said...

Hi, thanks for the reply. I wrote the comment above about the Britney midriff. I tried the jacket option and yes that works well but having the two templates for upper and lower is difficult when using a patterned texture. Is there a way to adjust the textures of a jacket to make the two halves align? I couldnt find anything to do this. Thanks.

SLNatalia said...

Dear Anonymous, if you use either Chip Midnight or Robin Wood's templates, they have color guides to help line up the textures.

But unfortunately, theres no way to just join the 2 templates together in a normal paint program (like Photoshop or GIMP). I have heard people use expensive 3D programs, map the texture templates onto 3D models, and paint on them directly. But this seems a bit excessive for a T-shirt :P

Anonymous said...

Natalia,
graet job on the tutorial-my first one ever and it has been very helpfull. I have a question.
I keep getting white outline when i upload the image to sl. Didn't realy get the part where u said to add black background as optional step. When i ad black backround it saves it together with the objekt layer after i do the alfa channel- could you please help me understand.

Thank you,
Antine

SLNatalia said...

Antine, when Photoshop saves a TGA file, it likes to grab a bit of background from the transparent area. If you dont put a background "UNDER" your image, then it will just use white. Thats why you get a white outline around your image.

If you put a black layer under your image, then Photoshop will grab a bit of this black.

Be sure that you use your original shape to create the Alpha Channel. Also, make sure that you only have 1 Alpha Channel.

Also, NCI has a Create Clothing class on Mon at 6pm SL. A big part of the class is to show how to get rid of the white border!

Anonymous said...

Natalia.
thank you for your replay regarding white outline. Will take your advice and take that class.

Atine

Anonymous said...

Dear natalia,
Million thanks for your wonderful tutorials. I have been looking for a useful tutorials for designing in SL. But I hadn't found it up to now.
There are so many beautiful dresses in SL.For example ball dresses. Do you have any idea how can I make more professional looking dresses? Same? with photoshop?
If you answer me I will be thankful to you...
Thanks for now:)
Akean :))

SLNatalia said...

Akean, ballgowns in SL are typically flexi dresses (they use a prim attachment). So you might want to look at the Flexi Skirt tutorial in the Build section (theres a sample ballgown there as well).

As for the texture, thats using Photoshop and other tools. So its really up to your imagination on what you want to design. :)

Anonymous said...

Hello Anatolia
Great post
It helps me so much
But one little problem or two, I notice that I am not the only one have it
I follow your instructions very carefully, I even download CS2 Photoshop version
I made only ONE alpha channel
Save the file in TARGA format 32 beats.
I also try the advice you gave Elisa and Mylie.
I try all different kind of things,
But still noting helped-
The golden line around the cloth ages still appear
Also the cloths in the preview window in SL appear hollow without the avatar part.
Is it supposed to be this way?
Waiting for some answers from you
And thank you so much again for your endless patience and the great job you are doing here.

Anonymous said...

hof course Natalia and not as i said ...

SLNatalia said...

Dear Anonymous, the newer SL viewer's preview windows do show a hollow outfits (without the avatar). It changed a couple months ago (dont know why...).

Make sure the bottom most layer is not called "Background". The Background layer has special properties. If it is, just double-click on the layer and change it to a normal layer.

Im not sure what the problem is, but maybe a simple test could help: Try creating a black circle (or some shape) on one layer. Make a solid black layer below that. Then create an Alpha channel from the circle. Create the TGA file and try uploading it. You should definitely not have a border on this!

Hope this helps!

Patrice (SL: Sascha Frangilli) said...

Hi Natalia,

Besides making looprez skirts with your help, I now want to venture into making tops. Aaaaaaargh.
However, I downloaded Photoshop CS (version 9 I think) and quite a few of your instructions are totally lost on me as I cannot find them in the tabs/bars. Which version PS are you using?

Thanks!

SLNatalia said...

Patrice, I use Photoshop CS2. But from what I hear, most other versions of Photoshop are similar. (unfortunately, Ive never seen another version...)

I tried not to use any fancy features in Photoshop, so hopefully you can do this tutorial in other versions!

TB said...

Dear natalia,
I already have used your blog in prim skirt and other stuff and did one shirt as well! Thanks so much for this step by step tutorial!!

One "problem" (?)though:
I made almost the same shirt as your example (well.. mine is blue ;-)
And I can upload it. But when I put it on, I have to of course first create a shirt and put this shirt on it as texture.. (right??)
Well.. when I do, the white basic shirt is showing under there and if I want to diminish it, it means that my "straps" also disappear.. I only have the shirt brom my breast downwards... ??

And another: how come your shirts have such clear edges and mine are blurry..??
What can I do to improve them..?

Thanks a bunch for your help again :-)

SLNatalia said...

TB, if you see white stuff under the shirt, then the Alpha Channel probably didnt make it. The Alpha Channel tells SL which part of the shirt is transparent (instead of white).

Before you upload the texture, try previewing the shirt (as female upper body). You should not see any white parts. If you do, then theres an issue with the Alpha Channel.

Be sure you saved it as a Targa file with 1 Alpha Channel. And the Alpha Channel should look like the shirt in the Channels tab.

This is prob the hardest part about making clothes in SL :) So you are not alone!

BTW, New Citizens (NCI) has a free class on Mon called "Clothing Creation" that goes over creating the Alpha Channel. Thats how I learned it :)

The clear edges is probably because of the "Anti-aliased" setting. Be sure it is checked when you make the selection for the shirt collar. Photoshop will create some grey parts along the edges that make it look better :)

TB said...

Thanks Natalia.. I checked my file and there was the alpha channel missing.. although I did everything "by the book".. :-) Well.. these things happen..

But, I'm still faced with the same problem even after I created the AC..??

I guess I'll start all over once more and do everything step by step again.. there must be something I missed..

Justin D said...

Natalia, too many thanks for this and all you're other tutorials, I dont know where I would be without them (yes, I do... I would be nowhere :). I just wanted to clarify something about Photoshop 7.0 to help others (including a previous poster) who like myself ran into a wall when trying to save targa's with the alpha channel. If you have version 7.0, you need to download and install a slight modification directly from adobe to fix the targa alpha channel functionality. Get the fix here:
Windows: http://www.adobe.com/support/downloads/detail.jsp?ftpID=1544
Mac: http://www.adobe.com/support/downloads/detail.jsp?ftpID=1543

So if anyone else is having trouble getting their transparencies working, check your photoshop version, and if its 7.0 exactly, get this!

TB said...

aaand.. just as i thought.. once i did it all the way again.. it went okay.. so there.. one should always listen to instructions...:-)

SLNatalia said...

TB, Im so glad you found the issue! It can be a challenge sometimes to do the Alpha Channel right the first time! So Im glad you got past that and you are on your way to making clothes :)

Justin, thank you so much for your comment! I hope you dont mind if I point people to your comment from the main post! Hopefully it will help out someone with Photoshop 7! :)

Trish Brennen said...

Hi Natalia...Just wanted to say I love your blog and your tutorials.
You have featured some amazing places, and its always a pleasure to come here to read and learn.

I also wanted to ask if you have any plans for a clothing details tutorial...folds, creases, highlights, shadows etc....I struggle alot with those as I'm sure do others.

Thanks
Trish

SLNatalia said...

Trish, thank you so much for the suggestion! Thats a great idea. There are quite a few little tricks that can be very useful...

Meanwhile, Torley has a page on the SL Wiki that has a lot of links: http://wiki.secondlife.com/wiki/Texture_Tools :)

Alan said...

Hi Natalia. Thank you so much for your tutorial on how to do things in Second Life. I tried many others before yours and they took me nowhere. You were very didatic. All the best to you,

Alan

SLNatalia said...

Alan, thank you! And good luck on your clothing projects :)

Emmie Lyn said...

hey Natalia,
luv ur blog!!u did such an awsome job with it. Your tutorials helped me so much in figuring out how 2 take textures from the sims2 and turning them into second life clothes! its actually much easier then i thought and only takes about 20min for some clothes that look like they cost a fortune =b ty soo much for posting this!!

SLNatalia said...

Emmie, I have only heard of Sims2 but have never seen it. That sounds cool though...you can bring your whole wardrobe over :)

Emmie Lyn said...

downloading the textures from sims websites makes it really easy 2 create clothes. The textures still need 2 b tweeked just a little since the layouts are a little different but its deffinetly
do-able. if you ever want textures w/ out having 2 make them this is deffinetly an easy way of going about doing that.

SLNatalia said...

Emmie, thanks for the cool tip :) I definitely have to check it out!

Anonymous said...

Hi Nat,

As I am sure you The Goddess of Knowledge.... I've heard there is a programme that shows how your clothes look like offline of SL. Any idea what that programme is called (it is supposedly free software!).

Thanks?!
Patrice (SL - Sascha Frangilli)

SLNatalia said...

Patrice, the free program is called SLCP. Heres an article from SL Insider, along with the link: http://www.secondlifeinsider.com/2006/10/14/new-tool-for-clothing-makers/

Also, there is AVPainter (you can find that on SL Exchange).

I havent used either program, so I dont really know much about them. But they both come highly recommended by others :)

kimberly said...

Hi! Your tutorial is amazing and it's helped me heaps, although I am having an issue with the white lining after I upload the texture. At first I didnt mind since most of my shirts were light colored...but god forbid I make a black shirt now! EEK. I tried having the black then white layer thing and nothing helped. I then left the black layer "on" as you described it...did you mean leave it visible? When I tried that and uploaded it, I had long black sleeves in addition to the t-shirt...

This problem is killing me and I really can't figure it out and usually I am pretty savy...if you could help me out i'd appreciate it!!:)

SLNatalia said...

Kimberly, the problem is that when you create a texture with an Alpha Channel, Photoshop picks up a bit of color outside the borders of your shirt. If there is no color there, Photoshop will just use white :(

Try this: Create a red box and an Alpha Channel for the red box (the "Alpha 1" layer should look like the red box).

Create a TGA file. Go to SL and try the Upload preview. You should see a slight white border around the red box.

Then add a layer in the Layers tab below the red box. Fill this layer with solid red.

Create another TGA file. Then go to SL and do the upload preview. The white border should be gone :)

Anonymous said...

Hey Natalia,

Thanks for your awesome tut!
I just made a T shirt...wow...love it~~!!
the only question i have is how to make my T shirt fit into a male body?
i give it to my male friends and it looks too short on them lol

Thanks,

Zoh

SLNatalia said...

Zoh, there is no difference between clothing textures for male and female avatars (although they stretch a bit differently once they are worn).

Just be sure that your texture goes all the way to the bottom of the template area (the part with the body).

Also, the Avatar Top template cuts off around the belly-button. Thats where the Avatar Bottom template takes over. Most male pants go to the top of the Avatar Bottom template, so they should join up.

If you want to make a longer T-shirt (like an untucked shirt), you will need to create both an Avatar Top and Avatar Bottom texture, then create a Jacket in SL. Its kinda tricky to do, cause you have to match the textures between the 2 templates :P

Anonymous said...

Thanks for your reply Natalia ^O^
I just realized why there are not a lot male cloth in sl :) It requires extra work...hehe...

I tried to create a bottom layer to fill in the Jacket-lower fabric...but it doesn't match the top well >___< guess like you said, it's tricky...

Wondering if you know where i can find some tutorial for this specific topic :)

Thanks~~!!! huggies!

Z.

SLNatalia said...

Zoh, I tried it on Day 114: http://www.mermaiddiaries.com/2007/01/day-114-tale-of-three-cathedrals.html

Its not a tutorial, per se. Was just expressing my frustrations ;P

There are expensive programs that let you supposedly draw directly onto a 3D avatar (so seams are no longer a problem). I think Lightwave and Modo can do it. Thats way over my head though ;P You might want to check the SL Forums :)

Anonymous said...

Thanks for your help Natalia! I will check the forum :P Merry Xmas ~!~~:)

SLNatalia said...

Zoh, good luck and Merry Christmas!

Sascha's Designs said...

Just a tip for frustrated idiots like me who have trouble creating an Alpha layer. Save the file as .png and voila, you have a transparant layer.

THe only thing I have not yet figured out is how to make the tops seamless.... grrrr!

SLNatalia said...

Sascha, PNG is a relatively new thing for SL...I was planning to do a separate tutorial for it.

For seamless tops (or for making things join seamlessly), check out AVPainter (its the tutorial this week :D)

Sascha's Designs said...

Eeeeks, could you be a daaaaahling and give me the link to this tutorial? Not quite sure where to look!

SLNatalia said...

Sascha, its here: http://www.mermaiddiaries.com/2008/01/day-468-clothing-texture-previewers.html (its the current post right now :) )

Lil Pear said...

Hi Natalia,
Please forgive me for being a Paint Shop Pro user and actually asking a question here when your Tutorial is in Photoshop instructions. Ive tried to wing it best I can figuring out how to take the same steps as your instructions in Paint Shop Pro. Ive actually gotten pretty far with your notes. Im at a stuck point here. Ive gotten to the point where I cut a hole for the neck of a shirt. Ive connected all hte sections to cut out to make a nice neckline. Then you say to right click on the template window and select "make selection" from the popup menu. I dont know where to find that. I dont get any choices like that when I right click on the template window. Maybe Im right clicking in the wrong place? I cant seem to find anything similar to make that selection. Any suggestions?
Thank sooooooo much for your tutorials! If I can just get past this hump, Im there! :)

Natalia Zelmanov said...

Lil, I have never seen Paintshop Pro, but I think the steps are a bit different. You might want to see Virrginia's comments from this post: http://www.mermaiddiaries.com/2007/07/day-293-flexifying-your-wings.html

Hope this helps :)

Anonymous said...

Hi Natalia,
Thanks forthe great blog, it is so easy to follow you there. I have managed to do it all and end up with a perfect shirt. Now I need to add something to the shirt a print on my computer. How do I get it onto the T shirt, can you help me there?

Thanks
Mandy

Scarlett Melnik said...

Thanks so much for this Natalia!
You have no idea how many tutorials I have used to try and understand how to create transparancy. I couldn't get it at all, but your tutorial is really easy to follow.. thanks for taking the time to put it together for all us clothing noobs :)

Natalia Zelmanov said...

Mandy, just add a new layer on top and put the design on that layer. You will probably have to resize the design to fit the T-Shirt :)

Scarlett, you are very welcome :) Good luck with your design projects!

Jessica said...

I'm having a bit of a problem. I'm using CS3, and when I get to this step -

"In the "Layers, Channels, Paths..." palette, Right-click on the little picture of the Shirt layer. Select "Select Layer Transparency" from the popup menu"

I don't have that option. The options I do have are:
-Layering Properties
-Blending Options
-Select Pixels
-Add Transparency Mask
-Subtract Transparency Mask
-Intersect Transparency Mask

I'm brand new to photoshop, and I think maybe Add transparency mask might be what I'm looking for, but I really have no idea.

Sascha's Designs said...

So what the ... do I do wrong that I seem to be unable to create an Alpha layer??? I save everything in .png which works like a charm, as I am such an idiot with the Alpla layers.

Sascha's Designs said...

EHum... just one more question, though I am doing fairly well in PS (except for the Alpha channels, haha), I also am not sure how I can draw lines on clothes?
Marquee thinly and then fill it in? I doubht also that the brush is correct to draw thin lines. Help? ;-)

Natalia Zelmanov said...

Jessica, lol Im sorry but Ive never seen CS3 (I am using CS2). But try pressing Ctrl and clicking on the little picture in the Layers palette (it has the same effect). Basically, you want to select the outline of the object in that layer :)

Sascha, you do not need to create an Alpha Channel if you are saving as PNG. But you need to make sure that the background for your drawing is transparent (be sure you are using the PNG version of the Photoshop tutorial)

As for drawing lines, you can use a brush or use the pen tool. I use the pen tool. But it takes a bit of getting used to (really should look at a Photoshop book for the pen thingie :P)

Anonymous said...

Hi Natalia,

I just tried to make the shirt but I have a question.

When I upload the shirt in SL I still see a little bit of white around the collar of the shirt when I look at the picture. But when I try it on I don't see it anymore. I thaught it would be the same. Is this normal?

Eline

Natalia Zelmanov said...

Eline, the little white ring is an issue with the Alpha Layer picking up the color underneath. Its a well-know problem. The last steps in this tutorial tries to fix it by adding a black layer underneath.

But you can get around all of that by using the PNG format. Check out the Day 475 tutorial :)

Funn Jewell said...

Natalia, I just have a question. What do you use to draw your clothes? Is it with a mouse or those graphic tablet? Would it be a good investment in buying a graphic tablet if I want to create clothes in Second Life?

Natalia Zelmanov said...

Funn, I just use my mouse (but I use the pen tool a lot in Photoshop instead of drawing freehand). Its whatever you prefer :)

Anonymous said...

Hi Natalia

Just wanted to say a great blog and great instructions, but I am obviously a bit dense!!! I have followed your instructions to the letter, and get the bit about cutting out the neckline, etc, and creating the alpha channel, etc, no problem. I am using GIMP, but the photoshop instructions are easy enough to follow. What I really can't get my head around, and I have been trying for days and am now spinning in my chair, is how you get a texture onto the shirt. I always end up with a black shirt - fine if you want to just wear black for the rest of your life, but not ideal. I have a load of lovely textures I have picked up in-world which would make nice tops, etc, which I have saved to my hard drive. Maybe I am thinking about it the wrong way, but I have tried adding a new layer and then adding the texture, but the shirt still stays black. There is probably something really simple I am missing. Any idiot-proof ideas would be welcome.

Thanks Muchly


Jenara

Natalia Zelmanov said...

Jenara, be sure the layers you add are on top of the black layer (or turn off the black layer). You need to be able to "see" the texture in Photoshop when you save the file.

Also, you might want to try the PNG version of this tutorial...its a lot easier :)

Anonymous said...

hey, awesome tutorial, although i seem to be having a few issues... main one being.. In the "Layers, Channels, Paths..." palette, Right-click on the little picture of the Shirt layer. Select "Select Layer Transparency" from the popup menu. that option isnt there... im using CS3? :)

Thanks

Wayne

Natalia Zelmanov said...

Dear Anonymous, Im using CS2 (so things may have changed :( ). But try pressing and holding Ctrl, then clicking on the little picture in the Layers palette (this would select the outline for that layer) :)

Anonymous said...

Natalia, you really really Rock!!
You have helped me so much with clothes making, more than anybody.
I hope you are up for an award for your tutorials.

Come by and see us in Tombstone soon!!

Natalia Zelmanov said...

Dear Anonymous, heehee I went to Tombstone on Day 168, but havent been there for the longest time! :) Need to come back for another visit! :)

Anonymous said...

Hi Natalia! I am so glad to have found this blog. It's so clear and helful. I'm running into one snag though.
In the "Layers, Channels, Paths..." palette, Right-click on the little picture of the Shirt layer. Select "Select Layer Transparency" from the popup menu.

When i click on the shirt, the "Select layer transparency " is not in my popup menu. Have i missed something? Thank you!
Deea Rayna

Anonymous said...

Duh! i just read up and saw that somebody else had this problem with cs3. your suggestion about holding the control key works though. Thanks.

Deea Rayna

Anonymous said...

Well i read through the whole blog, and still i cannot get the black layer to NOT show up.... I'm using CS2, i have only one alpha layer, and save it as a targa, 32, and got rid of the background layer. It doesn't make any sense, but it doesn't work. Did anyone else having this problem finally find a solution?
Thanks!
JeanLuc Guyot

Natalia Zelmanov said...

Deea, heehee glad you found it. It's Ctrl and click on the little picture on the layer. Sorry about that (I dont have CS3 :( ).

JeanLuc, it sounds like there is a problem with the Alpha layer (does it look like the shirt?)

BTW, have you tried using the PNG version of the tutorial? The link is at the top. It's SO much easier, cause you dont have to make a separate Alpha Channel :)

Anonymous said...

Natalia,
I have been been photoshopping my butt off since i found this tutorial. I never would have figured out how to make clothes without it. thank you so much. Now that i have the basics down, i've been looking for info. on adding details like pleats and shading. Do you know where i can find it?
Deea Rayna

Natalia Zelmanov said...

Deea, there are some general tutorials on deviantart.com (but takes a bit of searching around) :) I think there is a tutorial in one of the early SecondStyle magazine too...

Anonymous said...

Natalie,
I found the articles in second style magazine and they are wonderful! Thank you so much. When i am a famous SL designer, you are getting tons of freebies! lol.

Deea Rayna

Natalia Zelmanov said...

Deea, heehee thank you! Good luck with your designs :)

Anonymous said...

Natalia,
You Rock! Your tutorials and advice are going to be so helpful when I actually get the time to sit down and get creative. I'm a total newb on SL, but I've been playing with Photoshop for years. You've cleared up almost every question I had starting out and this stuff will even help me making clothes in Poser! Thanks so much for your care and consideration. Much obliged.

Natalia Zelmanov said...

Dear Anonymous, you are very welcome! Lol Ive seen the beautiful stuff in Poser, but that must be complicated! Anyway, have fun in SL, and good luck with your projects :)

Anonymous said...

love youre work , ive recently moved from a lower version of PS 7 to CS , when i save as tga it now gives me a white background in sl and not a clear one as it did before. Have you any ideas on why this would be hapening.

Anonymous said...

lol amazing what you pick up after re reading things over and over. all fixed

Natalia Zelmanov said...

Dear Anonymous, lol Im glad you found the issue :) BTW, try the PNG tutorial instead...its so much easier to make stuff without having to do an Alpha Channel :)

Teake Homewood said...

lol, thanks i saw that one too after i cracked the sads over photoshop. Funny how you get used to something then when it changes slightly your head shuts down , (well mine anyway)

Ive seen the png toot (ha i said toot)
Thanks again.

Natalia Zelmanov said...

Teake, heehee I know what you mean! I still do Alpha Channels for some stuff (cause...Im stuck doing it the old way ;P)

kateweisser said...

Thanks Natalia, you helped me a lot with this blog. But could you give some ideas about how to change the looks of clothes or at least tell me if there is any nice web site where I could find a place about how to work with the photoshop? I already tried the tutorial of photoshop, but still, is not enough :(

I would appreciate if you could help me.
Thank you dear, keep it up with this blog that is fantastic day by day :)

Natalia Zelmanov said...

Kateweisser, actually if you have not used Photoshop before, you might want to start with a book instead (most tutorials focus on a specific area only). Browse thru the ones in the bookstore and see which ones make the most sense...thats what I did when I first started...

Rebeccaa said...

Hey i made a wedding dress top but when i upload it and click make new shirt the white shirt still comes up even when i put the clothing texture on and evrytime i try to get rid of it it cuts half my top of or when i get rid of the sleeves it maked a big dint on my top how can i stop this?

Natalia Zelmanov said...

Rebeccaa, are you wearing any other piece of clothing? (like a jacket or undershirt)?

Alice said...

Hi Natalia,

Just wanted to say that I love your blog :D

I am trying to make some outfits, it is not perfect yet, but with your help I will get there!

Thanks for your wonderfull blog!

Alice

Natalia Zelmanov said...

Alice, good luck on your projects :) Heehee Photoshop does take a bit of patience, but you can do so many cool things once you know it :)

Anonymous said...

Hi Natalie,
I have been in SL for a year and have wanted to make clothes for a long time. You tutorial is the best I have come across yet. Even tho I guess I am terrible at making clothes since I cant seem to bet my edges straight and my shirts look like they are painted on but what I have learned is strictly from reading your tutorial and thank you for putting it up to help us all.

Natalia Zelmanov said...

Dear Anonymous, congratulations on your creations :) It takes a bit of patience to get things right, but its def part of the fun of SL :) And straight lines are kinda hard to do in SL (because of the way the avatar stretches things). The hardest part is just getting started :)

Asatany said...

A very good tutorial indeed but when i uploaded to SL the cutted parts were white. They are not supposed to have colour. ex: neck and hands. When i save to *.tga format i hide all the template layers. How do i fix that or what is my misstake?
Thanks a lot. Hope you answear soon coz i want to creat. :)

Natalia Zelmanov said...

Asatany, check out the newer PNG version of this tutorial...it is much easier to create clothing using the PNG file, because you dont need a separate Alpha Channel.

Brigid said...

Very very helpful. I'd love to see you do some advanced tutorials. Thank you very much

Natalia Zelmanov said...

Brigid, thank you! The more advnace stuff is really general Photoshop stuff, and there are so many good books that do it better than me :P Good luck with your creations ;)

Anonymous said...

Hi Natalia,

Thank you for your wonderful tutorial, it has helped me so much.

Can you please advise me how i can create a lighting effect/shine on a shirt (as if you were standing directly under a spot light). I use photoshop and have played with the render filter but cant get it to look like other shirts in SL.

Thank you in advance,

Charlie

Natalia Zelmanov said...

Charlie, the lighting effects (on latex and leather) are either hand drawn or they use special 3D programs and bake the textures in. I dont know how to do it with 3D programs, but you might want to ask on the SL forums...thats where the experts hang out :)

Anonymous said...

Hi Natalia,

Thanks for your reply but i dont have any 3d programmes, only photohop CS4. Do you know how to create the shiny effect with this programme?

Thank you, Charlie

Natalia Zelmanov said...

Charlie, unfortunately, no...at least, not automatically :( You can, of course, draw it the old fashion way in Photoshop. But I know people use Lightwave and other expensive programs to do stuff like this. You might want to check on SL Forums...

Anonymous said...

In the "Layers, Channels, Paths..." palette, Right-click on the little picture of the Shirt layer. Select "Select Layer Transparency" from the popup menu.



Thats when i lost you, there is no select layer tansparency (CS3)




I am not trying to put down your work :) but u asked for positive criticism



u write this

Now click on the "Channels" tab in the Layers, Channels, Paths palette.


now u have the if, and its soo long i can t see where it finishes
if the color would be different ppl could see where the actual tutoril continues...


[If you do not see the Channel tab, you can get it in one of 2 ways: The easiest is to select "Window" from the top menu bar, then "Workspace/Default Workspace". This will put Layer/Channels/Paths/History/Actions into 1 palette.

here u add a second...

If you want to keep your existing workspace, then click on "Window" from the top menu bar and "Channels" will create a floating Channels tab. You can work on the Channels tab undocked. But it is a bit of a challenge to dock it somewhere in just the right order (or at least I dont know of an easy way to do it).]

Natalia Zelmanov said...

Dear Anonymous, unfortunately, I only have CS2 (lol couldnt get an upgrade for my student license :( ). Maybe if I cant find a CS3 or CS4 in school, I'll try to update it :)

Destiny said...

Hi - I’m a newbie trying to find some information
relating to Book of Advanture story
However, I managed to find your Blog which I think is interesting and had some relevance to what I was looking for. Thanks for your post and do keep up your good work.!

Please visit me
http://ugforge.gunadarma.ac.id

Koji said...

I always want to try design my shirt. But I dont know what to do first. I think to design shirt use Coreldraw. So I want to look at Robin Wood template first. Thanks for share. You have great tutorial blog. Thx

Anonymous said...

excellent...i learnt to use photoshop finally to create clothes....RAYMOND

Lynne Hand said...

Your workaround of CTRL + Mouse click for the lack of ""Select Layer Transparency" works in CS4. I now have a little black top and it's mine all mine! Thanks. :)

Anonymous said...

Awesome tutorial. The ctrl click works for CS6 as well for the select layer transparency.
But now when I create the black layer I only get the outline of the shirt in black instead of the entire panel.
I am guessing it has something to do with the ctrl click.
Please help.

Anonymous said...

I posted today @ 742 as well.
I put the shirt on in SL but it turns out to be a belly shirt! lol
I can not make the shirt any longer in "My Appearance" in SL. It goes to about my belly button.
How would I fix this and would I potentially have to make 4 different sizes?
Thanks.