INSTRUCTIONAL NOTES There are many similarities between Photoshop and Illustrator. We have attempted to place tools and commands in the context of where.

Slides:



Advertisements
Similar presentations
Chapter 4 Transforming and Distorting Objects. Objectives Transform objects Offset and outline paths Create compound paths Work with the Pathfinder panel.
Advertisements

Adobe Fireworks CS3 Revealed CHAPTER THREE: IMPORTING, SELECTING, AND MODIFYING GRAPHICS.
Macromedia Fireworks MX 2004 – Design Professional Importing, Selecting, and Modifying Graphics.
Chapter 4 Making Selections. Chapter Lessons Make a selection using shapes Modify a marquee Select using color and modify a selection Add a vignette effect.
Welcome To Photoshop CS5 S.K. Sublania, Sr. Technical Officer, Division of Computer Applications, Indian Agricultural Statistics Research Institute, New.
Chapter 3 Drawing and Composing an Illustration. Objectives Draw straight lines Draw curved lines Draw elements of an illustration Apply attributes to.
Chapter 12 Using Clipping Masks, Paths, & Shapes.
Photoshop/Illustrator
© UNT in partnership with TEA1 Digital and Interactive Media Photoshop Basics.
© UNT in partnership with TEA1 Digital and Interactive Media Photoshop Basics.
DIGITAL GRAPHICS & ANIMATION
Intro to Photoshop.  Make a specific selection of an image using selection tools like Quick Selection, Magic Wand, Marquee Tool, Lasso Tool, Polygonal.
Adobe Photoshop CS Design Professional PATHS, & SHAPES USING CLIPPING MASKS,
Adobe Photoshop CS Design Professional SELECTIONS MAKING.
Digital Media 11 – Photoshop SELECTIONS MAKING. Chapter C Getting Started with PhotoShop 7.02 Make a selection using shapes Make a selection using shapes.
PowerPoint Lesson 3 Working with Visual Elements
Copyright © Texas Education Agency, All rights reserved.1 Digital and Interactive Media Photo Editing Basics.
Illustrator CS4 Inspiration + basics + tutorial. Inspiration By viewing artworks of artists, we get to know what we can do with techniques and skills.
Applications for Web Development (CIS 162) Photoshop Continued.
Adobe Illustrator Basics Instructor: Cristol Gregory Assistant: Tara Caimi.
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
Jorge Cornejal Carlin Baez Edisson Garcia. How to Use LAYERs Illustrator's layers allow you to simplify your work. With layers, you can modify, edit,
Chapter 9 Fireworks: Part I The Web Warrior Guide to Web Design Technologies.
© 2011 Delmar, Cengage Learning Chapter 4 Making Selections.
Chapter 3 Making Selections. Chapter Lessons Make a selection using shapes Modify a marquee Select using color and modify a selection Add a vignette effect.
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.
© 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics.
Adobe Illustrator. Work Area Tool bar Menu Bar Options Bar Active Image Area Title Bar Palettes New Document.
© 2010 Delmar, Cengage Learning Chapter 4 Working with Frames.
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Illustrator.
Chapter 2 Using Selection Tools and Shortcut Keys
Creating Vectors – Part One 2.02 Understand Digital Vector Graphics.
© 2011 Delmar, Cengage Learning Chapter 12 Using Clipping Masks, Paths, & Shapes.
Illustrator Training Level I Training; Using Illustrator as a 2d visualization tool.
ADOBE INDESIGN CS3 Chapter 4 WORKING WITH FRAMES.
Introduction to photoshop Photo Editing From Your Desktop.
* Edit photos * Create banners * Create animations * Enhance documents/presentations * Create documents * And many more.
Adobe Illustrator CS5 - Illustrated Unit B: Performing Essential Operations.
Adobe Illustrator CS5 - Illustrated Unit A:Getting Started with Adobe Illustrator CS5.
Adobe Photoshop CS5 Chapter 2 Using Selection Tools and Shortcut Keys.
Chapter 7 Vector Editing © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Magnetic lasso Tool Magnetic Lasso Tool is a free hand edge selection tool that distinguishes an image's edges and robotically selects the pixels around.
Agenda Collect Color Meaning Artist PowerPoint Introduction to Adobe Illustrator ◦ Guided Notes ◦ Step-by-Step Illustrator Activity Alphabet Letters Project-
Creating Vectors – Part One 2.02 Understand Digital Vector Graphics.
Adobe Illustrator CS Design Professional WITH ILLUSTRATOR GETTING STARTED.
Adobe Photoshop CS5.
Using Photoshop to edit Images
Chapter Lessons Work with imported files
Selection tools Move Tool:
Adobe Flash Professional CS5 – Illustrated
Fill and Stroke Stroke is the outline of a shape, text or image.
Digital and Interactive Media
Introduction to Photoshop
Chapter 7 Vector Editing
2.02 Understand Digital Vector Graphics
Chapter Lessons Work with imported files
Graphic Editing Terms Cropping
Chapter Lessons Use the Macromedia Flash drawing tools
Brush Tool Apply and draw with brushes to create artistic elements.
Transforming and Distorting Objects
Getting Started with Adobe Illustrator CS6
Photoshop Bell Work Hand Tool: The hand tool moves an image within its window Zoom Tool: The Zoom Tool magnifies and reduces the view of an image. CTRL.
Working with Advanced Techniques
Vectors and Paths, also File Export
Performing Essential Operations
Creating Vectors – Part One
INSTRUCTIONAL NOTES There are many similarities between Photoshop and Illustrator. We have attempted to place tools and commands in the context of where.
Creating Vectors – Part One
CSC/FAR 020, Computer Graphics, March 23-25, 2010
Presentation transcript:

INSTRUCTIONAL NOTES There are many similarities between Photoshop and Illustrator. We have attempted to place tools and commands in the context of where they are most effective or used most often. This is NOT intended to be a comprehensive document but an INTRODUCTION to these concepts. Teachers are encouraged to include tools and features based on skill levels of students and teacher, as well as compare their uses in each of the programs.

Objective 102.04 Utilize appropriate tools and methods to produce digital graphics.

FREE TRANSFORM Change by using rotate, scale, skew, distort, or perspective in one continuous operation. Instead of choosing different commands, you simply hold down a key on your keyboard to switch between transformation types. Rotating an object turns it around a fixed point that you choose. Hold Shift while resizing to keep the proportions or use Scale instead.

QUESTIONS TO CONSIDER Explain how scaling an image can change it along the x axis, y axis or both. Predict the changes in an object when rotating, flipping, reflecting and resizing.

SELECTION TOOLS Selection Surrounding specific part(s) of a graphic to make individual adjustments. Tools allow you to choose a specific part of the image. There are several selection tools and each works in a different way. Marquee Lasso Quick Selection Tool Magic Wand

MARQUEE TOOLS Selects in the shape specified. The marquee shows the following options: Rectangle Elliptical Single Row Single Column

LASSO TOOLS Three versions of lasso selection tool all enable a free-hand draw around image to be selected. Lasso Lasso tool is great for drawing freeform segments of a selection border. Polygonal Lasso The polygonal lasso is best for straight-edged segments of a selection border. Magnetic Lasso The magnetic lasso tool snaps to the edges of defined areas (color) in the image.

OTHER SELECTION TOOLS Quick Selection Magic Wand Use the quick selection tool to quickly “paint” a selection using a round brush tip. Magic Wand The magic wand will allow you to make selections by color, pattern and stroke weight.

QUESTIONS TO CONSIDER Explain how individual anchor points can be selected using the direct selection tool instead of the magic wand tool. Compare the difference in using the polygonal lasso and the magnetic lasso for these types of images: American flag Stop sign Cars in rush hour traffic Star fish Dolphin

GRAPHIC EDITING TERMS Shear Feathering/Blending Shearing objects will slant or skew the object. This is great for casting shadows. Feathering/Blending Smoothing or blurring the edges of an image to help transition into the background or into another image.

SPOT HEALING BRUSH OPTIONS Content Aware Patch This allows you to replace unwanted parts of the image with pixels near it. Content Aware Move Select and move a part of a picture. The image is recomposed, and the hole left behind is filled using matching elements from the picture.

STRAIGHTEN TOOL With the crop tool, you can straighten the image. Choose Straighten Tool by clicking on its icon in the Options Bar or press CTRL/CMD while the crop tool is active.

QUESTIONS TO CONSIDER Summarize the process the software uses when blending the content surrounding the area. Compare the end results of using content aware move against content aware patch.

BRUSH TOOL Apply and draw with brushes to create artistic elements. Many options in options bar for brushes. Art History Brush allows you to use stylized strokes from a previous action. Brush Tools Video

PANELS IN ILLUSTRATOR WORKSPACE The workspace is same as Photoshop with a few new tools and panels. Options Bar Document Panel Tools Panel Color Panel Layers Panel

TOOLS PANEL Tools grouped and hidden similar to Photoshop. Note new Illustrator tools.

PATHFINDER PANEL Use to combine objects into new shapes. Use the top row of buttons in the panel to make paths or compound paths.

ALIGN PANEL Align or distribute selected objects along the axis you specify. Can use either the object edges or anchor points as the reference point, and you can align to a selection, an artboard, or a key object.

QUESTIONS TO CONSIDER Explain how creating compound shapes using the pathfinder panel allows you to add, subtract, intersect and exclude. Discuss how rotations of 45° and 90° could be quicker when holding down the SHIFT key. Summarize the difference between positioning objects in relation to each other using the Align panel versus gridlines.

VECTOR IMAGES Use mathematic equations and geometric elements (points, lines, and shapes) to create art. Can be scaled infinitely, without any loss of quality or fidelity. Watch this video: https://helpx.adobe.com/illustrato r/how-to/what-is- illustrator.html?set=illustrator-- get-started-

SYMBOLS A symbol is an art object that you can reuse in a document. If you create a symbol from a leaf, you can then add instances of that over and over again without actually adding the image multiple times. Each symbol instance is linked to the symbol in the Symbols panel or to a symbols library. Using symbols can save you time and greatly reduce file size.

PEN TOOL Use the pen tool to add and delete anchor points.

ANCHOR POINT A point on a path that indicates a change of direction. You can add anchor points or delete anchor points to change the shape of a path.

PATHS Open Path Closed Path Open paths do not end. They don’t connect back to the original anchor point. A closed path has the same beginning and ending point. It forms a complete shape than can be filled with color or text.

FILL AND STROKE Stroke Fill Stroke is the outline of a shape, text or image. Weight Color Style Fill is the inside color of a closed shape.

PATTERNS A repeating pattern fills the image with a unique assortment of shapes and colors.

IMAGE TRACE Use the Image Trace to trace and vectorize an image. Watch this video: https://youtu.be/N sHPoyyNKrY

QUESTIONS TO CONSIDER Identify three or more raster graphic image file types that could be converted into vector artwork. Discuss how a strong understanding of the swatches panel is important when creating patterns. Differentiate between saving items to the symbol library and linking graphics.

AREA VS. POINT TYPE Area Type Point Type Area type fills the text in a closed path. Use this when you want text to appear inside a shape or object. Point type begins right where you click and does not automatically wrap to the next line. Area vs. Point Type video

TYPE ON A PATH The text flows along an open or closed path. Horizontally, the characters are parallel to the baseline. Vertically, the characters are perpendicular to the baseline.

QUESTIONS TO CONSIDER How would text along a path change if the baseline shift was a negative number? Predict the spacing change when the leading between baselines is increased? How would decreasing the leading change the type? Summarize how typing on a path can be used in both open and closed paths.