Pen Tool, Fill Layers, Color Range, Levels Adjustments, Magic Wand tool, and shadowing techniques

Size: px
Start display at page:

Download "Pen Tool, Fill Layers, Color Range, Levels Adjustments, Magic Wand tool, and shadowing techniques"

Transcription

1 Creating a superhero using the pen tool Topics covered: Pen Tool, Fill Layers, Color Range, Levels Adjustments, Magic Wand tool, and shadowing techniques Getting Started 1. Reset your work environment by resetting tools, palette locations and default colors. 2. Open your character file. Changing your image to blue First, you will change your sketch lines from gray or black to blue. This will be helpful later to avoid confusion between your sketch and the pen tool color. In the next 2 steps, you will increase the intensity of the blue channel of your image, to obtain the blue lines on your sketch. 1. To set your sketch lines to blue go to IMAGE - ADJUSTMENTS LEVELS. This will open the Levels option window. In this window, change the Channels to BLUE, and on the Input Levels boxes, type the following values on each box: 0, 1.00, Your image lines should change to blue. This happened because we increased the blue intensity level of the image. Click OK to close the Levels window. 1. Create a new layer (LAYER NEW LAYER). Name the layer SKETCH and click OK to close the window. 2. Fill the layer with white by going to the Paint Bucket Tool ( ), and change the foreground color to white. To change the foreground color to white, you can click

2 on the SWATCHES tab on your palettes, and click on the white square. Then click on the image. This will fill your canvas with white color. 3. Create another layer and name it INK. 4. Your layers palette should look like this: If you need to reorder your layers, just click and drag it to the position that you want on the list. 5. Turn OFF the visibility of the Sketch layer, by clicking on the eye icon next to it. Now you will be able to see your sketch. 6. Verify that your INK layer is selected as shown above. That s where we will draw with the pen tool. 7. Set the foreground color to black, or click on the reset icon for the foreground/background colors on your toolbox. Working with the pen tool 1. Select the Pen Tool on the toolbar. 2. In the options bar for the Pen Tool, select the Paths icon. This will create a path that will be filled with a line on later steps. 3. Click and hold the mouse down where you want to start your line. Note that if you drag the mouse away from the point where you clicked, two handles appear. These handles will help you create arcs instead of straight lines.

3 4. Click again where you want your line to end, and time hold the mouse down again. Drag the mouse to the side and see how your line becomes a curve. Edit the curve by moving the mouse around until you get the desired line or curve. NOTE: If you need to go back a few steps, go to EDIT STEP BACKWARD until you reach the point where you want to start again. 5. When you are done creating your paths, go to the PATHS tab on your palettes. You will see your path saved as Work Path. Click on the Work Path layer and right-click with your mouse. A menu will appear. Select STROKE PATH from the menu. 6. The Stroke Path option window will appear. If you click on the arrow next to Tool, you ll see different options that Photoshop could use to create a stroke. Select BRUSH and click OK. 7. A line that follows your path should appear now as shown above. 8. Undo your stroke by going to EDIT UNDO STROKE PATH, or Ctrl-Z on the keyboard. Then go to the Brush tool ( )and on the options bar above, select a hard edge brush of size 3. (Note: the Hard Edge Brushes are on the beginning of the list, and their edges are very defined, while the Soft Edge Brushes have a blurry edge.)

4 9. Select the Pen Tool again, and keep creating your paths as done in steps 1 to 4 on this section. Remember to hold the CTRL key down to edit or move your anchor points. NOTE: To add segments that do not connect, such as the eyes and the lips, press ENTER and click back on the Work Path layer to select it. If you don t select the Work Path Layer, your previous path will disappear. HINTS: To delete an unwanted anchor point: - Select the Delete Anchor Point tool. You can find by clicking on the Pen Tool icon and holding the mouse down. A menu will appear with different Pen Tool variations. Select the one that has the minus sign next to the Pen. - Then, click on the anchor point that you want to delete, and it will disappear. To move or edit anchor points: - Verify that you are on the Pen Tool and not on the Delete Anchor Point Tool. - Hold down the CTRL key and click on the anchor point that you want to edit or move. - To move the anchor point, simply drag it to the desired position. To edit the anchor point angle, click on the handles and move or resize them to change the angle. To add an anchor point to an existing path: - Select the Add Anchor Point tool ( )by holding the mouse down over the Pen Tool. - Click on the path to create a new anchor point. To create a sharp turn on your path instead of a curve: - Select the Convert Point Tool ( ) by holding the mouse down on the Pen Tool. - Click on the anchor point where you want to create a sharp angle. That will give you a sharp angle instead of a curve. To connect two paths: - If you want to connect two different paths together, click on the anchor points at the edges of each path, and then edit the curve. This will merge both paths into one and will give you a continuous line. 10. When you finish creating your path, you need to save them as one single path before proceeding to the Stroke path command. To save the path, go to the Path palette and select the arrow that is to the right of the Paths tab. Select SAVE PATH from the menu that appears, and name the path to Outline.

5 11. Then, apply the stroke by right clicking on the Outline layer, and selecting STROKE PATH. On the Stroke Path option window, verify that the tool selected is the BRUSH, and click OK. This will create the black outline on your character. 12. Once you finish your lines, you can delete the path, since you don t need it anymore and it will be on your way. To do this, click and drag the Work Path layer to the trash can on that tab. Editing your end lines To give a more professional look to your lines, and imitate the real action of drawing with a pen, you will now edit the ending points of the lines that don t connect with other lines. 1. Click on the Layers Tab to return to the Layers palette. Verify that you have the INK layer selected. 2. Turn OFF the Background layer by clicking on the eye icon next to it. Now turn ON the Sketch layer. This will allow you to see the ink sketch only, on the white background. 3. Now you will examine your image. Look at the corners and determine where a sharp end would give a more realistic pen look to the lines. Here are some examples:

6 The first line above shows a fixed edge on the left. This indicates that the stroke was started from right to left, and it faded as the pen was moved away from the page. The second line is rounded and doesn t look natural. Now, look at the example above. The pointy edge of the shape looks better on the first drawing, where it fades to a sharp edge. The second one doesn t look that way. 4. Now, using the Eraser tool, you will find places where you can create this effect in your picture. To do this, first select the Eraser tool on the Toolbox ( ). On the options above, change the Brush option to a sharp edge brush. 5. Edit your lines where you determine necessary. 6. Also, you can erase lines that you don t want in the picture. Coloring the image Now you will color your image using layers and fill tools. 1. Duplicate the INK layer. To do this, right-click on the INK layer, and select DUPLICATE. On the Duplicate Layer option box, name the layer to COLOR and press OK.

7 2. Turn OFF all the layers except the COLOR layer. To do this, click on the eye icon next to each layer. 3. Now we will get rid of any transparent edges around the lines previously created with the Stroke Path command. Go to EDIT FILL. 4. On the Fill option box, change the Mode to Multiply, Opacity to 100%, Preserve Transparency unchecked, and Fill color to White. Click OK. 5. To accent the dark colors and get rid of any gray colors on the picture, go to IMAGE ADJUSTMENT LEVELS. If there are any peaks like the one on the right side of the graph below, move the slider underneath of the peak to the center of the graph, so that the peaks are either to the left or to the right of your sliders. Click OK when done. 6. Next, we will make a selection of the lines only. Go to SELECT COLOR RANGE. Set FUZZINESS to 0 and check INVERT to ON. Click OK. You should have now a selection that includes the white area only. 7. Hit DELETE on the keyboard to erase the selection. Now the white is deleted, and you have only the black lines. 8. Go to SELECT DESELECT to get rid of the selection.

8 9. If your image should have now the black lines only, with no shades variations of transparency on it. 10. IMPORTANT: If some of your lines disappeared, go back (click) on your history palette on the layer right above the LEVELS step. This will take you back to step number 4. Repeat then steps 5 to 8 above but don t move the sliders to close to the center as you did before. If the problem doesn t get fixed, select the Pencil Tool and draw your line again. 11. We will need to do this later again, so duplicate the layer and name it TEMPLATE. This way you don t have to do this process again. 12. Click back on the COLOR layer. 13. Now, we will fill the basic colors with the Paint Bucket tool. Select the Paint Bucket tool on the toolbox. On the options bar, select Anti-Aliased to OFF. 14. Select the color that you want to use (on the swatch palette), and click on the areas to fill them with the colors. When you finish, you will have your basic colors on your drawing. Creating color highlights Now we will create some highlights on our drawing to give a little bit of volume. 1. Let s start by duplicating the TEMPLATE layer. Name this new layer to SOFT COLOR. Move the layer to the top of the layers list (Click and drag it up). 2. Now click on the Eye Dropper Tool ( ). This tool will set your foreground color to the color of the pixel that you click on the screen. 3. Click on the area that you want to highlight. Note how your foreground color changes to the color of the area where you clicked. 4. Double click on the Foreground color swatch. This will open the Color Picker window. Click above or to the left of the circle that appears on the Color Picker, to lighten the color that you selected. Click OK to close the Color Picker window. 5. Select the Magic Wand tool ( ). This tool allows you to select a section with the same color. Set the Anti-Aliased option to OFF on the option bar.

9 6. Click on the section of your picture where you want to change the color. This will create a selection. 7. Select the Brush tool on the Toolbox. Now paint the highlight areas on your image. See that the selection that you did with the Magic Wand Tool prevents your brush to paint other areas. 8. Continue highlighting the areas that you want to highlight, until you have nice tones on your image. Creating color shades Now we will create some shades on our drawing to enhance the coloring process. 1. Let s start by duplicating the TEMPLATE layer again. This time, name this new layer to SHADING. Move the layer to the top of the layers list (Click and drag it up). 2. Now click on the Eye Dropper Tool ( ). This tool will set your foreground color to the color of the pixel that you click on the screen. 3. Click on the area that you want to highlight. Note how your foreground color changes to the color of the area where you clicked. 4. Double click on the Foreground color swatch. This will open the Color Picker window. Click below or to the right of the circle that appears on the Color Picker, to darken the color that you selected. Click OK to close the Color Picker window. 5. Select the Magic Wand tool ( ). This tool allows you to select a section with the same color. Set the Anti-Aliased option to OFF on the option bar. 6. Click on the section of your picture where you want to change the color. This will create a selection. 7. Select the Brush tool on the Toolbox. Now paint the shadow areas on your image. 8. Continue shading the areas that you want to darken, until you have nice shades on your image. Creating more highlights and textures 1. You can create more highlights and textures by duplicating the TEMPLATE layer again, and placing it on top of all the layers. 2. Set the blending mode of the layer to SCREEN by going to LAYER LAYER STYLE BLENDING OPTIONS. In BLEND MODE, select SCREEN. Click OK to close the window. 3. Select a brush that produces some kind of pattern, such as the Leaves or Stars. 4. Paint on the canvas to see the effect of the brush. A highlight with the pattern of your brush should appear. Create a background and add a shade

10 For the background you can use a layer with a solid color and add a shadow to simulate the floor shadow. 1. Create a new layer and call it BACK_IMAGE. 2. Move the BACK_IMAGE layer right below the INK layer. 3. Select the Paint Bucket tool, and fill the layer with a blue color. 4. To create a shadow on the floor, select the Brush Tool, and double click on the Foreground Color swatch. The Color Picker window will appear. 5. Select a darker tone of blue and click OK. 6. Paint a shadow where you consider necessary. 7. Save your file. HINT: You can also import a background image and use it as background instead. If you do this, make sure that you put the image on a separate layer and that it s behind the character. If you need to resize your image, use the FREE TRANSFORM menu option. Then, create a new layer for the shadow, set its blending mode to SCREEN as shown before, and place it between the image and the character.

9 Using Appearance Attributes, Styles, and Effects

9 Using Appearance Attributes, Styles, and Effects 9 Using Appearance Attributes, Styles, and Effects You can alter the look of an object without changing its structure using appearance attributes fills, strokes, effects, transparency, blending modes,

More information

Using Masks for Illustration Effects

Using Masks for Illustration Effects These instructions were written for Photoshop CS4 but things should work the same or similarly in most recent versions Photoshop. 1. To download the files you ll use in this exercise please visit: http:///goodies.html

More information

To get a copy of this image you right click on the image with your mouse and you will get a menu. Scroll down the menu and select "Save Image As".

To get a copy of this image you right click on the image with your mouse and you will get a menu. Scroll down the menu and select Save Image As. The most popular lesson I teach is editing photographs. Everyone wants to put his or her brother's head on a monkey or something similar. This is also a lesson about "emphasis". You can cause more individuals

More information

Paint/Draw Tools. Foreground color. Free-form select. Select. Eraser/Color Eraser. Fill Color. Color Picker. Magnify. Pencil. Brush.

Paint/Draw Tools. Foreground color. Free-form select. Select. Eraser/Color Eraser. Fill Color. Color Picker. Magnify. Pencil. Brush. Paint/Draw Tools There are two types of draw programs. Bitmap (Paint) Uses pixels mapped to a grid More suitable for photo-realistic images Not easily scalable loses sharpness if resized File sizes are

More information

Tip: Shift/Control/Alt- will reset entire Photoshop program in case someone has changed settings.

Tip: Shift/Control/Alt- will reset entire Photoshop program in case someone has changed settings. Adobe Photoshop CS2 Class 1 Tip: Shift/Control/Alt- will reset entire Photoshop program in case someone has changed settings. Create New File: 1. Click on File/New 2. Choose setting below Resolution: Higher

More information

ADOBE PHOTOSHOP Using Masks for Illustration Effects

ADOBE PHOTOSHOP Using Masks for Illustration Effects ADOBE PHOTOSHOP Using Masks for Illustration Effects PS PREVIEW OVERVIEW In this exercise, you ll see a more illustrative use of Photoshop. You ll combine existing photos with digital art created from

More information

Quick Guide for Photoshop CC Basics April 2016 Training:

Quick Guide for Photoshop CC Basics April 2016 Training: Photoshop CC Basics Creating a New File 1. Click File > New 2. Keep Default Photoshop Size selected in the Preset drop-down list. 3. Click OK. Showing Rulers 1. On the Menu bar, click View. 2. Click Rulers.

More information

In this lesson, you ll learn how to:

In this lesson, you ll learn how to: LESSON 5: ADVANCED DRAWING TECHNIQUES OBJECTIVES In this lesson, you ll learn how to: apply gradient fills modify graphics by smoothing, straightening, and optimizing understand the difference between

More information

Adobe photoshop Using Masks for Illustration Effects

Adobe photoshop Using Masks for Illustration Effects Adobe photoshop Using Masks for Illustration Effects PS Preview Overview In this exercise you ll see a more illustrative use of Photoshop. You ll combine existing photos with digital art created from scratch

More information

Photoshop Creative Cloud (CC)

Photoshop Creative Cloud (CC) Photoshop Creative Cloud (CC) Photoshop is an image editing and design software. Photoshop can be used to add special effects to an image, correct color and image flaws, and even remove parts of an image

More information

ITP 101 Project 2 - Photoshop

ITP 101 Project 2 - Photoshop ITP 101 Project 2 - Photoshop Project Objectives Learn how to use an image editing application to create digital images. We will use Adobe Photoshop for this project. Project Details To continue the development

More information

Photoshop Fundamentals

Photoshop Fundamentals Lesson 3 Photoshop Fundamentals Photoshop Fundamentals How to Navigate your Document Zooming in and out To zoom in and out on your Photoshop document, hold down the Command key (Ctrl on Win) and press

More information

Adobe Photoshop Sh S.K. Sublania and Sh. Naresh Chand

Adobe Photoshop Sh S.K. Sublania and Sh. Naresh Chand Adobe Photoshop Sh S.K. Sublania and Sh. Naresh Chand Photoshop is the software for image processing. With this you can manipulate your pictures, either scanned or otherwise inserted to a great extant.

More information

Making Your First Character

Making Your First Character Create a new canvas on Photoshop (File > New) and set this to 32 x 32 pixels select a transparent background. Remember to set up your preferences under Edit > Preferences > Guides, Grid & Slices Also remember

More information

Education and Training CUFMEM14A. Exercise 2. Create, Manipulate and Incorporate 2D Graphics

Education and Training CUFMEM14A. Exercise 2. Create, Manipulate and Incorporate 2D Graphics Education and Training CUFMEM14A Exercise 2 Create, Manipulate and Incorporate 2D Graphics Menu Exercise 2 Exercise 2a: Scarecrow Exercise - Painting and Drawing Tools... 3 Exercise 2b: Scarecrow Exercise

More information

Making a Portrait From a Snapshot by Phil Russell

Making a Portrait From a Snapshot by Phil Russell Making a Portrait From a Snapshot by Phil Russell Wouldn t it be nice if you had a great snapshot of a friend that you could turn it into a studio portrait? With Photoshop 6 and 7, it is fairly simple.

More information

The Photoshop Workspace

The Photoshop Workspace Adobe Photoshop: Chapter 2: The Photoshop Workspace When you first open or start Photoshop the work area is made up of a set of default or standard Tools, Palettes and menus. Photoshop s Tools are contained

More information

2. If a window pops up that asks if you want to customize your color settings, click No.

2. If a window pops up that asks if you want to customize your color settings, click No. Practice Activity: Adobe Photoshop 7.0 ATTENTION! Before doing this practice activity you must have all of the following materials saved to your USB: runningshoe.gif basketballshoe.gif soccershoe.gif baseballshoe.gif

More information

USING THE PHOTOSHOP TOOLBOX

USING THE PHOTOSHOP TOOLBOX IN THIS CHAPTER USING THE PHOTOSHOP TOOLBOX Using the Options Bar 44 Using the Selection Tools 45 Using the Crop and Slice Tools 46 Using the Retouching Tools 46 Using the Painting Tools 49 Using the Drawing

More information

3. Let s say that we are unsure about what kind of

3. Let s say that we are unsure about what kind of Class Objectives Creating/mixing gradients Loading and using custom brushes Applying/modifying layer styles (drop shadow, glow, pattern overlay, stroke, etc.) Using transformations rotate, perspective,

More information

Big City Lights- Using Photoshop 7.0

Big City Lights- Using Photoshop 7.0 Big City Lights- Using Photoshop 7.0 This Tutorial makes use of Defining Patterns and Layer Effects in order to create a word in lights. It is based on: Big City Lights by Scott Kelby and Felix Nelson,

More information

Adobe Flash Course Syllabus

Adobe Flash Course Syllabus Adobe Flash Course Syllabus A Quick Flash Demo Introducing the Flash Interface Adding Elements to the Stage Duplicating Library Items Introducing Keyframes, the Transform Tool & Tweening Creating Animations

More information

Paint Tutorial (Project #14a)

Paint Tutorial (Project #14a) Paint Tutorial (Project #14a) In order to learn all there is to know about this drawing program, go through the Microsoft Tutorial (below). (Do not save this to your folder.) Practice using the different

More information

How to draw and create shapes

How to draw and create shapes Adobe Flash Professional Guide How to draw and create shapes You can add artwork to your Adobe Flash Professional documents in two ways: You can import images or draw original artwork in Flash by using

More information

Step 1: Create A New Photoshop Document

Step 1: Create A New Photoshop Document Snowflakes Photo Border In this Photoshop tutorial, we ll learn how to create a simple snowflakes photo border, which can be a fun finishing touch for photos of family and friends during the holidays,

More information

SNOWFLAKES PHOTO BORDER - PHOTOSHOP CS6 / CC

SNOWFLAKES PHOTO BORDER - PHOTOSHOP CS6 / CC Photo Effects: Snowflakes Photo Border (Photoshop CS6 / CC) SNOWFLAKES PHOTO BORDER - PHOTOSHOP CS6 / CC In this Photoshop tutorial, we ll learn how to create a simple and fun snowflakes photo border,

More information

Introduction to Photoshop. Training Documentation

Introduction to Photoshop. Training Documentation Introduction to Photoshop Training Documentation 1 Introduction to Photoshop... 3 What is Photoshop?... 3 Tool Palate... 3 Gradient: Allows transition between two or more chosen colors... 4 Other Terms:...

More information

Part 1: Basics. Page Sorter:

Part 1: Basics. Page Sorter: Part 1: Basics Page Sorter: The Page Sorter displays all the pages in an open file as thumbnails and automatically updates as you add content. The page sorter can do the following. Display Pages Create

More information

Advanced Special Effects

Advanced Special Effects Adobe Illustrator Advanced Special Effects AI exercise preview exercise overview The object is to create a poster with a unified color scheme by compositing artwork drawn in Illustrator with various effects

More information

HAPPY HOLIDAYS PHOTO BORDER

HAPPY HOLIDAYS PHOTO BORDER HAPPY HOLIDAYS PHOTO BORDER In this Photoshop tutorial, we ll learn how to create a simple and fun Happy Holidays winter photo border! Photoshop ships with some great snowflake shapes that we can use in

More information

INTRODUCTION and TOOLS TUTORIAL

INTRODUCTION and TOOLS TUTORIAL Adobe Photoshop cs2 INTRODUCTION and TOOLS TUTORIAL OBJECTIVE - This tutorial is designed to introduce you to some of the frequently used tools and actions in Photoshop. All samples used will be found

More information

2. Click on the Freeform Pen Tool. It looks like the image to the right. If it s not showing, right click on that square and choose it from the list.

2. Click on the Freeform Pen Tool. It looks like the image to the right. If it s not showing, right click on that square and choose it from the list. This tutorial will walk you through how to use Paths in Photoshop. It explains the general workings of paths, as well as how to use them to do specific tasks. Tasks such as how to create vector shapes

More information

4 Working with Selections

4 Working with Selections 4 Working with Selections Learning how to select areas of an image is of primary importance you must first select what you want to affect. Once you ve made a selection, only the area within the selection

More information

Keyboard Shortcuts. Command Windows Macintosh

Keyboard Shortcuts. Command Windows Macintosh S00ILCS5.qxp 3/19/2010 1:11 AM Page 477 Keyboard Shortcuts k Adobe Illustrator CS5 If a command on a menu includes a keyboard reference, known as a keyboard shortcut, to the right of the command name,

More information

How to Use the Pixlr Online Image Editor: 9 Steps (with Pictures)

How to Use the Pixlr Online Image Editor: 9 Steps (with Pictures) How to Use the Pixlr Online Image Editor: 9 Steps (with Pictures) Wednesday, February 18 2015, 9:45 PM 1 Go to Pixlr and click on the Image Editor icon. 2 Select an image option when prompted. You can

More information

Graffiti Wallpaper Photoshop Tutorial

Graffiti Wallpaper Photoshop Tutorial Graffiti Wallpaper Photoshop Tutorial Adapted from http://photoshoptutorials.ws/photoshop-tutorials/drawing/create-your-own-graffiti-wallpaper-inphotoshop.html Step 1 - Create a New Document Choose File

More information

Working With Images: Intermediate Photoshop

Working With Images: Intermediate Photoshop Working With Images: Intermediate Photoshop Viewing Information in the Layers Palette 1. Choose File > Open and open the Start.psd file in the Lesson01 folder located in the PS_Workshop folder on the desktop.

More information

Photoshop Tutorial: Removing the Background from an Image

Photoshop Tutorial: Removing the Background from an Image Photoshop Tutorial: Removing the Background from an Image I. Downloading & Opening the file. II. Magic Wand (tomato) Click on the link on the class blog to download the file. Open Photoshop. Go to File

More information

Photoshop Basics A quick introduction to the basic tools in Photoshop

Photoshop Basics A quick introduction to the basic tools in Photoshop Photoshop Basics A quick introduction to the basic tools in Photoshop Photoshop logo courtesy Adobe Systems Inc. By Dr. Anthony R. Curtis Mass Communication Department University of North Carolina at Pembroke

More information

Photoshop tutorial: Final Product in Photoshop:

Photoshop tutorial: Final Product in Photoshop: Disclaimer: There are many, many ways to approach web design. This tutorial is neither the most cutting-edge nor most efficient. Instead, this tutorial is set-up to show you as many functions in Photoshop

More information

Photoshop Tutorial: Removing the Background from an Image

Photoshop Tutorial: Removing the Background from an Image Photoshop Tutorial: Removing the Background from an Image I. Downloading & Opening the file. II. Magic Wand (tomato) Type the following into your browser window to download the source file: da7913.kocfiles.net/veggies.psd

More information

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

The original image. Let s get started! The final result. Vertical Photo Panels Effect In this Photoshop tutorial, we ll learn how to create the illusion that a single photo is being displayed as a series of vertical panels. It may look complicated, but as we

More information

INSTRUCTORS: A. SANPHAWAT JATUPATWARANGKUL A. NATTAPOL SUPHAWONG A. THEEPRAKORN LUNTHOMRATTANA COMPUTER AIDED DESIGN I AUTOCAD AND ILLUSTRATOR CS

INSTRUCTORS: A. SANPHAWAT JATUPATWARANGKUL A. NATTAPOL SUPHAWONG A. THEEPRAKORN LUNTHOMRATTANA COMPUTER AIDED DESIGN I AUTOCAD AND ILLUSTRATOR CS INSTRUCTORS: A. SANPHAWAT JATUPATWARANGKUL A. NATTAPOL SUPHAWONG A. THEEPRAKORN LUNTHOMRATTANA COMPUTER AIDED DESIGN I AUTOCAD AND ILLUSTRATOR CS BITMAP IMAGES VS VECTOR GRAPHICS WORKING WITH BITMAP IMAGES

More information

Creating Digital Illustrations for Your Research Workshop III Basic Illustration Demo

Creating Digital Illustrations for Your Research Workshop III Basic Illustration Demo Creating Digital Illustrations for Your Research Workshop III Basic Illustration Demo Final Figure Size exclusion chromatography (SEC) is used primarily for the analysis of large molecules such as proteins

More information

Step 1: Open A New Photoshop Document

Step 1: Open A New Photoshop Document Create A Fragmented Tiles Text Effect In this Photoshop text effects tutorial, we re going to learn how to create a fragmented tiles effect using Photoshop s Tiles filter. Here s the effect we re going

More information

GIMP WEB 2.0 ICONS. GIMP is all about IT (Images and Text) OPEN GIMP

GIMP WEB 2.0 ICONS. GIMP is all about IT (Images and Text) OPEN GIMP GIMP WEB 2.0 ICONS WEB 2.0 ICONS: STICKY NOTE Web 2.0 Icons: Sticky Note GIMP is all about IT (Images and Text) OPEN GIMP Step 1: To begin a new GIMP project, from the Menu Bar, select File New. At the

More information

Drawing shapes and lines

Drawing shapes and lines Fine F Fi i Handmade H d d Ch Chocolates l Hours Mon Sat 10am 6pm In this demonstration of Adobe Illustrator CS6, you will be introduced to new and exciting application features, like gradients on a stroke

More information

Adding Objects Creating Shapes Adding. Text Printing and Exporting Getting Started Creating a. Creating Shapes Adding Text Printing and Exporting

Adding Objects Creating Shapes Adding. Text Printing and Exporting Getting Started Creating a. Creating Shapes Adding Text Printing and Exporting Getting Started Creating a Workspace Pages, Masters and Guides Adding Objects Creating Shapes Adding Text Printing and Exporting Getting Started Creating a Workspace Pages, Masters and Guides Adding Objects

More information

Creating and Editing Images in Paint Shop Pro Version XI. File Types

Creating and Editing Images in Paint Shop Pro Version XI. File Types Creating and Editing Images in Paint Shop Pro Version XI Paint Shop Pro (PSP) from JASC software (http://www.jasc.com) is an imageediting and creation program. You can download a 30-day trial version from

More information

Layers (Just the Basics) By Jerry Koons

Layers (Just the Basics) By Jerry Koons and their applications are always a topic of concern and confusion, especially to those that are new to the Photoshop and Elements programs. will become one of your best tools after you understand their

More information

Adobe Illustrator CC Advanced

Adobe Illustrator CC Advanced Copy/Paste Objects 1. Select with Selection-Tool 1. Hold Alt-Key Drag with Selection-Tool while still holding the Alt-Key (Additionally holding Shift will move straight or in 45/90/180 Degrees) Align Objects

More information

REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB!

REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB! CS 1033 Multimedia and Communications Lab 07: Introduction to Animation using Photoshop REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB! LAB #7 - Exercise 1 Objectives: Upon completion of Exercise 1 you

More information

User Guide Belltech Systems, LLC

User Guide Belltech Systems, LLC User Guide Belltech Systems, LLC http://www.belltechsystems.com May, 2006 1. Introducing Belltech CaptureXT 2. Installation and Uninstallation Installation Running the Application Uninstallation 3. User

More information

Creative Effects with Illustrator

Creative Effects with Illustrator ADOBE ILLUSTRATOR PREVIEW Creative Effects with Illustrator AI OVERVIEW The object is to create a poster with a unified color scheme by compositing artwork drawn in Illustrator with various effects and

More information

Create a Swirly Lollipop Using the Spiral Tool Philip Christie on Jun 13th 2012 with 12 Comments

Create a Swirly Lollipop Using the Spiral Tool Philip Christie on Jun 13th 2012 with 12 Comments Advertise Here Create a Swirly Lollipop Using the Spiral Tool Philip Christie on Jun 13th 2012 with 12 Comments Tutorial Details Program: Adobe Illustrator CS5 Difficulty: Beginner Es timated Completion

More information

Learning to use the drawing tools

Learning to use the drawing tools Create a blank slide This module was developed for Office 2000 and 2001, but although there are cosmetic changes in the appearance of some of the tools, the basic functionality is the same in Powerpoint

More information

Adobe Photoshop Creative Compositing with Photoshop

Adobe Photoshop Creative Compositing with Photoshop Adobe Photoshop Creative Compositing with Photoshop PS preview Overview The object of this project is to create a title slide for a client presentation. Other than the text elements, the content is up

More information

RICE DMC SHORT COURSE. Creating a Digital Illustration in Photoshop (Advanced)

RICE DMC SHORT COURSE. Creating a Digital Illustration in Photoshop (Advanced) RICE DMC SHORT COURSE Creating a Digital Illustration in Photoshop (Advanced) 1.Filter>Render>Clouds 2.Filter>Distort>Shear Image> Adjustments>Hue and Saturation Add Layer Style 3D>New 3D Layer from File

More information

Sports Jersey Mania, Part 1 By Joel Day

Sports Jersey Mania, Part 1 By Joel Day Sports Jersey Mania, Part 1 By Joel Day This tutorial will walk you through creating a photo rendering of a basketball jersey. I developed this process using a variety of different techniques, including

More information

Adobe Illustrator CS5 Part 2: Vector Graphic Effects

Adobe Illustrator CS5 Part 2: Vector Graphic Effects CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Illustrator CS5 Part 2: Vector Graphic Effects Summer 2011, Version 1.0 Table of Contents Introduction...2 Downloading the

More information

In this exercise you will be creating the graphics for the index page of a Website for children about reptiles.

In this exercise you will be creating the graphics for the index page of a Website for children about reptiles. LESSON 2: CREATING AND MANIPULATING IMAGES OBJECTIVES By the end of this lesson, you will be able to: create and import graphics use the text tool attach text to a path create shapes create curved and

More information

Adobe Photoshop Creative Compositing with Photoshop

Adobe Photoshop Creative Compositing with Photoshop preview Overview The object of this project is to create a title slide for a client presentation. Other than the text elements, the rest of the content is up to the designer, but the client would like

More information

ILLUSTRATOR TUTORIAL-1 workshop handout

ILLUSTRATOR TUTORIAL-1 workshop handout Why is Illustrator a powerful tool? ILLUSTRATOR TUTORIAL-1 workshop handout Computer graphics fall into two main categories, bitmap graphics and vector graphics. Adobe Illustrator is a vector based software

More information

2.) Open you re my documents folder, and then open you re my pictures folder. Now create a new folder called mask advert.

2.) Open you re my documents folder, and then open you re my pictures folder. Now create a new folder called mask advert. PhotoShop Help File Sleeping mask advert lesson 1.) Open adobe Photoshop. 2.) Open you re my documents folder, and then open you re my pictures folder. Now create a new folder called mask advert. 3.) From

More information

HANDS-ON SESSION: Rain in Costa Rica

HANDS-ON SESSION: Rain in Costa Rica 28 HANDS-ON SESSION: Rain in Costa Rica Using the Pen tool and a variety of selection and masking techniques to create a composite of four images, giving us a rainy street scene in San Jose, Costa Rica.

More information

INKSCAPE INTRODUCTION COMPONENTS OF INKSCAPE MENU BAR

INKSCAPE INTRODUCTION COMPONENTS OF INKSCAPE MENU BAR INKSCAPE Prepared by K. Srujana INTRODUCTION Inkscape began in 2003 as a code fork of the Sodipodia project. Sodipodi, developed since 1999, was itself based on Rsph Levien's Gill (Gnome Illustration Application).

More information

Note: Photoshop tutorial is spread over two pages. Click on 2 (top or bottom) to go to the second page.

Note: Photoshop tutorial is spread over two pages. Click on 2 (top or bottom) to go to the second page. Introduction During the course of this Photoshop tutorial we're going through 9 major steps to create a glass ball. The main goal of this tutorial is that you get an idea how to approach this. It's not

More information

Using Blending Modes for Simple Color Correction

Using Blending Modes for Simple Color Correction Using Blending Modes for Simple Color Correction In a previous lesson, you were introduced to blending modes using the Brush Tool. Blending modes are also a powerful feature of the Layers Panel and can

More information

Illustrator 1 Object Creation and Modification Tools

Illustrator 1 Object Creation and Modification Tools Illustrator 1 Object Creation and Modification Tools Pen Tool Creates a precision shape using points and curve handles. Shape Tools Creates geometric solids. Selection Tool Selects objects and groups.

More information

12 APPLYING EFFECTS. Lesson overview

12 APPLYING EFFECTS. Lesson overview 12 APPLYING EFFECTS Lesson overview In this lesson, you ll learn how to do the following: Use various effects, such as Pathfinder, Scribble, and Drop Shadow. Use Warp effects to distort type. Create three-dimensional

More information

OnPoint s Guide to MimioStudio 9

OnPoint s Guide to MimioStudio 9 1 OnPoint s Guide to MimioStudio 9 Getting started with MimioStudio 9 Mimio Studio 9 Notebook Overview.... 2 MimioStudio 9 Notebook...... 3 MimioStudio 9 ActivityWizard.. 4 MimioStudio 9 Tools Overview......

More information

2. Drag and drop the cloud image onto your desktop to be used later in the tutorial.

2. Drag and drop the cloud image onto your desktop to be used later in the tutorial. Do the following tutorial. You will use the Earth Map image and Photo image below. 1. Copy the Earth Map image and paste it into photoshop. Open photoshop. Go to menu/file/new. Name it lastname-earth.

More information

A QUICK TOUR OF ADOBE ILLUSTRATOR CC (2018 RELEASE)

A QUICK TOUR OF ADOBE ILLUSTRATOR CC (2018 RELEASE) A QUICK TOUR OF ADOBE ILLUSTRATOR CC (2018 RELEASE) Lesson overview In this interactive demonstration of Adobe Illustrator CC (2018 release), you ll get an overview of the main features of the application.

More information

HOW TO. In this section, you will find. miscellaneous handouts that explain. HOW TO do various things.

HOW TO. In this section, you will find. miscellaneous handouts that explain. HOW TO do various things. In this section, you will find miscellaneous handouts that explain do various things. 140 SAVING Introduction Every time you do something, you should save it on the DESKTOP. Click Save and then click on

More information

GIMP WEB 2.0 ICONS. GIMP is all about IT (Images and Text) OPEN GIMP

GIMP WEB 2.0 ICONS. GIMP is all about IT (Images and Text) OPEN GIMP GIMP WEB 2.0 ICONS Web 2.0 Banners: Download E-Book WEB 2.0 ICONS: DOWNLOAD E-BOOK OPEN GIMP GIMP is all about IT (Images and Text) Step 1: To begin a new GIMP project, from the Menu Bar, select File New.

More information

Photoshop CS6 Section Notes 03

Photoshop CS6 Section Notes 03 Photoshop CS6 Section Notes 03 by Dr. Jim Watrous Objectives Converting Grayscale Photoshop file to RGB color files Creating and Saving a Separate Set of Color Swatches Loading and Using a Saved Color

More information

-Remember to always hit Command + S every time you make a change to your project going forward.

-Remember to always hit Command + S every time you make a change to your project going forward. -Open Animate -Under Create New - Select ActionScript 3.0 -Choose Classic as the Design type located in the upper right corner -Animate workspace shows a toolbar, timeline, stage, and window tabs -From

More information

The Background layer now filled with black.

The Background layer now filled with black. GOLD PLATED TEXT In this Photoshop text effects tutorial, we re going to learn how to turn text into gold using Photoshop s Layer Styles. We ll even throw in some sparkles at the end to make our gold letters

More information

Creative Effects with Illustrator

Creative Effects with Illustrator ADOBE ILLUSTRATOR Creative Effects with Illustrator PREVIEW OVERVIEW The object is to create a poster with a unified color scheme by compositing artwork drawn in Illustrator with various effects and photographs.

More information

Animated Gif - Illustrator /Text and Shapes

Animated Gif - Illustrator /Text and Shapes - Illustrator /Text and Shapes Use Adobe Illustrator to create an animated gif. Use a variety of shapes, outlined type, or live traced objects as your subjects. Apply all the skills that we have developed

More information

3 WOrkinG WiTH SElECTiOnS lesson overview

3 WOrkinG WiTH SElECTiOnS lesson overview 3 Working with Selections Lesson overview In this lesson, you ll learn how to do the following: Make specific areas of an image active using selection tools. Reposition a selection marquee. Move and duplicate

More information

Add Photo Mounts To A Photo With Photoshop Part 1

Add Photo Mounts To A Photo With Photoshop Part 1 Add Photo Mounts To A Photo With Photoshop Part 1 Written by Steve Patterson. In this Photoshop Effects tutorial, we ll learn how to create and add simplephoto mounts to an image, a nice finishing touch

More information

GIMP WEB 2.0 BADGES. GIMP is all about IT (Images and Text) OPEN GIMP

GIMP WEB 2.0 BADGES. GIMP is all about IT (Images and Text) OPEN GIMP GIMP WEB 2.0 BADGES and Badges: Circle with Flap Completed Project WEB 2.0 BADGES: CIRCLE WITH FLAP GIMP is all about IT (Images and Text) OPEN GIMP Step 1: To begin a new GIMP project, from the Menu Bar,

More information

Drawing tool gallery 2 06/06/07 09:21:26. Illustrator provides the following drawing tools: The Add Anchor Point tool (+) adds anchor points to paths.

Drawing tool gallery 2 06/06/07 09:21:26. Illustrator provides the following drawing tools: The Add Anchor Point tool (+) adds anchor points to paths. pport/adobe/adobehelpdata/cache/illustrator/12.0/en_us/htmłpage/ws714a382cdf7d304e7e07d0100196cbc5f-6266.html Drawing tool gallery Drawing tool gallery Illustrator provides the following drawing tools:

More information

Recipes4Success. Draw and Animate a Rocket Ship. Frames 5 - Drawing Tools

Recipes4Success. Draw and Animate a Rocket Ship. Frames 5 - Drawing Tools Recipes4Success You can use the drawing tools and path animation tools in Frames to create illustrated cartoons. In this Recipe, you will draw and animate a rocket ship. 2012. All Rights Reserved. This

More information

Create a Cool Vector Robot Character in Illustrator

Create a Cool Vector Robot Character in Illustrator Create a Cool Vector Robot Character in Illustrator In this tutorial, we will use various tools and techniques to create a simple vector robot character and learn the basic of Adobe Illustrated. With this

More information

CanVis: Photorealistic Visualization

CanVis: Photorealistic Visualization CanVis: Photorealistic Visualization This publication provides instructions for using CanVis photorealistic visualization software developed by the National Oceanic and Atmospheric Agency and the National

More information

Edupen Pro User Manual

Edupen Pro User Manual Edupen Pro User Manual (software for interactive LCD/LED displays and monitors) Ver. 3 www.ahatouch.com Some services in Edupen Pro require dual touch capability. In order to use dual touch, your computer

More information

Do Now # 1 Label the Photoshop Interface.

Do Now # 1 Label the Photoshop Interface. Class Warmup AVTECH Do Now # 1 Label the Photoshop Interface. The Menu Bar The Options Panel The Canvas The Navigator Panel The History Panel Button The Workspace Button The Tool Bar The Layers Panel The

More information

Adobe Illustrator. Quick Start Guide

Adobe Illustrator. Quick Start Guide Adobe Illustrator Quick Start Guide 1 In this guide we will cover the basics of setting up an Illustrator file for use with the laser cutter in the InnovationStudio. We will also cover the creation of

More information

12 APPLYING EFFECTS. Lesson overview

12 APPLYING EFFECTS. Lesson overview 12 APPLYING EFFECTS Lesson overview In this lesson, you ll learn how to do the following: Use various effects like Pathfinder, Distort & Transform, Offset Path, and Drop Shadow effects. Use Warp effects

More information

BASICS OF PIXLR EDITOR

BASICS OF PIXLR EDITOR BASICS OF PIXLR EDITOR Pixlr is a website which you can edit your images professionally. It is a cloud cased system and founded in Sweden. It is similar to Photoshop (but it s free to use online) and you

More information

Promethean ActivInspire

Promethean ActivInspire New Features What s New? The newest version of Promethean software, ActivInspire, can be used only on an Intel based Mac, such as a Macbook. It will not run on an ibook. The flipchart is already set to

More information

Microsoft Office Publisher

Microsoft Office Publisher Microsoft Office 2007- Publisher Opening Microsoft Publisher Using the Start Menu, click on All Programs and navigate to the Microsoft Office folder. Click on Microsoft Office Publisher 2007. Choosing

More information

use selection tools, layers & masks in PhotoPlus X4 Faking it! Combine three source photos and add text to create a composite image or montage.

use selection tools, layers & masks in PhotoPlus X4 Faking it! Combine three source photos and add text to create a composite image or montage. How to use selection tools, layers & masks in PhotoPlus X4 Faking it! Combine three source photos and add text to create a composite image or montage. The example montage uses photographs of a famous building

More information

Basic Tools. Chapter 1. Getting started

Basic Tools. Chapter 1. Getting started Chapter 1 Basic Tools Getting started Jasc Paint Shop Pro is a powerful art package which you can use to paint, write text, retouch photos and make images ready for the web. After only a few lessons you

More information

Evil_boo s guide to photoshop

Evil_boo s guide to photoshop Evil_boo s guide to photoshop Tools needed for this manip: 1. Layers palate: This is where you can make new layers to put different elements in photoshop. 2. Colour palate: This is where you can predefine

More information

Hand Drawn Stencil with a Stroke Outline

Hand Drawn Stencil with a Stroke Outline Hand Drawn Stencil with a Stroke Outline digitalscrapper.com/blog/qt-hand-drawn-stencil by Jenifer Juris Hand Drawn Stencil with a Stroke Outline by Jenifer Juris With just the use of a stroke outline

More information

How to...create a Video VBOX Gauge in Inkscape. So you want to create your own gauge? How about a transparent background for those text elements?

How to...create a Video VBOX Gauge in Inkscape. So you want to create your own gauge? How about a transparent background for those text elements? BASIC GAUGE CREATION The Video VBox setup software is capable of using many different image formats for gauge backgrounds, static images, or logos, including Bitmaps, JPEGs, or PNG s. When the software

More information

Animating the Page IN THIS CHAPTER. Timelines and Frames

Animating the Page IN THIS CHAPTER. Timelines and Frames e r ch02.fm Page 41 Friday, September 17, 1999 10:45 AM c h a p t 2 Animating the Page IN THIS CHAPTER Timelines and Frames Movement Tweening Shape Tweening Fading Recap Advanced Projects You have totally

More information