Create a Mascot Using a Professional Vector Graphic Editor Copyright © Texas Education Agency, 2013. All rights reserved. IT: Digital & Interactive Media:

Slides:



Advertisements
Similar presentations
Distributed Multimedia Programming Week - 1. Document Window The Document Window is divided in to six main components Timeline – The Timeline is where.
Advertisements

From Paper to Pixels to Vectors Evolution of a Flash cartoon character.
Media Center Essential Question How can I be an effective user of information?
INTRODUCTION TO ADOBE FLASH CS4
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.
Chapter 3 Drawing and Composing an Illustration. Objectives Draw straight lines Draw curved lines Draw elements of an illustration Apply attributes to.
Drawing Objects with Illustrator 1.Start a new image in RGB mode. 2.Size 1024 X Unit = pixels 4.Go to View > Show Grid to turn on the grid. 5.Go.
“To make my meal in a box taste better, I decided to tweak the logo, rather than the ingredients. ” -Jarod Kintz ILLUSTRATOR.

Working with Brushes, Symbols, and Layers Chapter 8 © 2011 Delmar, Cengage Learning.
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH PROFESSIONAL CS5.
Introduction to Flash. Topics What is Flash? What can you do with it? Simple animation Complex interactive web application, such as an online store. Starting.
Adobe Illustrator Chapter 1 Notes Pages 1-2 –1-75 Mrs. Leonard.
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
Chapter 6 Working with Patterns and Brushes. Objectives Use the Move command Create a pattern Design a repeating pattern Use the Pattern Options panel.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
Adobe CS6: The Graphic Design Portfolio Project 1: International Symbols Setting up the Workspace Drawing Basic Shapes.
Adobe CC: Graphic Design Portfolio Portfolio Project 1: International Symbols Setting up the Workspace Drawing Basic Shapes.
 Looks like the Layers Panel  Allows you to organize paths  Converts paths into: › Filled shapes › A brush stroke › A selection › A clipping mask.
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.
Flash CS 5 Interface BY NSCHEWCZYK | ©2012. MENU BAR A bar at the top of the window. It lists menu options including: File, Edit, View, Insert, Modify,
Computer Graphics Daily Instructions for the 2nd 9-Weeks.
Exploring the Macromedia Flash Workspace – Lesson 2 1 Exploring the Macromedia Flash Workspace Lesson 2.
DO NOW: Tracing an object with the pen tool 1. From the internet download and save the image you want to trace to your computer desktop. 2. To bring the.
© 2011 Delmar, Cengage Learning Chapter 6 Working with Patterns and Brushes.
© 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.
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.
Chapter 1 Getting Started with Adobe Photoshop CS4.
Designing a Web Page Layout Using a Professional Bitmap & Vector Graphic Editing Suite 1IT: Web Technologies – Design a Web Page Layout 2 Copyright © Texas.
Adobe Photoshop CS5 Chapter 1 Editing a Photo. Start Photoshop and customize the Photoshop workspace Open a photo Identify parts of the Photoshop workspace.
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.
Chapter1 The flash interface and action script 3.0.
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.
Adobe Illustrator CS5 - Illustrated Unit A:Getting Started with Adobe Illustrator CS5.
The Basics. Starting out This is the icon for Photoshop. Make sure that you have it!
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,
Digital Illustration. Getting your Image First, choose one of the images provided from the disc in class, or scan or import your own image. First, choose.
Digital painting flower. Find a line drawing of a flower Save it to your computer Make sure it is a large, clear image!!!
Copyright © Texas Education Agency, All rights reserved.1 Web Technologies Creating a Navigation Bar.
Adobe Illustrator CS Design Professional WITH ILLUSTRATOR GETTING STARTED.
Chapter 4 Drawing and Painting with Color
 Illustrator CC is the industry-standard vector graphics software used worldwide by designers of all types who want to create digital graphics, illustrations,
Adobe Photoshop CS5.
PROPERTY OF PIMA COUNTY JTED, 2011
Introduction to Illustrator
PROPERTY OF PIMA COUNTY JTED, 2011
Create a Mascot Using a Professional Vector Graphic Editor.
Text on a curve.
Flash Interface, Commands and Functions
Computer presentation
Design and Layout (part one)
Gimp Guide Mr Hall.
Live Trace & Live Color Adobe Illustrator.
Chapter 1 Editing a Photo
INTRODUCTION TO ADOBE FLASH CS4
Chapter 7 Vector Editing
Symbols, Brush Effects, blends
Enhancing Artwork and Creating Web Graphics
Drawing in Illustrator
Design and Layout (part one)
Cross contour Skulls Mrs Ras.
More on Graphs, Pen, Brush, Pathfinder, Symbols
Directions are in slide notes. You can view them in two ways
Cartoon Pop Art HOW TO....
Presentation transcript:

Create a Mascot Using a Professional Vector Graphic Editor Copyright © Texas Education Agency, All rights reserved. IT: Digital & Interactive Media: Create a Mascot

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. 2Copyright © Texas Education Agency, All rights reserved. IT: Digital & Interactive Media: Create a Mascot

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. 3Copyright © Texas Education Agency, All rights reserved. IT: Digital & Interactive Media: Create a Mascot

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. 4Copyright © Texas Education Agency, All rights reserved. IT: Digital & Interactive Media: Create a Mascot

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. 5Copyright © Texas Education Agency, All rights reserved. IT: Digital & Interactive Media: Create a Mascot

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  Name: Thick Stroke  Shape: Flat Curve  Size: 1.5 mm  Bristle Length: 100%  Bristle Density: 33%  Bristle Thickness: 50%  Paint Capacity: 100%  Stiffness: 90% 6Copyright © Texas Education Agency, All rights reserved. IT: Digital & Interactive Media: Create a Mascot

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. 7Copyright © Texas Education Agency, All rights reserved. IT: Digital & Interactive Media: Create a Mascot

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. 8Copyright © Texas Education Agency, All rights reserved. IT: Digital & Interactive Media: Create a Mascot

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. 9Copyright © Texas Education Agency, All rights reserved. IT: Digital & Interactive Media: Create a Mascot

Example of Colored Eagle 10Copyright © Texas Education Agency, All rights reserved. IT: Digital & Interactive Media: Create a Mascot