Create a Mascot Using a Professional Vector Graphic Editor.

Slides:



Advertisements
Similar presentations
From Paper to Pixels to Vectors Evolution of a Flash cartoon character.
Advertisements

The GIMP Simple features tutorial By Mary A White.
Chapter 5 Working with Layers. Objectives Create and modify layers Manipulate layered artwork Work with layered artwork Create a clipping set.
1. Tuesday: Halloween Shoot due TOMORROW. You must make a contact sheet of your photos and print it from my computer tomorrow. -5 pts for every day I don’t.
Chapter 3 Drawing and Composing an Illustration. Objectives Draw straight lines Draw curved lines Draw elements of an illustration Apply attributes to.
INTRODUCTION TO ADOBE ILLUSTRATOR VECTOR MONSTERS Created by CHRIS SPOONER.
How to… Keep your character from leaving the game (never to return)
Web Page Design Tips & Tricks Layering Choose Insert – Layout Objects – Layer Click anywhere along the outline of the layer box to select it Click &
Drawing forecast charts. Open NeLant basic map area.
Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning.
Mr. Potato Head The objective of this tutorial is to cut an image and assemble Mr. Potato Head using various tools in Adobe Photoshop Elements 2.0.
Lesson 9: Fine-Tuning Your Workflow Introduction to Adobe Dreamweaver CS6 Adobe Certified Associate: Web Communication using Adobe Dreamweaver CS6.
CIS 205—Web Design & Development Flash Chapter 1 Getting Started with Adobe Flash CS3.
CIS 205—Web Design & Development Fireworks Chapter 1.
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
© 2008 The McGraw-Hill Companies, Inc. All rights reserved. M I C R O S O F T ® Refining Original Illustrations Lesson 9.
Adobe CS6: The Graphic Design Portfolio Project 1: International Symbols Setting up the Workspace Drawing Basic Shapes.
Chapter 4 Working with Frames. Align and distribute objects on a page Stack and layer objects Work with graphics frames Work with text frames Chapter.
Exploring the Macromedia Flash Workspace – Lesson 2 1 Exploring the Macromedia Flash Workspace Lesson 2.
© 2010 Delmar, Cengage Learning Chapter 4 Working with Frames.
Creating a Silhouette in Illustrator. Go File>Place and place the photo on the artboard. Select the photo and click Live Trace (its on the tool bar right.
Create a Mascot Using a Professional Vector Graphic Editor Copyright © Texas Education Agency, All rights reserved. IT: Digital & Interactive Media:
Getting Started with Adobe Illustrator CS6. Objectives Define illustration software Start Adobe Illustrator CS6 and change preference settings View the.
© 2011 Delmar, Cengage Learning Chapter 5 Working with Layers.
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
Connecting the Smart Board  Created in 1991, A Smart Board is an interactive whiteboard that provides a student-centered learning environment. Go!
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Illustrator.
2D Design – A Guide! SECTION 1.
Adobe Photoshop CS5 Chapter 1 Editing a Photo. Start Photoshop and customize the Photoshop workspace Open a photo Identify parts of the Photoshop workspace.
Engineering 1182 College of Engineering Engineering Education Innovation Center SolidWorks Layout Model Tree Viewing Options Rev: , AJPSolidWorks.
Illustrator Training Level I Training; Using Illustrator as a 2d visualization tool.
+ This step by step tutorial demonstrates drawing a keyboard illustration using rectangles, grids, move and transform effects.
First, why use a program like Illustrator instead of Photoshop? Each is very good at different things. Illustrator is a drawing program and makes images.
Committed to Shaping the Next Generation of IT Experts. Exploring Microsoft Office Word 2007 Chapter 3: Enhancing a Document Robert Grauer, Keith Mulbery,
CIS 205—Web Design & Development Flash Chapter 3 Working with Symbols and Interactivity.
How to Create a Power Point Presentation. Topics that will be covered: 1) Getting Started 2) Common Features 3) Working with Text 4) Working with Graphics.
Adobe Illustrator CS5 - Illustrated Unit A:Getting Started with Adobe Illustrator CS5.
Adobe ® Photoshop ® CS6 Chapter 1 Editing a Photo.
Chapter 7 Vector Editing © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Engineering 1182 College of Engineering Engineering Education Innovation Center SolidWorks Layout Model Tree Viewing Options Rev: , AJPSolidWorks.
Adobe Illustrator CS Design Professional WITH ILLUSTRATOR GETTING STARTED.
Photoshop CS6 – Nelson Unit 3: Photoshop CS6. Objectives Define photo editing software Start Photoshop and view the workspace Use the Zoom tool and the.
Adobe Photoshop CS5.
Creating and Editing a Publication
Chapter 1 Editing a Photo
Getting Started with Adobe Photoshop CS6
Introduction to Illustrator
“ – Attribution (Difficult) Animated snow scene
INTRODUCTION TO ADOBE ILLUSTRATOR
PhotoShop Creative Suite 3
Introduction to presentations ms PowerPoint
Flash Interface, Commands and Functions
European Computer Driving Licence
Gimp Guide Mr Hall.
Using the Selection Tools
Live Trace & Live Color Adobe Illustrator.
Chapter 1 Editing a Photo
“Placeholder for a quote to be animated here.”
Rev 09/21/2016 Goal:.
Chapter 7 Vector Editing
iLEAD Academy Snow Day Expectations
You’re a Junior! (Basic) Animated 3-D cube with changing pictures
Symbols, Brush Effects, blends
Introduction to PowerPoint
Getting Started with Adobe Illustrator CS6
POWER POINT WHY HAVE WE USE THIS PROGRAM? TO SHOW YOUR STUDY..
Enhancing Artwork and Creating Web Graphics
The work of moving ice Chapter 8 Animated snow scene (Difficult)
More on Graphs, Pen, Brush, Pathfinder, Symbols
Skills Sheet: ‘Creating a polygon’
Presentation transcript:

Create a Mascot Using a Professional Vector Graphic Editor

Draw/Find an Image Sketch your image on paper, and then scan it into the computer as a black and white image. If you are unable to sketch an image, then find a non-copyrighted image or drawing to use. **Instructor Note: This lesson is intended to be used with a professional vector graphic editor. For more information regarding a professional application, perform a web search for “professional vector graphic editor”.

Create the Artboard Start your professional vector graphic editor and choose Print Document. In the New Document dialog box, name the document and set the dimensions for the art board as shown. Click OK.

Set Up the Workspace Use File -> Place to import your image. Place the image on the center of the artboard. Double-click on its layer. In the Layer Options dialog box, complete the following: Name: Eagle Trace Lock: check Print: uncheck Dim Images to: check and set value to 50%. Click OK. Instructor Notes: Explain to the students that they can click the Expand Panels icon to view the panels while you tear off the two panels. Click the Collapse to Icons to collapse the panels to create more room in the workspace. Remind them to left-click and drag the tab of the panel to tear off, or undock the panel.

Set Up the Workspace If necessary, reset your workspace to Essentials. Use Window -> Workspace -> Essentials. Undock the Layers panel and the Brushes panel to make them more accessible while we trace the sketch of the eagle.

Set Up Your Brush Create a custom brush to draw the outline of the eagle On the Brushes panel, click on the New Brush icon Select Bristle Brush and click OK Use the settings on the right to set the Brush Options and click OK Instructor Notes: Explain to students that when creating a brush they may not like the settings after they have worked with it. They can double-click on the brush in the Brushes panel to open the Brush Options dialog box and adjust the settings. Activating Preview will allow them to see changes to brush strokes that have already been created.

Start Tracing Create a new layer in the Layers panel to begin tracing the outside lines of the eagle. Once you have outlined the eagle, zoom in to get a better look to be sure all of the lines are connected. Notice the stroke does not look solid. Instructor Notes: Explain to the students the trick is to look in front of your cursor not on the cursor when you are tracing. You want to see what you will draw and not what you have drawn. Explain the Brush tool is intended to be used in sections, they are not expected to draw the entire eagle with one stroke. Remind students that the trace does not have to be perfect, the Eagle Trace layer will not print, and they can hide the layer to see how their traced eagle looks.

Start Tracing Double-click on the brush you created in the Brushes panel and change the Bristle Density to 75%. (Check Preview so you can see the changes before clicking OK.) Clean up your lines where necessary with the eraser tool, or select the line with the Direct Selection tool and delete it so you can draw it again, or change the width of various strokes.

Use the Pen tool Duplicate the layer you just did your tracing on. Name the top layer Outline and the middle layer Color. Lock the Outline layer, and select the Color Layer. Trace the eagle with the Pen tool. (Ignore the face, talons, & tail tip) Choose any Fill Color for the body of the eagle. (I've chosen a dark maroon color.) Repeat this process for the other parts of the eagle. Teacher Notes: As the students use the Pen tool they will notice green lines and anchor points appear when they intersect the line they are tracing, this should guide them in creating the outline. The outline does not need to be perfect, the Outline layer will hide any imperfections. This trace is to create a fill color. They do not need to follow the lines on each wing, as shown in the example. The Pen tool is intended to create one outline around the entire eagle’s body, not to be drawn in parts. Explain to the students that if they release the mouse they will not “lose” the line they are drawing, each click allows them to change the direction of the line and if they hold the left-clicker and drag while creating an anchor point they can curve the line.

Example of Colored Eagle Teacher Notes: Now have students complete a mascot on their own, if the student does not feel comfortable drawing have them look on the Internet for a non-copyrighted photo, a hand drawn sketch, or a picture that they can use to trace.