Using Gimp to Fix Chain Shirt 5: An armor reskinning tutorial for NWN2 by Barrel of Monkeys Version 1: July 7, 2008

Size: px
Start display at page:

Download "Using Gimp to Fix Chain Shirt 5: An armor reskinning tutorial for NWN2 by Barrel of Monkeys Version 1: July 7, 2008"

Transcription

1 Using Gimp to Fix Chain Shirt 5: An armor reskinning tutorial for NWN2 by Barrel of Monkeys Version 1: July 7, 2008 This tutorial will walk a beginner through the steps of modifying the textures of an armor using the free drawing software Gimp. The specific armor we ll be fixing is the human female version of Chain Shirt 5. This write-up assumes the user has no prior knowledge of how to use any of the tools listed in the tutorial, but does require that the user knows how to extract files from.zip archives and is comfortable with basic Windows file manipulations. Programs you ll need for this tutorial: - the game Neverwinter Nights 2 and it s expansion Mask of the Betrayer - Gimp : - the DDS plugin for Gimp : - RunnerDuck s MDB UV Ripper : Part 1: Getting Started 1. Install all the software needed for this tutorial. 2. Get the files we ll need for making our changes: P_HHF_CH_Body06.mdb, P_HHM_CH_Body06.dds, and P_HHM_CH_Body06_t.dds, and copy them to a temporary work directory. P_HHF_CH_Body06.mdb will be found in archive Program Files\Neverwinter Nights 2\Data\NWN2_Models_X1.zip. The DDS files will be found in archive Program Files\Neverwinter Nights 2\Data\NWN2_Materials_X1.zip. 3. Run the UV Ripper program, and load P_HHF_CH_Body06.mdb from your work directory. Set the UV Size setting to 1024 x Save the UV under the name chain06f_uv.jpg to your working directory. This image represents how the 3D model s surface maps to a 2D texture. We now have everything we need to make changes to the texture.

2 Part 2: Setting up Gimp and making a layered texture resource 1. Start up Gimp and load P_HHM_CH_Body06.dds (We ll call this the diffuse texture from here on out.) from your working directory. Uncheck load mipmaps when loading the DDS. 2. If you don t have the Layers dialog open, open it now by clicking on the Dialogs menu option and selecting Layers from the pull down list. 3. Load chain06f_uv.jpg (the UV image) from your working directory. Copy this image by hitting CTRL-C while the image s window is selected. You can now close the window holding this image. 4. Select the diffuse texture window, and hit CTRL-V to paste the UV image over the texture. 5. Right now, your Layers dialog window should have 2 entries: a floating selection and the main entry. Right click the floating selection and turn it into a new layer. Double click your pasted layer and change its name to UV Grid. Finally, change its mode to Difference. This allows you to see through the UV grid to the textures beneath it, providing you with a where to color guide. 6. Save this layered version of the diffuse with File > Save As in your work directory. Save it as a Gimp XCF file to preserve the layering information.

3 We are now ready to start making modifications to the diffuse texture. While we work, we will use the XCF file version of the texture and only convert it to a DDS file to test the image in the game. Looking at the original model in the game s toolset shows us that there are 4 major bugs with the default texture: A. There s a hole around the left shoulder. B. There are holes in the back of the legs. C. The texture seam is broken on the inseam of the calf and thigh areas. D. The texture seam is broken on the inseam of the sleeve and wrist areas. Parts 3, 4, 5 and 6 of this tutorial will cover and fix each of these issues separately. Comparing the diffuse image to what we see on the 3D model, we can determine what regions of the texture corresponds to each part of the body on the model. This will help us pinpoint the specific areas that we need to modify to change the model appearance.

4 Part 3: Fixing the shoulder 1. Using Gimp, open file P_HHM_CH_Body06.xcf. (made from Part 2 of this tutorial) From the menu bar select Layer > New Layer and make a new 1024 x 1024 transparent layer named Shoulder Fix. 2. Select the Shoulder Fix layer and move it below the main surface layer by hitting the green down arrow. All the changes we ll make to the texture in this part of the tutorial will be done on the Shoulder Fix layer. 3. Go to the Gimp tool window and select the clone tool. Set the brush size to Circle(19). Checkbox the Hard Edge. Set the source to Image, but leave Sample Merged unchecked. 4. Select the main surface layer from the Layers dialog, and then in the diffuse image window, CTRL-click a spot on the leather texture of the thigh. This sets the clone tool s source image to that region of the main surface layer. 5. Select the Shoulder Fix layer and in the diffuse image window fill in the edges of the left shoulder until you see the edge of the torso UV grid in the image.

5 Now we re going to convert the image to a DDS and look at the results in game. 6. Save the image as an XCF file, and make a back up of this file. 7. In the Layers dialog, click on the eye next to the UV Grid layer to hide the grid. From the menu bar, select Image > Merge Visible Layers, and make the merged layer clipped to image. 8. From the menus bar use File > Save As to save the selected layer as a dxt5 DDS named P_HHM_CH_Body06.dds. Copy this DDS to your MyDocuments/Neverwinter Nights 2 /override/ directory. Untinted When we look at the new texture in the toolset, we see that the shoulder hole is gone (Yay!), and we can now move on to part 4.

6 Part 4: Fixing the back of the legs 1. Using Gimp, open file P_HHM_CH_Body06.xcf. (made from Part 3 of this tutorial) From the menu bar select Layer > New Layer and make a new 1024 x 1024 transparent layer named Back Leg Fix. 2. Select the Back Leg Fix layer and move it below the main surface layer by hitting the green down arrow. All the changes we ll make to the texture in this part of the tutorial will be done on the Back Leg Fix layer. 3. Go to the Gimp tool window and select the clone tool. Set the brush size to Circle(19). Checkbox the Hard Edge. Set the source to Image, but leave Sample Merged unchecked. 4. Select the main surface layer from the Layers dialog, and then in the diffuse image window, CTRL-click a spot on the chain texture of the calf. This sets the clone tool s source image to that region of the main surface layer. 5. Select the Back Leg Fix layer and in the diffuse image window fill in the gaps between the rags of the leg leather on the thigh about half way. 6. Save the XCF file and back it up, then hide the grid, collapse the visible layers, and save it as a DDS to the nwn2 override directory. (see Part 3, steps 7 and 8 for details) The texture should now look something like this in game. If you are still seeing holes in the back of the leg, repeat the steps and fill in a little more of the gap. Untinted Tinted Notice that in the tinted version, the tint now paints too far past the rags and needs to be fixed. We ll save all the tint fixes for Part 7 of the tutorial.

7 Part 5: Fixing the leg inseam 1. Using Gimp, open file P_HHM_CH_Body06.xcf. (made from Part 4 of this tutorial) From the menu bar select Layer > New Layer and make a new 1024 x 1024 transparent layer named Leg Inseam Fix. 2. Select the Leg Inseam Fix layer and move it above the main surface layer. All the changes we ll make to the texture in this part of the tutorial will be done on the Leg Inseam Fix layer. 3. Go to the Gimp tool window and select the clone tool. Set the brush size to Circle(19). Checkbox the Hard Edge. Set the source to Image, but leave Sample Merged unchecked. 4. Select the main surface layer from the Layers dialog, and then in the diffuse image window, CTRL-click a spot on the chain texture of the calf to set the clone source. Pick a spot close to the top of the calf area UV grid. Select the Leg Inseam Fix layer and in the diffuse image window fill in the black areas outlined by the calf area UV grid on the left and right edges of the grid. Start your pen at the top of each dark edge and use a long downward stroke to fill the area. 5. Select the main surface layer from the Layers dialog, and then in the diffuse image window, CTRL-click a spot on the chain texture of the calf to set the clone source. Pick a spot close to the bottom center of the calf area UV grid. Select the Leg Inseam Fix layer and in the diffuse image window fill in the black area outlined by the calf area UV grid on the bottom edge of the grid. Start your pen to the left of the dark area and drag your pen to the right in a long horizontal stroke to fill the area.

8 6. Select the main surface layer from the Layers dialog, and then in the diffuse image window, CTRL-click a spot on the leather texture of the thigh to set the clone source. Select the Leg Inseam Fix layer and in the diffuse image window fill in the black area outlined by the thigh area UV grid until it s all filled in. 7. Hide the UV Grid layer by hitting the eye icon next to it in the Layers dialog. Go to the Gimp tool window and select the smudge tool. Set the brush size to Circle Fuzzy(11). Leave all the checkboxes empty. Use the tool on the Leg Inseam Fix layer to smooth out any areas of the thigh that look rough. 8. Save the XCF file and back it up, then hide the grid, collapse the visible layers, and save it as a DDS to the nwn2 override directory. (see Part 3, steps 7 and 8 for details) Untinted Tinted Viewing the armor in the toolset, the inseam of the leg now looks closed. There are still some color discrepancies in the leather portion of the leg, but that s being caused by missing normal map data in the areas we just filled in. Unfortunately, trying to fix the normal maps with just Gimp goes beyond the scope of a beginner tutorial and won t be covered here.

9 Part 6: Fixing the inseam on the arm 1. Using Gimp, open file P_HHM_CH_Body06.xcf. (made from Part 5 of this tutorial) Go to the Gimp tool window and choose the rectangle select tool. Set the mode to replace current selection and leave everything else unchecked. 2. Select the main surface layer from the Layers dialog. In the diffuse texture window, draw a selection box around half of the sleeve s texture starting from the top right of the shoulder and ending below the leather cuff, right before the third rivet. Hit CTRL-C to copy that region of the texture and CTRL-V to paste it back into the image. 3. From the Layers dialog window, convert the pasted floater to a new layer and name it Arm Inseam Fix. (See part 2 step 5 on converting floating selections to layers) Move the new layer to right below the UV Grid layer. If your UV Grid layer is hidden, unhide it by clicking on the region where the eye should be. 4. Go to the Gimp tool window and select the move tool with the settings Move: layer and Move the active layer set. In the diffuse texture window, move the Arm Inseam Fix layer until the lower right corner of its leather bracer covers the lower right corner of the sleeve s UV grid.

10 5. Go to the Gimp tool window and select the rotate tool with the settings set to Transform layer, Direction normal, Interpolation cubic, Clipping adjust and Preview image. When you click in the diffuse texture window, a circle wheel appears, and a rotate dialog will popup displaying current rotation values. Click and drag the circle wheel to the lower right corner of the leather bracer. This is the point that the image will pivot around. Click anywhere else inside the yellow box and drag to rotate the layer until the bottom of the left edge of the leather bracer is lined up with the sleeve s UV grid ( about -9 degrees of rotation) Click the Rotate button in the rotate dialog to change the layer to it s new orientation. 6. Select the Move tool again and move the Arm Inseam Fix layer so that the top edge of the leather bracer fits seamlessly with the original texture and the lower right corner of the bracer matches the contour of the sleeve s UV grid. 7. Choose the Free Select tool from the Gimp tool window, and in the diffuse texture window, select the area covered by the collar area UV grid. Hit CTRL-X to delete the region of the Arm Inseam Fix layer obscuring the original collar texture.

11 8. From the menu bar, select Layer > Layer to Image Size to give layer Arm Inseam Fix drawing space around the wrist area of the texture. Select the clone tool and set its brush size to Circle(19). Checkbox the Hard Edge. Set the source to Image, but leave Sample Merged unchecked. On the main surface layer, CTRL-click on the chain texture to set the clone source near the center base of the wrist UV grid area. Select the Arm Inseam Fix layer and in the diffuse image window fill in the black areas outlined by the wrist area UV grid on the left edge of the grid. Start your pen at the bottom of the edge and use long upward strokes to fill the area. 9. Hide the UV Grid layer and select the Before smudge tool. Set the brush to Circle Fuzzy (11) and use it to hide any seam lines you find in the leather bracer. After 10. Save the XCF file and back it up, then hide the grid, collapse the visible layers, and save it as a DDS to the nwn2 override directory. (see Part 3, steps 7 and 8 for details) Untinted Tinted Viewing the armor in the toolset, we fixed the seam, with some minor discoloration from the normal maps. Now all we have left to do is fix the tint map and we re done.

12 Part 7: Altering the tint map to match our diffuse changes 1. Using Gimp, open file P_HHM_CH_Body06.xcf. (made from Part 6 of this tutorial). Next, use CTRL- Alt-O to open file P_HHM_CH_Body06_T.dd s (tint image), no mipmaps as a layer. 2. Name the new layer Tint Map. Set the layer mode to overlay, and move the layer to the top of the list above everything else. This allows us to use everything beneath it as a tracing guide. 3. Pick the Zoom Tool and set it to zoom in. Draw a rectangle around the leather bracer on the sleeve to get a closer view of the area. Select the Pencil Tool and set its brush to Circle(05), scale 1.00, leaving everything else unchecked. Click on the color square in the gimp tools window and change the color to green RGB(0,255,0).

13 4. Using the pencil on the Tint Map layer, trace the upper contour of the leather bracer. Make sure none of the chain part gets covered in green. If you mess up, hit CTRL-Z to undo the brush stroke. Increase the scale of the pencil and fill in the rest of the bracer until its all green. Hit Shift- CTRL-E to restore the view back to the full image. 5. Change the pencil color to blue RGB(0,0,255). On the Tint Map layer, color around the thigh area until it s all covered in blue. 6. Use the Zoom Tool and zoom in on the back leg fix area. Select the Eraser Tool and change it s settings to brush Circle(05), scale 1.00 with hard edge checked. Use the eraser on the Tint Map layer to remove the blue from the chain areas between the ragged leather fringes. Hit Shift-CTRL-E to restore the view back to the full image.

14 7. Save the XCF and back it up. Select the Tint Map layer and set it s mode to normal. Save the layer as P_HHM_CH_Body06_T.dds (remember the _T part of the name). Copy the DDS to your NWN2 override directory. With all the changes you ve made with this tutorial, your version of chain shirt 5 should now look like this: These texture changes will carry over into all the PC versions of chain 5 for both male and female, since they all use the same textures. -End

PICTURE AS PAINT. Most magazine articles written. Creating a seamless, tileable texture in GIMP KNOW-HOW. Brightness. From Photo to Tile

PICTURE AS PAINT. Most magazine articles written. Creating a seamless, tileable texture in GIMP KNOW-HOW. Brightness. From Photo to Tile Creating a seamless, tileable texture in GIMP PICTURE AS PAINT Graphic artists often face the problem of turning a photograph into an image that will tile over a larger surface. This task is not as easy

More information

GIMP (GNU Image Manipulation Program) MANUAL

GIMP (GNU Image Manipulation Program) MANUAL Selection Tools Icon Tool Name Function Select Rectangle Select Ellipse Select Hand-drawn area (lasso tool) Select Contiguous Region (magic wand) Selects a rectangular area, drawn from upper left (or lower

More information

5 Masks and Channels

5 Masks and Channels 5 Masks and Channels Adobe Photoshop uses masks to isolate and manipulate specific parts of an image. A mask is like a stencil. The cutout portion of the mask can be altered, but the area surrounding the

More information

The horse image used for this tutorial comes from Capgros at the Stock Exchange. The rest are mine.

The horse image used for this tutorial comes from Capgros at the Stock Exchange. The rest are mine. First off, sorry to those of you that are on the mailing list or RSS that get this twice. I m finally moved over to a dedicated server, and in doing so, this post was lost. So, I m republishing it. This

More information

All Creative Suite Design documents are saved in the same way. Click the Save or Save As (if saving for the first time) command on the File menu to

All Creative Suite Design documents are saved in the same way. Click the Save or Save As (if saving for the first time) command on the File menu to 1 The Application bar is new in the CS4 applications. It combines the menu bar with control buttons that allow you to perform tasks such as arranging multiple documents or changing the workspace view.

More information

Using Adobe Photoshop

Using Adobe Photoshop Using Adobe Photoshop 6 One of the most useful features of applications like Photoshop is the ability to work with layers. allow you to have several pieces of images in the same file, which can be arranged

More information

PHOTOSHOP PUZZLE EFFECT

PHOTOSHOP PUZZLE EFFECT PHOTOSHOP PUZZLE EFFECT In this Photoshop tutorial, we re going to look at how to easily create a puzzle effect, allowing us to turn any photo into a jigsaw puzzle! Or at least, we ll be creating the illusion

More information

Graphics Handling (GIMP)

Graphics Handling (GIMP) http://www.plk83.edu.hk/cy/gimp Contents 1. Introduction (Page 1) 2. Understanding the User Interface (Page 1) 3. Image Authoring (Page 2) 4. Photo Retouching (Page 6) Introduction GIMP is a free computer

More information

Lesson 16 Text, Layer Effects, & Filters

Lesson 16 Text, Layer Effects, & Filters Lesson 16 Text, Layer Effects, & Filters Digital Media I Susan M. Raymond West High School In this tutorial, you will: Create a Type Layer Add and Format Type within a Type Layer Apply Layer Effects Apply

More information

Ascension's Atlas Tutorial in GIMP

Ascension's Atlas Tutorial in GIMP Ascension's Atlas Tutorial in GIMP What follows is, as near as I can make it, an approximation in gimp of Ascension s Photoshop Atlas Style tutorial. Only the techniques used are in this version, so I

More information

Adobe Photoshop CC 2018 Tutorial

Adobe Photoshop CC 2018 Tutorial Adobe Photoshop CC 2018 Tutorial GETTING STARTED Adobe Photoshop CC 2018 is a popular image editing software that provides a work environment consistent with Adobe Illustrator, Adobe InDesign, Adobe Photoshop,

More information

Introduction to Layers

Introduction to Layers Introduction to Layers By Anna Castano A layer is an image or text that is piled on top of another. There are many things you can do with layer and it is easy to understand how it works. Through the introduction

More information

Introduction to Photoshop

Introduction to Photoshop Introduction to Photoshop Instructional Services at KU Libraries A Division of Information Services www.lib.ku.edu/instruction Abstract: This course covers the basics of Photoshop, including common tools

More information

How To Create a Stylish Skull Based Vector Illustration

How To Create a Stylish Skull Based Vector Illustration How To Create a Stylish Skull Based Vector Illustration The skull and crossed pistons mark is a popular adaption of the tradition skull and crossbones symbol and is commonly seen in motorcycle culture,

More information

Extreme Makeovers: Photoshop Retouching Techniques

Extreme Makeovers: Photoshop Retouching Techniques Extreme Makeovers: Table of Contents About the Workshop... 1 Workshop Objectives... 1 Getting Started... 1 Photoshop Workspace... 1 Retouching Tools... 2 General Steps... 2 Resolution and image size...

More information

UNDERSTANDING LAYER MASKS IN PHOTOSHOP

UNDERSTANDING LAYER MASKS IN PHOTOSHOP UNDERSTANDING LAYER MASKS IN PHOTOSHOP In this Adobe Photoshop tutorial, we re going to look at one of the most essential features in all of Photoshop - layer masks. We ll cover exactly what layer masks

More information

Welcome to Corel DESIGNER, a comprehensive vector-based package for technical graphic users and technical illustrators.

Welcome to Corel DESIGNER, a comprehensive vector-based package for technical graphic users and technical illustrators. Workspace tour Welcome to Corel DESIGNER, a comprehensive vector-based package for technical graphic users and technical illustrators. This tutorial will help you become familiar with the terminology and

More information

Adobe Photoshop CS5 Tutorial

Adobe Photoshop CS5 Tutorial Adobe Photoshop CS5 Tutorial GETTING STARTED Adobe Photoshop CS5 is a popular image editing software that provides a work environment consistent with Adobe Illustrator, Adobe InDesign, Adobe Photoshop

More information

Introduction to Photoshop Elements

Introduction to Photoshop Elements John W. Jacobs Technology Center 450 Exton Square Parkway Exton, PA 19341 610.280.2666 ccljtc@ccls.org www.ccls.org Facebook.com/ChesterCountyLibrary Introduction to Photoshop Elements Chester County Library

More information

2ND EDITION COVERS GIMP 2.8 GIMP. creative techniques for photographers, artists, and designers. michael j. hammel THE ARTIST S GUIDE TO

2ND EDITION COVERS GIMP 2.8 GIMP. creative techniques for photographers, artists, and designers. michael j. hammel THE ARTIST S GUIDE TO 2ND EDITION COVERS GIMP 2.8 THE ARTIST S GUIDE TO GIMP creative techniques for photographers, artists, and designers michael j. hammel 2.8 Photo Restoration Photo restoration and retouching the art of

More information

GETTING STARTED MAKING A NEW DOCUMENT

GETTING STARTED MAKING A NEW DOCUMENT Accessed with permission from http://web.ics.purdue.edu/~agenad/help/photoshop.html GETTING STARTED MAKING A NEW DOCUMENT To get a new document started, simply choose new from the File menu. You'll get

More information

ARCHICAD Introduction Tutorial

ARCHICAD Introduction Tutorial Starting a New Project ARCHICAD Introduction Tutorial 1. Double-click the Archicad Icon from the desktop 2. Click on the Grey Warning/Information box when it appears on the screen. 3. Click on the Create

More information

A quick note: We hope that you will find something from the Tips and Tricks that will add a little pizazz to your yearbook pages!

A quick note: We hope that you will find something from the Tips and Tricks that will add a little pizazz to your yearbook pages! A quick note: The following pages are tips and tricks for Basic Photoshop users. You may notice that some instructions indicate that non-awpc fonts were used, and that some colors were created using the

More information

GIMP WEB 2.0 ICONS. Web 2.0 Icons: Paperclip Completed Project

GIMP WEB 2.0 ICONS. Web 2.0 Icons: Paperclip Completed Project GIMP WEB 2.0 ICONS WEB 2.0 ICONS: PAPERCLIP OPEN GIMP or Web 2.0 Icons: Paperclip Completed Project Step 1: To begin a new GIMP project, from the Menu Bar, select File New. At the Create a New Image dialog

More information

Photoshop Filters. Applying Filters from the Filter Menu

Photoshop Filters. Applying Filters from the Filter Menu Photoshop Filters Filters are easy to learn and use, and yet are one of Photoshop s most powerful features. When used properly, they can recreate a number of photographic and artistic effects, can enhance

More information

11 Advanced Layer Techniques

11 Advanced Layer Techniques 11 Advanced Layer Techniques After you ve learned basic layer techniques, you can create more complex effects in your artwork using layer masks, path groups, filters, adjustment layers, and more style

More information

Adobe PhotoShop Elements

Adobe PhotoShop Elements Adobe PhotoShop Elements North Lake College DCCCD 2006 1 When you open Adobe PhotoShop Elements, you will see this welcome screen. You can open any of the specialized areas. We will talk about 4 of them:

More information

Clipping Masks And Type Placing An Image In Text With Photoshop

Clipping Masks And Type Placing An Image In Text With Photoshop Clipping Masks And Type Placing An Image In Text With Photoshop Written by Steve Patterson. In a previous tutorial, we learned the basics and essentials of using clipping masks in Photoshop to hide unwanted

More information

Getting Started. with Easy Blue Print

Getting Started. with Easy Blue Print Getting Started with Easy Blue Print User Interface Overview Easy Blue Print is a simple drawing program that will allow you to create professional-looking 2D floor plan drawings. This guide covers the

More information

CSCI Lab 6. Part I: Simple Image Editing with Paint. Introduction to Personal Computing University of Georgia. Multimedia/Image Processing

CSCI Lab 6. Part I: Simple Image Editing with Paint. Introduction to Personal Computing University of Georgia. Multimedia/Image Processing CSCI-1100 Introduction to Personal Computing University of Georgia Lab 6 Multimedia/Image Processing Purpose: The purpose of this lab is for you to gain experience performing image processing using some

More information

GIMP Layers. Creating a Blank Image

GIMP Layers. Creating a Blank Image GIMP Layers One of the most powerful features of modern imaging software is the ability to work with layers. If an image is made of layers, we can work on the part that is in one layer without affecting

More information

MIRROR IMAGING. Author: San Jewry LET S GET STARTED. Level: Beginner+ Download: None Version: 1.5

MIRROR IMAGING. Author: San Jewry LET S GET STARTED. Level: Beginner+ Download: None Version: 1.5 Author: San Jewry Level: Beginner+ Download: None Version: 1.5 In this tutorial, you will learn how to create a mirror image of your work. Both sides will look exactly the same no matter how much you tweak

More information

Photoshop CC Editing Images

Photoshop CC Editing Images Photoshop CC Editing Images Rotate a Canvas A canvas can be rotated 90 degrees Clockwise, 90 degrees Counter Clockwise, or rotated 180 degrees. Navigate to the Image Menu, select Image Rotation and then

More information

Adobe Photoshop CS5 Layers and Masks

Adobe Photoshop CS5 Layers and Masks Adobe Photoshop CS5 Layers and Masks Email: training@health.ufl.edu Web Page: http://training.health.ufl.edu Adobe Photoshop CS5: Layers and Masks 2.0 Hours The workshop will cover creating and manipulating

More information

Chapter 4: Draw with the Pencil and Brush

Chapter 4: Draw with the Pencil and Brush Page 1 of 15 Chapter 4: Draw with the Pencil and Brush Tools In Illustrator, you create and edit drawings by defining anchor points and the paths between them. Before you start drawing lines and curves,

More information

photoshop filters kelly ludwig assistant professor

photoshop filters kelly ludwig assistant professor photoshop filters kelly ludwig assistant professor sharpening images reducing noise correcting distortions in images practical filters There are over 100 filters that ship with Photoshop and they're all

More information

Copyrights and Trademarks

Copyrights and Trademarks Mobile Copyrights and Trademarks Autodesk SketchBook Mobile (2.0) 2012 Autodesk, Inc. All Rights Reserved. Except as otherwise permitted by Autodesk, Inc., this publication, or parts thereof, may not be

More information

6 MASKS AND CHANNELS. Lesson overview

6 MASKS AND CHANNELS. Lesson overview 6 MASKS AND CHANNELS Lesson overview In this lesson, you ll learn how to do the following: Create a mask to remove a subject from a background. Refine a mask to include complex edges. Create a quick mask

More information

Tiling. 1. Overlapping tiles with fixed number of tiles. Tutorial

Tiling. 1. Overlapping tiles with fixed number of tiles. Tutorial Tutorial Tiling Software version: Asanti 3.0 Document version: April 3, 2017 This tutorial demonstrates how to use tiling within Asanti. Download the Asanti Sample Files via the Asanti Client (Help > Asanti

More information

Creating Digital Illustrations for Your Research Workshop IV Illustration Demo Part II

Creating Digital Illustrations for Your Research Workshop IV Illustration Demo Part II Creating Digital Illustrations for Your Research Workshop IV Illustration Demo Part II Final Figure Workshop IV Components Topics & Techniques covered How to randomly transform a group of individual shapes.

More information

Now we ve had a look at the basics of using layers, I thought we d have a look at a few ways that we can use them.

Now we ve had a look at the basics of using layers, I thought we d have a look at a few ways that we can use them. Stone Creek Textiles stonecreektextiles.co.uk Layers Part 2 Now we ve had a look at the basics of using layers, I thought we d have a look at a few ways that we can use them. In Layers part 1 we had a

More information

Corel PHOTO-PAINT BERNINA Page 1 DL

Corel PHOTO-PAINT BERNINA Page 1 DL Corel PHOTO-PAINT 2018 BERNINA Page 1 Corel PHOTO-PAINT Corel PHOTO-PAINT is part of BERNINA Embroidery Software and gives users many tools for editing photos or bitmap artwork. Corel PHOTO- PAINT can

More information

Figure 9.10 This shows the File Scripts menu, where there is now a new script item called Delete All Empty layers.

Figure 9.10 This shows the File Scripts menu, where there is now a new script item called Delete All Empty layers. Layers Layers play an essential role in all aspects of Photoshop work. Whether you are designing a Web page layout or editing a photograph, working with layers lets you keep the various elements in a design

More information

By Washan Najat Nawi

By Washan Najat Nawi By Washan Najat Nawi how to get started how to use the interface how to modify images with basic editing skills Adobe Photoshop: is a popular image-editing software. Two general usage of Photoshop Creating

More information

Introduction to Layers in Photoshop. Layers palette

Introduction to Layers in Photoshop. Layers palette Layers: Are an essential element of Photoshop and a tool of every digital darkroom. Allow you to optimize one part of your photograph without affecting other parts. Allow an Undo of everything from minor

More information

1. INTRODUCTION. What you will need:

1. INTRODUCTION. What you will need: CONTENTS 1. INTRODUCTION... 2 2. EXPORT FROM TSR WORKSHOP... 3 3. TEXTURE... 5 3.1. Preparation... 5 3.2. Multiplier... 8 3.2.1. Grayscale Equalization... 11 3.2.2. Adding Texture to the Bottoms of Skirts

More information

Part 1- Fundamental Functions

Part 1- Fundamental Functions Part 1- Fundamental Functions Note: Alt+Tab will allow you to move between programs in the docker. Shift+Tab removes right pallets Tab removes all pallets Ctrl+1= centers art board Ctrl + 0= fill window

More information

IT154 Midterm Study Guide

IT154 Midterm Study Guide IT154 Midterm Study Guide These are facts about the Adobe Photoshop CS4 application. If you know these facts, you should be able to do well on your midterm. Photoshop CS4 is part of the Adobe Creative

More information

NMC Second Life Educator s Skills Series: How to Make a T-Shirt

NMC Second Life Educator s Skills Series: How to Make a T-Shirt NMC Second Life Educator s Skills Series: How to Make a T-Shirt Creating a t-shirt is a great way to welcome guests or students to Second Life and create school/event spirit. This article of clothing could

More information

Creating Photo Borders With Photoshop Brushes

Creating Photo Borders With Photoshop Brushes Creating Photo Borders With Photoshop Brushes Written by Steve Patterson. In this Photoshop photo effects tutorial, we ll learn how to create interesting photo border effects using Photoshop s brushes.

More information

INTERMEDIATE PHOTOSHOP: FAMILY PHOTOS

INTERMEDIATE PHOTOSHOP: FAMILY PHOTOS INTERMEDIATE PHOTOSHOP: FAMILY PHOTOS What is Photoshop Elements? Photoshop Elements is a streamlined version of Adobe Photoshop CC. Despite missing some more advanced features, it is a robust piece of

More information

A lthough it may not seem so at first

A lthough it may not seem so at first Photoshop Selections by Jeff The Wizard of Draws Bucchino www.wizardofdraws.com A lthough it may not seem so at first glance, learning to use Photoshop is largely about making selections. Knowing how to

More information

Getting Started. 1. Double click on the eye con. 2. Single click on File, then new, then OK. Click here.

Getting Started. 1. Double click on the eye con. 2. Single click on File, then new, then OK. Click here. Getting Started 1. Double click on the eye con. 2. Single click on File, then new, then OK. Click here. What is Photoshop? Photoshop is a program that lets you make pictures. You can put away your markers

More information

Temple Dragon. demonstration

Temple Dragon. demonstration demonstration Temple Dragon Imagining new dragons is a challenge since so many illustrations have been done throughout history. Try not to copy drawings you have already seen. Instead, develop your own

More information

Illustrator Tutorial - Create a Gang of Vector Ninjas

Illustrator Tutorial - Create a Gang of Vector Ninjas Blog.SpoonGraphics - Design Tutorials and Free Vector Downloads Illustrator Tutorial - Create a Gang of Vector Ninjas Free Vector Illustrations Download Amazing Illustrations. Join istockphoto For Free

More information

Photoshop CS2. Step by Step Instructions Using Layers. Adobe. About Layers:

Photoshop CS2. Step by Step Instructions Using Layers. Adobe. About Layers: About Layers: Layers allow you to work on one element of an image without disturbing the others. Think of layers as sheets of acetate stacked one on top of the other. You can see through transparent areas

More information

When Lines Intersect Lines

When Lines Intersect Lines &RPSOH[*UDSKLFVRQD 6LQJOH/D\HU Content provided in partnership with Peachpit Press, from the book Macromedia Flash MX for Windows and Macintosh: Visual QuickStart Guide by Katherine Ulrichà To work effectively

More information

Compositing. Compositing is the art of combining two or more distinct elements to create a sense of seamlessness or a feeling of belonging.

Compositing. Compositing is the art of combining two or more distinct elements to create a sense of seamlessness or a feeling of belonging. Compositing Compositing is the art of combining two or more distinct elements to create a sense of seamlessness or a feeling of belonging. Selection Tools In the simplest terms, selections help us to cut

More information

Na'vi from Avatar Movie

Na'vi from Avatar Movie Na'vi from Avatar Movie Prep Open Photoshop. Go to Photoshop>Preferences>Performance. Where is says "History && Cache" Change the history states to "200". Chances are you will mess up A LOT and you want

More information

Kitchen and Bath Design Tutorial

Kitchen and Bath Design Tutorial Kitchen and Bath Design Tutorial This tutorial continues where the Interior Design Tutorial left off. You should save this tutorial using a new name to archive your previous work. The tools and techniques

More information

1. Creating geometry based on sketches 2. Using sketch lines as reference 3. Using sketches to drive changes in geometry

1. Creating geometry based on sketches 2. Using sketch lines as reference 3. Using sketches to drive changes in geometry 4.1: Modeling 3D Modeling is a key process of getting your ideas from a concept to a read- for- manufacture state, making it core foundation of the product development process. In Fusion 360, there are

More information

2.11 CASTING LIGHT THROUGH A WINDOW

2.11 CASTING LIGHT THROUGH A WINDOW 2.11 CASTING LIGHT THROUGH A WINDOW Adding a light source to a photograph can increase the photograph s dramatic impact especially when the light is shining through a paned window. Actually setting up

More information

Miniature Effect With Tilt-Shift In Photoshop CS6

Miniature Effect With Tilt-Shift In Photoshop CS6 Miniature Effect With Tilt-Shift In Photoshop CS6 This effect works best with a photo taken from high overhead and looking down on your subject at an angle. You ll also want a photo where everything is

More information

The original photo. The final result.

The original photo. The final result. giving a photo painted edges In this Adobe Photoshop tutorial, we re going to combine a couple of different effects. First, we ll give the photo easy-tocreate painted edges, and then we ll make it look

More information

Make Watercolor and Marker Style Portraits with Illustrator

Make Watercolor and Marker Style Portraits with Illustrator Make Watercolor and Marker Style Portraits with Illustrator Save Preview Resources Portrait by Lillian Bertram (Creative Commons Share Alike used here with permission) Step 1: Set up your Illustrator document

More information

Chapter 8. Working with Transparency, Effects, and Graphic Styles and Recoloring Artwork Delmar, Cengage Learning

Chapter 8. Working with Transparency, Effects, and Graphic Styles and Recoloring Artwork Delmar, Cengage Learning Chapter 8 Working with Transparency, Effects, and Graphic Styles and Recoloring Artwork 2011 Delmar, Cengage Learning Objectives Use the Transparency panel and the Color Picker Recolor artwork Apply effects

More information

Downloaded From : Working with Photoshop 7.0

Downloaded From :  Working with Photoshop 7.0 Adobe Photoshop 1. Introduction What is Adobe Photoshop? Adobe Photoshop is a web designing software used for giving effects and filters to an image to make it more appealing and attractive. Brought out

More information

TV Aquarium. Create a new document. 8.5 x 11, 300 dpi. Save as TV Aquarium Your Name. Create TV shape. Use Pen

TV Aquarium. Create a new document. 8.5 x 11, 300 dpi. Save as TV Aquarium Your Name. Create TV shape. Use Pen Create a new document. 8.5 x 11, 300 dpi. Save as TV Aquarium Your Name. Create TV shape. Use Pen Tool, Convert Point Tool and Direct Selection Tool. We need side shapes to create patches of light and

More information

Organizing artwork on layers

Organizing artwork on layers 3 Layer Basics Both Adobe Photoshop and Adobe ImageReady let you isolate different parts of an image on layers. Each layer can then be edited as discrete artwork, allowing unlimited flexibility in composing

More information

WORN, TORN PHOTO EDGES EFFECT

WORN, TORN PHOTO EDGES EFFECT Photo Effects: CC - Worn, Torn Photo Edges Effect WORN, TORN PHOTO EDGES EFFECT In this Photoshop tutorial, we ll learn how to take the normally sharp, straight edges of an image and make them look all

More information

Optional extras. Varying the basic technique. Making a parchment that is other than square

Optional extras. Varying the basic technique. Making a parchment that is other than square Optional extras Varying the basic technique CTRL + Z is your friend. This is the undo button, and I use it all the time. This handy keyboard shortcut makes experimentation so much more rewarding. Varying

More information

Student + Instructor:

Student + Instructor: DRAFT OF DEMO FOR The following set of instructions are an optional replacement for the Section Views in SolidWorks. This demo should help prepare the students for the Out of Class HW Student + Instructor:

More information

ILLUSTRATOR BASICS FOR SCULPTURE STUDENTS. Vector Drawing for Planning, Patterns, CNC Milling, Laser Cutting, etc.

ILLUSTRATOR BASICS FOR SCULPTURE STUDENTS. Vector Drawing for Planning, Patterns, CNC Milling, Laser Cutting, etc. ILLUSTRATOR BASICS FOR SCULPTURE STUDENTS Vector Drawing for Planning, Patterns, CNC Milling, Laser Cutting, etc. WELCOME TO THE ILLUSTRATOR TUTORIAL FOR SCULPTURE DUMMIES! This tutorial sets you up for

More information

Challenge Image: Blur the Background

Challenge Image: Blur the Background Challenge Image: Blur the Background Challenge Image: Blur the Background In this lesson, we re going to work on a challenge image that was submitted by a Masters Academy member. The image features a little

More information

How to Create Animated Vector Icons in Adobe Illustrator and Photoshop

How to Create Animated Vector Icons in Adobe Illustrator and Photoshop How to Create Animated Vector Icons in Adobe Illustrator and Photoshop by Mary Winkler (Illustrator CC) What You'll Be Creating Animating vector icons and designs is made easy with Adobe Illustrator and

More information

Line Drawing to Vector Image for Complete Beginners

Line Drawing to Vector Image for Complete Beginners Line Drawing to Vector Image for Complete Beginners Copying a Drawing into Illustrator C6 and simplifying it Open a line drawing (scanned or a digital photo) in Photoshop. The drawing is likely to be quite

More information

Retouching Portraits in Photoshop

Retouching Portraits in Photoshop Retouching Portraits in Photoshop I Removing Blemishes When removing blemishes, acne or other imperfections on the skin, our goal is to maintain as much of the original skin texture as possible. That way,

More information

Shirtless Saga Tutorial Series: Making armor for you and your companions with the toolset (Patch 1.06)

Shirtless Saga Tutorial Series: Making armor for you and your companions with the toolset (Patch 1.06) Shirtless Saga Tutorial Series: Making armor for you and your companions with the toolset (Patch 1.06) by Barrel of Monkeys In this tutorial we ll go through the step by step process of creating new armor,

More information

ADD A REALISTIC WATER REFLECTION

ADD A REALISTIC WATER REFLECTION ADD A REALISTIC WATER REFLECTION In this Photoshop photo effects tutorial, we re going to learn how to easily add a realistic water reflection to any photo. It s a very easy effect to create and you can

More information

IMAGE CORRECTION. You can find this and more information with video tutorials at

IMAGE CORRECTION. You can find this and more information with video tutorials at IMAGE CORRECTION You can find this and more information with video tutorials at http://www.adobe.com/support/photoshop/ P H O T O S H O P T O O L S CLONE STAMP TOOL The Clone Stamp tool paints one part

More information

Types of Mask. Layer masks

Types of Mask. Layer masks Photoshop Layer Mask Features Non destructive (does not delete pixels) until applied Uses brush tool which is configurable Can be added to any layer (except Background unless double click to unlock) including

More information

Autodesk. SketchBook Mobile

Autodesk. SketchBook Mobile Autodesk SketchBook Mobile Copyrights and Trademarks Autodesk SketchBook Mobile (2.0.2) 2013 Autodesk, Inc. All Rights Reserved. Except as otherwise permitted by Autodesk, Inc., this publication, or parts

More information

Key Terms. Where is it Located Start > All Programs > Adobe Design Premium CS5> Adobe Photoshop CS5. Description

Key Terms. Where is it Located Start > All Programs > Adobe Design Premium CS5> Adobe Photoshop CS5. Description Adobe Adobe Creative Suite (CS) is collection of video editing, graphic design, and web developing applications made by Adobe Systems. It includes Photoshop, InDesign, and Acrobat among other programs.

More information

SAVING, LOADING AND REUSING LAYER STYLES

SAVING, LOADING AND REUSING LAYER STYLES SAVING, LOADING AND REUSING LAYER STYLES In this Photoshop tutorial, we re going to learn how to save, load and reuse layer styles! Layer styles are a great way to create fun and interesting photo effects

More information

Recitation 2 Introduction to Photoshop

Recitation 2 Introduction to Photoshop Recitation 2 Introduction to Photoshop What is Adobe Photoshop? Adobe Photoshop is a tool for creating digital graphics either by starting with a scanned photograph or artwork or by creating the graphics

More information

Unit 7 : Image Painting, Editing and Layers

Unit 7 : Image Painting, Editing and Layers Unit 7 : Image Painting, Editing and Layers Introduction This Unit describes about various painting tools; such as selection, cropping and measuring tools, retouching, drawing and type tools, Navigation

More information

ADOBE ILLUSTRATOR / ADOBE PHOTOSHOP

ADOBE ILLUSTRATOR / ADOBE PHOTOSHOP INDEX > A-Z ADOBE ILLUSTRATOR / ADOBE PHOTOSHOP A C E Align Panel 8, 19, 131 Anchor Points 22 Add 22, 47 Average and Join 30 Delete 22 Convert 22, 48 Stray Anchor Points 30, 42 Anti-alias 175 Anti-alias

More information

Rendering a perspective drawing using Adobe Photoshop

Rendering a perspective drawing using Adobe Photoshop Rendering a perspective drawing using Adobe Photoshop This hand-out will take you through the steps to render a perspective line drawing using Adobe Photoshop. The first important element in this process

More information

USING BRUSHES TO CREATE A POSTER

USING BRUSHES TO CREATE A POSTER 11 USING BRUSHES TO CREATE A POSTER Lesson overview In this lesson, you ll learn how to do the following: Use four brush types: Calligraphic, Art, Bristle, and Pattern. Apply brushes to paths. Paint and

More information

XXXX - ILLUSTRATING FROM SKETCHES IN PHOTOSHOP 1 N/08/08

XXXX - ILLUSTRATING FROM SKETCHES IN PHOTOSHOP 1 N/08/08 INTRODUCTION TO GRAPHICS Illustrating from sketches in Photoshop Information Sheet No. XXXX Creating illustrations from existing photography is an excellent method to create bold and sharp works of art

More information

Car Ad Photoshop Tutorial Miss Van Lenten Tools: Paint brush, Eraser, Quick Selection/Magic Wand, Quick Mask, Layer Mask

Car Ad Photoshop Tutorial Miss Van Lenten Tools: Paint brush, Eraser, Quick Selection/Magic Wand, Quick Mask, Layer Mask Car Ad Photoshop Tutorial Miss Van Lenten Tools: Paint brush, Eraser, Quick Selection/Magic Wand, Quick Mask, Layer Mask Part One: Google image search for a car of your choosing. Make sure you go to tools

More information

Okay, that s enough talking. Let s get things started. Here s the photo I m going to be using in this tutorial: The original photo.

Okay, that s enough talking. Let s get things started. Here s the photo I m going to be using in this tutorial: The original photo. add visual interest with the rule of thirds In this Photoshop tutorial, we re going to look at how to add more visual interest to our photos by cropping them using a simple, tried and true design trick

More information

Photoshop Domain 4: Manipulating Images. Dreamweaver Domain 3

Photoshop Domain 4: Manipulating Images. Dreamweaver Domain 3 Photoshop Domain 4: Manipulating Images 1 Objectives Demonstrate knowledge of working with selections and measurement. Use Photoshop guides and rulers. Transform images. Adjust or correct the tonal range,

More information

PhotoFiltre. Reverse foreground/background colors. Background & foreground colors. Set default foreground/background colors. Color choice palette

PhotoFiltre. Reverse foreground/background colors. Background & foreground colors. Set default foreground/background colors. Color choice palette PhotoFiltre BASIC TOOLS PALETTE Background & foreground colors Reverse foreground/background colors Set default foreground/background colors Color choice palette Toggle through color choice palettes Selection

More information

The original image. Let s get started! The final result.

The original image. Let s get started! The final result. Miniature Effect With Tilt-Shift In Photoshop CS6 In this tutorial, we ll learn how to create a miniature effect in Photoshop CS6 using its brand new Tilt-Shift blur filter. Tilt-shift camera lenses are

More information

FLAMING HOT FIRE TEXT

FLAMING HOT FIRE TEXT FLAMING HOT FIRE TEXT In this Photoshop text effects tutorial, we re going to learn how to create a fire text effect, engulfing our letters in burning hot flames. We ll be using Photoshop s powerful Liquify

More information

Alibre Design Tutorial: Loft, Extrude, & Revolve Cut Loft-Tube-1

Alibre Design Tutorial: Loft, Extrude, & Revolve Cut Loft-Tube-1 Alibre Design Tutorial: Loft, Extrude, & Revolve Cut Loft-Tube-1 Part Tutorial Exercise 5: Loft-Tube-1 [Complete] In this Exercise, We will set System Parameters first, then part options. Then, in sketch

More information

This Photoshop Tutorial 2012 Steve Patterson, Photoshop Essentials.com. Not To Be Reproduced Or Redistributed Without Permission.

This Photoshop Tutorial 2012 Steve Patterson, Photoshop Essentials.com. Not To Be Reproduced Or Redistributed Without Permission. How To Replace The Sky In A Photo In this Photoshop tutorial, we ll learn how to easily replace the sky in a photo! We ll use a basic selection tool and a layer mask to separate the sky from the area below

More information

Photoshop CS6 automatically places a crop box and handles around the image. Click and drag the handles to resize the crop box.

Photoshop CS6 automatically places a crop box and handles around the image. Click and drag the handles to resize the crop box. CROPPING IMAGES In Photoshop CS6 One of the great new features in Photoshop CS6 is the improved and enhanced Crop Tool. If you ve been using earlier versions of Photoshop to crop your photos, you ll find

More information