This action might not be possible to undo. Are you sure you want to continue?
[GIMP BEGINNER’S TUTORIAL]
GIMP can be downloaded for free @ http://www.gimp.org/downloads/ The following tutorial uses GIMP Version 2.6.10 ***
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. Importing from SL Creating a new image in GIMP Opening in GIMP Exporting from GIMP GIMP Tools Working with Layers Alpha Channel Basics Adding Designs/ Logo’s Coloring From Texture to Clothing Packaging Tips
Go to File. In the case of using templates in SL. If you want to be a bit more adventurous and make some changes to the template you can export it to GIMP. painting. Follow these steps. Click Save - 2 . Your avatar will now be wearing the item. etc) and sewing to replicate letters. There are two ways to create clothes in SL. shapes or design. Click save as. name your item. 1. pattern or overlay used in graphic arts (drawing. Save it to your desktop if you are unsure where to save it.TD TEMPLATES [GIMP BEGINNER’S TUTORIAL] Introduction . it’s easy to find there and you can always move it later. located in the top toolbar in SL Choose Save Texture As… - Locate where you wish to save the texture on your hard drive.What is a template? A template is a stencil. select which item of clothing you are making. go to appearance. click ok. it is your basic design that you can work from. Open the template texture from your SL inventory by double clicking it. You can either make your own template from scratch or you can use a pre-made template. Importing Clothing Textures from SL Ready to wear templates are just that. you can put them straight onto your avatar by clicking your avatar and right click. click on the Fabric window and add your template from your inventory. You can also drag the template onto the fabric window.
Use the default resolution of 72. From the top menu toolbar click File. This will give you a transparent background to work with. You will see a grey and white chequered screen on your canvas indicating a transparent background.TD TEMPLATES [GIMP BEGINNER’S TUTORIAL] 2. Also. Creating a New Image When creating a new project in GIMP. click OK. we first have to set the attributes the image will have such as its size. - - - 3 . resolution. Select Transparency next to fill with. This dialog will be displayed: - Click the + icon next to Advanced options to expand the dialog for more options. New. the colour space should be RGB to allow color for your image. color type and what type of background we will start off with. the image sizes commonly used are 512 x 512 and 1024 x 1024. When creating a new image for SL.
Go to File > Open A new window will pop up from which you can navigate to the folder your image is located. 4 . IMPORTANT NOTE: PSD files are photoshop based documents. In order for them to open in GIMP these special layers must be formatted in a certain way. You can also use the Open Recent tab from the File menu which will show all your recently opened documents. They do open in GIMP. File Formats TGA & PNG are the two file formats typically used for SL. For instance the image you see on the screen with its transparent background will appear just as it is on our screen when imported back to SL as a PNG file. Opening in GIMP The following section will explore how to open files in your GIMP program. PNG files are bit-mapped images which use the transparent parts of the texture to determine which parts are cut out. The alpha channel is used to cut out the shape of the outfit when making clothing textures.TD TEMPLATES [GIMP BEGINNER’S TUTORIAL] 3. it controls which parts of the texture are visible when imported into SL. Before purchasing these templates it is best to check whether they are compatible with GIMP. TGA file – (Targa File) File format commonly used in SL since it can contain alpha channel information. however some groups and special effects may not be visible since they require photoshop. - From the top toolbar.
choose the location where to save it and more importantly which file type it will be saved as. expand the + next to where it says Select the File Type. PNG files need to be extremely careful and precise when creating your image as what you have on your image is exactly how it will appear on your avatar when exported. click on the + icon next to Browse for Other Folders. Saving as a PNG it will also mention that PNG format cannot handle layers – choose Merge Visible Layers.. As discussed before you will typically be using either TGA or PNG file format depending on whether you used an alpha channel or not. 5 . Go to File > Save As. it depends on the complexity of the template. to open the list of different formats. Some people believe PNG files are easier to use. To select a new location to save your file to.. In essence.TD TEMPLATES [GIMP BEGINNER’S TUTORIAL] Both methods are used in SL. - NOTE: When exporting as TGA it will mention that the TGA Plug-In cannot handle layers. Exporting from GIMP to SL - From the top toolbar. Also. 4. The save dialog will appear allowing you to enter in a name for your file. select Merge Visible Layers – also untick RLE Compression then click Save.
you can click and hold the mouse button. sliding the threshold up will increase the tolerance of the selection and sliding it down will make the selection area smaller. To select a wider area. You can also click the mouse in different areas of your image without holding it down and connect lines together if you wish to draw a polygon shape for your selection. Rectangle Select Tool – This allows you drag a rectangle around parts of your work that you wish to select. Free Select Tool – This is similar to the photoshop lasso tool and polygonal tool. Color Picker Tool – Use this tool to pick a certain color from your image.TD TEMPLATES [GIMP BEGINNER’S TUTORIAL] 5. 6 . then move your cursor to freely draw the area you wish to select. GIMP Tools Now we will be going through some of the essential tools you will need to know about when creating clothing textures in GIMP. Fuzzy Select Tool – This is a quick selection tool. With this tool. You can click any part of your image and it will place the exact color of that part into your foreground colour box. The threshold slider is located underneath the toolbox. You can click your image with the fuzzy select tool and it will use the threshold setting to automatically select around the area you clicked on. should you wish to select a particular region of your image without manually drawing around it.
Paintbrush Tool – Clicking on the paintbrush tool will bring up a set of option on the left on your screen which you can use to change the brush options like size/ shape etc. when you do this it won’t be able to reverse back to a text layer like before.TD TEMPLATES [GIMP BEGINNER’S TUTORIAL] Zoom Tool – Simply zooms in and out of your image. History – Next to your Layers and Channels tab on the upper right side of GIMP is the History tab. You can also click Edit > Undo from the top menu toolbar or press Ctrl Z to undo your last action. You’ll need to right click the layer then select Discard Text Information. indicated by this icon The history tab allows you to go back one or more steps if you make a mistake. Smudge Tool – A slightly more advanced tool which allows you to make subtle touches to your image by holding the mouse down and sliding across to smudge that area. it will not be editable like your other layers – for instance you won’t be able to erase parts of it with your eraser tool. This is because it contains text information only for use for the text tool. Eraser Tool – If you make a mistake you can erase parts of your image using the eraser tool. Useful Hint: When you create a new text layer. Click this tool then select which part of your image to have the text placed on. Using the brush tool is just like using a brush on a canvas you can freely use it to make swirls and draw on your image. You can change the size of the eraser brush in the options underneath the toolbox. You can make the area bigger/ smaller by adjusting the smudge brush size on the left side of the screen under the toolbox. 7 . The foreground color will be the main color used by your brush and the paint bucket tools. Text Tool – Inserts text into your document. Foreground / Background Colors – Underneath the toolbox are two squares. You can then change font size type/ size etc from the text palette on the left side of the screen. However. these represent your currently selected foreground and background colors. smudging is not always recommend since it can distort the image and take away from the texturing making it look unclear and blurred. Bucket Fill Tool – Fills your whole image or selection with your foreground color.
To make it visible again you can click the square where the eye icon used to be. Working with Layers Layers make it easier to separate different elements of the image you are working on. You can rename a layer at any time by double clicking the layer. The layers palette window is usually located to the right of your workspace. You can select a layer by left clicking it. you can click the layers icon to open your layer list. The layer order will determine which layers are visible above the others. Naming layers improves the organisation of your project and lets you know which layers are which. To create a new layer. You can move layers around in the list by left clicking and dragging them up/ down the list. once a layer is selected. By right clicking the layer you can also choose to delete it or make a duplicate of it. Making a duplicate is useful to create a backup of your current layer if you’re making drastic changes which you won’t be able to easily undo. For example you can have the shadows on one layer and the colouring on another allowing you to modify one layer at a time without disturbing the other layers. any changes you make to the image will remain on that layer. choose Layer from the top menu bar and select New Layer. Further on in this tutorial we will be showing you how to use layer options such as opacity and layer modes to put your designs onto your clothing.TD TEMPLATES [GIMP BEGINNER’S TUTORIAL] 6. This will bring up a new dialog from which you can name the layer and choose the layer type – you will normally pick transparent to have a new blank layer to work with. Layers can be made not visible by clicking the eye icon. 8 . or right clicking it and selecting Edit Layer Attributes.
You’ll notice that on the canvas. To open the channels window click the channels icon is in the upper right next to the layers button. Alpha Channel Basics The alpha channel is located in the channels palette window. the white visible parts of the alpha channel show up as black and the black non visible parts come up transparent as shown here: 9 . Now you can select the alpha. You cannot use colours on the alpha channel. first make the Red Green Blue channels not visible by clicking the eye icons next to them. which parts of the template texture are used in the clothing item you are designing. The white parts will remain visible on the texture once you export it and the black parts will be shown as transparent. In simple terms. You will see that the alpha channel is in black and white. It controls which parts of the template are transparent.TD TEMPLATES [GIMP BEGINNER’S TUTORIAL] 7. It cuts out the shape of the clothing from the texture. To view the alpha channel.
You can see the alpha now has a V shaped collar. Any transparent parts on the layers will show up as black on the alpha. any changes that you make to the layers will have an effect on the alpha channel. Here is a picture of the top of a shirt texture with a round collar and next to it a picture of the alpha. Now if we cut out a V-Shape from the normal shirt collar layer. As we can see the shape of the shirt collar is the same as its alpha. So if you had a completely empty transparent image and drew a square on a layer – it will automatically show a white square in that position automatically on the alpha channel to show that it is no longer transparent.TD TEMPLATES [GIMP BEGINNER’S TUTORIAL] In GIMP. We are going to be turning this from a round neck into a v neck shape. So in this example we will be altering the shape of the collar on a shirt to see how it affects the alpha channel. 10 . automatically the alpha channel changes to reflect the new shape of the shirt.
- - 11 . NOTE: Be careful when choosing where to place your design since the avatar can tend to distort it on certain areas of the body. Adding Designs / Logo’s Anyone can place a logo on top of a clothing template. Most noticeably around the female breast area.TD TEMPLATES [GIMP BEGINNER’S TUTORIAL] 8. Here are some tips and tricks to place your logo or design on the template. Position your logo/design where you would like it. - The layer modes are located above the layers on top of the opacity slider. however its making the logo look realistically part of the clothing itself which takes more skill. Adjusting the Opacity levels also helps to blend your logo in with the clothing template. Paste your logo or design on a new layer (Layer > New Layer). You can use these options to blend your current design layer with the layers underneath it. Once you click the drop-down box a list of options is displayed for you to choose from. Now we will talk about a few layer modes you can use to your advantage to make your design look more professional when placed onto your clothes. Choose which option suits your logo layer the best since it depends on the type of logo you have.com/community/templates. Overlay and Multiply are useful when blending your logo with the clothes template. Lighten. Useful Hint: Go to this web page: http://secondlife. Darken. the sides of the body and other parts likely to be contoured.php And download the avatar UV Templates which map out the avatar body contours.
Adjust the sliders until you reach your desired color. Coloring Coloring is another essential skill to learn when designing clothing to wear in SL.Saturation. Select the layer you wish to change the color of. 12 . Click OK and that layer will be tinted to the new color. This will save the hue/saturation settings so you can tint to that color again.TD TEMPLATES [GIMP BEGINNER’S TUTORIAL] 9. Quick Tip: When you have the sliders set to a color you might want to use again. We will now walk through how to alter the color of your outfit. From here you can change our color settings to adjust the color of your current layer. From the top menu toolbar choose Colours then click on Hue. click the “+” icon next to the drop down box beside Presets to Save as a Preset. The Hue-Saturation window will then be displayed. Hue will alter which color you will be changing your layer into. To load the preset again you can select it from the drop down box next to Presets. lightness controls how bright/dark the color is and saturation changes the degree of how strong the color is (lowest will be greyscale).
you can drag the texture straight from your inventory into the upper fabric box. - If your shirt is completely closed at the front. then create a new underpants layer from the Underpants tab and drag your lower into the Fabric box. - - Alternatively. go into appearance and select the Shirt tab then drag your upper texture into the Fabric box. you can then begin to transform them into your finished product. Then from this window you can select the upper texture you want to use for your shirt. Create New Jacket. A lot of clothing creators now make their items into more than one clothing type so they can be worn over or under other apparel. scroll down to the Open Front slider and slide it to the right to Closed. - Do the same by dragging your lower texture into the lower fabric box.TD TEMPLATES [GIMP BEGINNER’S TUTORIAL] 10. To make it into a shirt clothing type. - - Tip: The Jacket clothing type is useful for making un-tucked shirts since the lower is shown above the pants clothing layer. 13 . Save the shirt.e. Go to your inventory. (Make sure you have taken off any shirts/jackets you’re wearing) Select the Jacket tab. it will initially be called New Jacket. From Texture to Clothing Once you have your finished texture(s) and uploaded them into SL. Make the Pants Waist slider 100 to erase the gap in between the shirt and the underpants. Go into appearance mode by right clicking your avatar and selecting Appearance. Click the Upper Fabric Box. size of collar etc. length of sleeves. we made it into a Jacket clothing type which is worn above every other upper clothing type. - Once you have this finished click Save. however change this to the name you wish to have for your product. For the shirt we just made. - You can use these clothing option sliders to adjust the shape of your clothing. the new jacket will be in your Clothing folder. Let’s start with making a simple shirt. i.
Mod: They can modify the clothing item in appearance (useful for when editing sleeve length/collar size is necessary). Now it’s ready to put into your box or display for purchase.TD TEMPLATES [GIMP BEGINNER’S TUTORIAL] 11. 14 . Trans (Transfer) – This means they can transfer the item to anyone else but they cannot replicate it or modify it in appearance. ** Thank You for using one of our tutorials. These options are what the buyer can do with your product once they have purchased it. Copy: They can make copies of it in their inventory. The two most common permission options are: Copy/Mod – This means they can copy and modify the item in their own inventory for themselves but cannot give it to anyone else. (This is useful for making clothes which people can gift people as presents). Below where it says Next Owner Can: is where the permissions are. Tip: Put your store landmark into the packaging and if necessary a note card about how to use the product. Packaging Tips Setting Permissions [Perms] for your product Right click your clothing item from your inventory and choose properties. Transfer: They can give it someone else.
This action might not be possible to undo. Are you sure you want to continue?
We've moved you to where you read on your other device.
Get the full title to continue reading from where you left off, or restart the preview.