The Illustrator project Guide

Transcription

1 The Illustrator project Guide Summer, 2009 A picture is worth a thousand words. An interface is worth a thousand pictures. Ben Shneiderman, 2003 pixel, n.: A mischievous, magical spirit associated with screen displays. The computer industry has frequently borrowed from mythology: Witness the sprites in computer graphics, the demons in artificial intelligence, and the trolls in the marketing department. Jeff Meyer

2 The Illustrator project Logo Due July 14 th, 2009 (6:00 pm) Flyer Due July 21 st (6:00 pm) This assignment is designed to provide experience using some of the Illustrator tools to create vector based images. Logo (5 pts) For this Illustrator image, you are to design a logo for a company or organization. This logo will include the name or initials and a representative image. Be sure to use the following techniques: Set the size to 5 X 5 inches Use a variety of drawing tools and shapes Use the text tool to add names and initials Podcast Flyer (10 pts) For this Illustrator image, you are to create an image that visually describes the theme of your podcast. You may create one complex image, or a composite of images. This flyer is a single-sided 8 X 10 image. Be sure to use the following techniques: Set the size to 8 X 10 inches Use a variety of drawing tools and shapes Use painting tools to add shapes and colors Use filters and effects to modify elements Use text for the title of the podcast You may not use library shapes!!! Fill the entire 8 X 10 area with shapes and color Submit the final.ai files to our Blackboard site. page 2

3 Recommended Readings or Videos Read chapters in Adobe Illustrator CS4 Classroom in a Book text 1. Getting to Know the Work Area 2. Selecting and Aligning 3. Creating and Editing Shapes 4. Transforming Objects 5. Drawing with the Pen and Pencil Tools 6. Color and Painting 7. Working with Type 9. Blending Shapes and Colors 10. Working with Brushes 11. Applying Effects 12. Applying Appearance Attributes and Graphic Styles or watch the Illustrator CS4 One-on-One: Fundamentals videos on Lynda.com 1. Making a Document 2. Opening and Organizing 3. Setup and Navigation 4. Basic Line Art 5. Geometric Shapes 6. Fill, Stroke, and Color 7. Editing and Transforming 8. Working with Type 9. Using the Pen Tool 10. Selecting and Enhancing 12. Exporting to the Web page 3

4 Grading Rubric for The Images Grading excellent good minimal unacceptable/ none Scale Logo Image Due July 14 th, 6:00 pm Illustrator Required Elements Extra elements Artistic Creativity Use of lines and shapes Use of the pen and pencil tool Use of the fill and stroke colors Use of text Use of gradients Created customized shapes Design elements help convey the message of the design Creative representation of the focus and ownership of the company Total Points /24 Average Project Points / 5 Podcast Flyer Image Due July 21 st, 6:00 pm Illustrator Required Elements Artistic Creativity Use of lines and shapes Use of the pen and pencil tool Use of the fill and stroke colors Use of text Use of gradients Use of filters and effects Created customized shapes Design elements help convey the message of the design Creative representation of the theme of the podcast Total Points /27 Average Project Points / 10 Submit the final.ai files to our Blackboard site. page 4

5 Basic Elements in Illustrator CS4 Image Types Vector vs. Raster graphics - Vector art is used for illustrations, billboards, magazine ads, web Color Mode - CMYK vs. RGB Illustrator Objects - Closed Path - Open Path - Anchor Points - Bezier Curves Interface - The Art board and Paste board - Tools and Flyout Tools - Docking Pane - Palettes - Saving the Workspace Saving - Save, Save As to an.ai file - Save for Web & Devices to create a compressed.gif,.png, or.jpeg file - Export to a.png,.psd,.jpeg,.swf, etc. Selection Tools Selection Tool Direct selection tool Magic Wand Tool Lasso Tool New Objects Tools Pen Tool Text Tool Line Tool Object Tool Paintbrush Tool Pencil Tool Manipulate objects Rotate Tool Scale Tool Warp Free Transform Symbol Sprayer Column Graph Tool Mesh Tool Gradient Tool Eyedropper Tool Blend Tool Live Paint Bucket Live Paint Selection Manage Tools Crop tool Eraser Tool Hand Tool Zoom Tool Fill/stroke color Color/ Gradient/ None Screen Modes page 5

6 Techniques and Tools in Illustrator 1. Drawing tools 2. Colors and Gradients 3. Live Paint 4. Transform tools 5. Transparency of an object 6. Object Blend Blend Options (steps, color, distance) 7. Paint Brush tool (stroke, options, library) 8. Type tool (spelling, fonts, size, area type, path type, horizontal and vertical) 9. Object Envelope Distort (mesh, warp) 10. Effects 11. Graphic Styles 12. Symbols 13. Appearance Window 14. Layers 15. Libraries (Brush, Graphic Style, Swatch, Symbol) page 6

7 Online Resources for Illustrator Vector Tuts+ - Excellent collection of Illustrator Tutorials n.design Studio Illustrator Tutorials Sketchpad Illustrator Tutorials Adobe Illustrator Tutorials Layers Magazine Tutorials Smashing Magazine Tutorials Good Tutorials Illustrator Adobe.com Illustrator Tutorials Ultimate Round-up of Illustrator Tutorials Design Magazine Adobe Illustrator Toolbox Unlock the True Power of Illustrator by Mastering Vectors Master Illustrator Essentials The Graphic Mac Blog (Great tutorials and discussions) Tutorial Outpost Web Designer Wall page 7

8 YouTube Videos for Illustrator Vector Swirls, Swooshes, and Florals Draw a Smooth Vector Ribbon Make a 3D Logo The Pen Tool Examples of Logos Best 10 Logo Designers IXLr5gCFQwNGgodFCYBUw Sleek Designs Capital Logo Design Mike Bennett Graphics Prowebb page 8

9 Basic drawing shapes Practice Activities with Illustrator CS4 Adding color and gradients Adding art brushes Using the Pen Tool to Create Unique Shapes Pen Tool and Effects page 9

10 Putting it All Together page 10