Wednesday, May 9, 2007

Making a Second Life Tattoo Using the GIMP

Edit (10/24/2008) - I will leave this post here for awhile, but it will be moving to my new site

There are a lot of ways to customize your avatar in Second Life. You can play around with shapes pretty easily, but skins, clothes, and hair take some talent. Tats, on the other hand, are super easy to make. To do this, you'll need some sort of graphics editing software that has Alpha channels. Photoshop is great, if you can afford it. I can't. Actually, I could . . . but there are a lot of other things I'd rather spend my money on. I use the GIMP . . . cause it's free!

Anyway, here's how I made the tat. First, I found an image I liked. I found this one on DeviantArt. I don't know how copyright laws apply to this sort of thing, but I'm not planning on selling the tattoo in Second Life, so I think it's ok. Try to find an image that's flat on a white background. Don't use a picture of an actual tattoo on an actual person, unless your some sort of super Gimp Goddess and can figure out how to separate the tat from the body and flatten it out.

If you just upload this image into Second Life as it is and try to make a tattoo out of it, it'll look like a big white patch on your back with the image on the white patch instead of your skin. We don't want that. So, open the image in the Gimp. What we need to do is replace all the white parts with transparency. If the image is grayscale (mine was), this is easy. Go the the Filters menu, chose the Colors submenu, and click on "Color to Alpha". A window will pop up showing a preview of what's about to happen to the image. If it looks right, just click on "Ok". All the white parts should be replaced by a checkerboard pattern. This pattern is how the Gimp represents transparency. If you're trying to make a checkerboard tattoo, this would probably make things confusing :)



So now you should see something like the image to the left. Save it as a native Gimp file. I'm not going to explain how to do that, cause I'm assuming you know how to save stuff, or can figure it out for yourself. Now, you'll need the clothing texture templates from Second Life for this next part. Rather than explain where to get those and how to use them, I'm just going to refer you to the tutorial on Natalia Zelmanov's blog here and here. I'll wait here while you go read that . . .

By the way, Natalia has several really good tutorials on all kinds of things in Second Life, as well as a great list of things to do and places to see. And she posts a new blog almost every day.

Ok, I'm going to assume you've now got the clothing templates and know the basics about how to use them. Open the Upper Body Template in the Gimp. I like to add a white background layer to this to make everything easier to see, but it's not necessary. Next, open the tattoo image you saved earlier as a new layer. Just click on "Open as Layer" from the File menu and find your image and select it. Now you'll need to resize it and position it where you want it to be on your body. Make sure the new layer you just created is the active layer when you do this. I decided my image would make a nice back piece, so I scaled it down a bit, and centered it on the back of the upper body template, using all the lines as a guide. Zoom in if you need to to get the image exactly where you want the tattoo to be. Once you upload the image into Second Life, you won't be able to reposition it. This is what mine looked like once I had it where I wanted it. Now, turn off all the layers except the one with your tattoo image on it.

Update - 4/28/08

Due to several questions and requests, I realized I needed to add a little detail here about how to turn off the other layers. First of all, make sure you have a window open in GIMP called "Layers, Channels, Paths". GIMP's window system can be a bit confusing to people new to it, and a lot of times this window gets closed before you understand what it's for. I know I closed it when I first started using GIMP. Unfortunately, when you close it, it does not automatically re-open the next time you start GIMP. If you do not have this window, go to File .. Dialogs .. Create New Dock .. Layers, Channels, Paths to reopen it.

Once you have that open, you should see a list of all the layers in your file. To the left of the name of each layer is a symbol that looks like an eyeball. This means that layer is on. Click on the eyeball to turn a layer off. You need to turn off every layer except the one with your tattoo on it. See the figures below for a before and after of what the layers window should look like.


We need to save this image as a Targa file so we can upload it into SL. Just choose "Save As" from the File menu. Name the file whatever you want and choose where you want to save it. Click on the little plus sign next to where it says "Select By File Type (By Extension", scroll down and pick "TarGA image". Then click the Save button. A window will pop up with a bunch of words on it. Ignore them. Just click the button that says "Export". Then another window will pop up. Click on "Ok".

Now we can upload the image into Second Life and make a tattoo out of it. Log into Second Life, and upload the TarGA image you just saved from the Gimp. This will cost you 10L, which is about 3 or 4 cents in US$. Use the preview as upper body option before you click on the Upload button so you don't waste Lindens if it doesn't look right.

Next, edit your appearance. You'll have to create a new piece of clothing for the tattoo. Unfortunately, you can't use the tattoo layers on the skin if you're wearing a decent skin, because these are already used for the body shading and makeup. I just created a new undershirt, because I wasn't already wearing one. The shirt and jacket layers will also work. You might want to make undershirt, shirt, and jacket versions of you tat so you can wear it with different outfits. Once you've created the new undershirt (or shirt or jacket), click on the Fabric square. Browse through your textures folder until you find the image you uploaded and select it for the fabric. Because of the transparency (Alpha channell) in your image, the only thing that should show on your new clothing is the tattoo. Now save it, close the appearance window, and go show off your ink!

19 comments:

Anonymous said...

Thank you so much for this.

Tosh

Anonymous said...

Dani - Thank you Sooooooooooooo Much for writing this tut - it worked for me, and I 150% appreciate it!

Anonymous said...

Great tut about a tat ;-) More of these kinds of tutorials should be written for free software such as the Gimp. For non commercial use it must be more available than Photoshop or other equivalent software. I want to be "legal" and buying Photoshop for personal needs seems like a big no-no.

Well, just wanted to inform that to be sure it is OK to use the graphics for the tats created, images could be downloaded from for example OpenClipart, a clipart archive that can be used freely.
http://www.openclipart.org/

Anonymous said...

Dani - thanks :) I had wanted to learn to use Alpha Channels and this was so step by step. I was not making a tat though - I made a topiary and applied the texture to a pim. Worked great with a little tweaking since the destination was different. Thank you muchly :)

Anonymous said...

Thank you so much i have been lookin and lookin for a lower back celtic clover tat for a friend of mine but i couldn't seem to find it anywhere until just now i created one TYVM

Anonymous said...

I followed this tutorial step by step and everytime I go to upload it into SL, the background is white and not transparent. I've tried it more than once and it keeps happening.

Nessa Diesel said...

OK so maybe im using a different version of Gimp than yours but i dont seem to have a 'Colors' submenu under Filters menu.. so how do i take away the white in the background of the image?

Anonymous said...

i had to follow this step by step but i finnaly got it thnaks!

Anonymous said...

This is still over my head.

Milana said...

just wanted to say thanks. I recently got into clothes making and a friend asked me to make a tattoo. I had no idea, but my google-fu led me here. You're a lifesaver, especially since I do all my work in GIMP.

Anonymous said...

Reading these kind of posts reminds me of just how technology truly is omnipresent in this day and age, and I think it is safe to say that we have passed the point of no return in our relationship with technology.


I don't mean this in a bad way, of course! Ethical concerns aside... I just hope that as technology further innovates, the possibility of transferring our memories onto a digital medium becomes a true reality. It's a fantasy that I daydream about almost every day.


(Posted on Nintendo DS running [url=http://kwstar88.livejournal.com/491.html]R4i[/url]NDSBro)

Anonymous said...

nice one, i just added tons of another emo backgrounds in my blog
http://www.emo-backgrounds.info

Anonymous said...

In today’s rocky economic climate, most households are cutting back wherever they can. I too faced the problem and wated to cut down on
cable tv, I tried P2P, but then not impressed with it. I started collecting ways to watch my favorite tv shows online.
I have listed then in my blogspot, I try to cover as many tv shows and matches as possible, to help others like
me to watch their favorite sports or tv shows online for free.

But my list is not complete, I don't know where to find some international shows, for sports you have numerous resources, Can someone here help me with that?
Please tell me you favorite shows that you watch regularly and also some ideas to cover them. If you need to know the shows that I cover, then visit my blogs

[url=http://tvshows-watch-online-blogspot.com]Watch Online TV Shows for Free[/url]
[url=http://tv-shows-watch-online-blogspot.com]Watch Online Sports for Free[/url]

Angel-Harmony said...

This is a great tutorial. The only problem I'm having is that I'm not entirely sure as to how I would go about creating a tattoo for a furry avatars face/forehead. Any ideas or tutorial suggestions?

Anonymous said...

OMG thanks if it wasnt for you i never figured it out lol Thanks alot

Anonymous said...

Thank you so much for your post its been a great help. However im having a bit of a hiccup when it comes to transfering the image to SL. I have followed the steps as closely as i can and when it comes to bringing the image into SL for some reason the texture has the tattoo on as designed but set on a grey background. this background does not show in Gimp so im not sure where im going wrong. can you help please?

Anonymous said...

Best Forex Brokers stp ndd ecn http://4runnerforex.com
free metatrader demo, the top forex broker is 4runnerforex tight low spreads.

Anonymous said...

Can you use Graphics from "deviantart" is it subject to copyright?

Doug said...

This works great for a back piece. Mine worked great. However, how can I put a tattoo on only one arm? Using the template and uploading, SL puts the image on both arms.