JRN 440 Adv. Online Journalism Intro. to Illustrator Monday, 2/20/12.

Slides:



Advertisements
Similar presentations
Intro to Photoshop. Learn what is Photoshop Identify different Photoshop Work Areas Understand the use of Bridge and Mini-Bridge Learn how to open and.
Advertisements

Introduction to InDesign Understanding the Basics DTB203 Interior Visualisation
Objectives Define photo editing software
Adobe Photoshop CS5 – Illustrated Unit B: Selecting Pixels.
Illustrator CS4 Inspiration + basics + tutorial. Inspiration By viewing artworks of artists, we get to know what we can do with techniques and skills.
CSS/Photoshop Layouts - Quiz #5 Lecture Code:
JRN 440 Adv. Online Journalism Intro. to Class Monday, 1/9/12.
Adobe Illustrator CS2 — Revealed GRADIENTS CREATING TEXT AND.
JRN 440 Adv. Online Journalism Destructive, masks, blend modes Wednesday, 1/25/2012.
XP Tutorial 7 New Perspectives on Microsoft Windows XP 1 Microsoft Windows XP Working with Graphics Tutorial 7.
JRN 440 Adv. Online Journalism Raster Graphics Wednesday, 1/11/12.
Adobe Photoshop CS5 – Illustrated Unit F: Working with Brushes and Color Effect.
Working with Symbols and Interactivity
Chapter 2 Creating Text and Gradients. Objectives Create and format text Flow text into an object Position text on a path Create colors and gradients.
Default Fill & Stroke D Swap Fill & Stroke Shift X None / Gradient > Color < Stroke X Fill (Click to activate) X More about Fill and Stroke:
© 2010 Delmar, Cengage Learning Chapter 2: Drawing Objects in Adobe Flash.
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 Basics Instructor: Cristol Gregory Assistant: Tara Caimi.
Adobe Photoshop CS4 - Illustrated
Tutorial 1 Introducing Adobe Flash CS3 Professional
Manipulate Graphics Skill Area Lecture Overview Photoshop’s GUI Basic Function Basic Image Manipulation.
Chapter 6 Working with Patterns and Brushes. Objectives Use the Move command Create a pattern Design a repeating pattern Use the Pattern Options panel.
© 2011 Delmar, Cengage Learning Chapter 2 Creating Text and Gradients.
© 2010 Delmar, Cengage Learning Chapter 2 Working with Text and Gradients.
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.
Illustrator I I450 Technology Seminar. Bitmap vs. Vector Photoshop = Bitmap Illustrator = Vector Bitmap images are resolution dependent Vector images.
Aim: What is Adobe Illustrator?. Adobe Illustrator is a vector based drawing program.
Magnify an image to see pixels Toolbox Document Tab Zoom Level Status Bar Document Window Panels Options Bar Menu Bar.
Intro Graphic Design PROPERTY OF PIMA COUNTY JTED,
Adobe Illustrator. Work Area Tool bar Menu Bar Options Bar Active Image Area Title Bar Palettes New Document.
Chapter 2 Creating Text and Gradients. Creating Point Text You can create text anywhere on the artboard by: –selecting the Type tool –clicking the artboard.
Advanced 2D Design Concepts Guilford County Sci Vis V
CIS 205—Web Design & Development Fireworks Chapter 2.
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
ADOBE INDESIGN CS3 Chapter 5 WORKING WITH COLOR. Chapter 52 Work with Process Colors LESSON 1 2 Process colors are colors you create by mixing varying.
PHOTOSHOP TOOLS. Photoshop Tools are categorized into 4 unique categories as followed:
Copyright © 2013 MyGraphicsLab / Pearson Education LAYERS AND MASKS MYGRAPHICSLAB: ADOBE PHOTOSHOP CS6.
Pen tool skylines Mrs Ras. Find and save on your h drive some skyscrapers you want.
Illustrator For illustrations. Vector Graphics  Can resize shapes without losing quality  Place dots ( anchor points )  Connect the dots with paths.
+ 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.
Introduction to Tool Panel. The tools in the Tools panel let you draw, paint, select, and modify artwork, as well as change the view of the Stage If the.
JRN 302: Introduction to Graphics and Visual Communication - Demos - Color Tuesday,
Advanced 2D Design Concepts V The basic fill options include uniform or solid, fountain or gradient, and pattern. The uniform fill is produced.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Do Now: Take out your notebook and define the Gradient Tool. Good Morning Do Now: Take out your notebook and define the Gradient Tool. Good Morning Aim:
Forms Go to Right click on image and copy.
Illustrator CMYK : Dyes (Paint) color model, printing, Use when printing RGB : Additive mixture to show light mixed. Color for a web by monitors ILLUSTOR.
Adobe Illustrator CS Design Professional WITH ILLUSTRATOR GETTING STARTED.
Adobe Photoshop CS5.
Finishing and Presenting Logo
PROPERTY OF PIMA COUNTY JTED, 2011
Introduction to Illustrator
PROPERTY OF PIMA COUNTY JTED, 2011
Adobe Illustrator CS5 - Illustrator
Flash Interface, Commands and Functions
Adobe Flash CS6 Tools and Functions
Using Brushes and Shapes to create Artwork in Photoshop
Introduction to Basic Interface of
ANM 100 ADOBE CREATIVE SUITE
ANM 143 ADOBE ILLUSTRATOR Turn in Homework Questions / Concerns?
Chapter Lessons Create and format text Flow text into an object
PRACTICE ILLUSTRATOR TECHNIQUES
USING ADOBE ILLUSTRATOR PROPERTY OF PIMA COUNTY JTED, 2011
ANM 143 ADOBE ILLUSTRATOR What’s New On the Class Blog
Introduction to Photoshop
Symbols, Brush Effects, blends
Animated recolored picture fades in over black and white copy
Working with Text and Gradients
Introducing Adobe Illustrator
Presentation transcript:

JRN 440 Adv. Online Journalism Intro. to Illustrator Monday, 2/20/12

Class Objectives Lecture Intro to Illustrator Homework Ex. 4 and 5 due by 2:05 pm 2/29/12

The interface Similar to Photoshop (surprise!) Tools, menus, palettes No history palette (have to do undo’s) Instead of foreground and background color, you have a fill and a stroke color Fill is inside of a closed shape Stroke is line or outside of a closed shape

Tutorials address: highed.atomiclearning.com login: mcom_adv password: mcomttuad Go to "Training Library" Then to "Technology Skills" Then to "English“ Look for Illustrator tutorials

Tools Selection tool (black arrow) moves things around and resizes (e.g. a rectangle) Be careful about resizing things if you don’t want to… click in the middle of the object to move Direct selection tool (white arrow) is more specific in what it selects You will use this with “diagonal” select and zooming in and out a lot (look for hollow and closed anchor points) mUg (3 ½ minutes) mUg

Type tool Can be just like typing in Word But acts like a vector shape in that it can be transformed (scaled and skewed) Has typical properties (color, typeface, size, kerning, leading, horizontal scale…) Be careful about filling and stroking text! Need to go back to select or direct select tool to move textbox E&feature=related (start at :50, 10 minutes) E&feature=related

The almighty Pen tool Used to create more complex shapes than the paintbrush or pencil tool, or shapes Can create open or closed paths Both have strokes and fills (be careful if not a closed path and you want the shape to be stroked completely) Little circle shows you that shape will close Parts to a path = line, anchor points, bezier handles (5 minutes) (27 minutes)

Shading in Vector Download and open the three files on the Images webpage, under 2d Vector Cat no stroke Medical stroke Bird in hand gradient Notice the different ways of coloring and shading in each. Google “vector infographics”

Breaking down shading Look at each shape (can you re-draw with shapes or just with pen) Look for stroke and fill colors Look for linear and radial gradients

Gradient Tool First, need to draw a closed shape Next, open up gradients panel Select the type of gradient Select your colors Use RGB, CMYK, or color swatches If you use HSB  Make Saturation 100% (to start)  Brightness 100% (to start)  Then select your hue Gradient Tool tutorial (4 minutes) ure=related

Gradient Tool To change angle of gradient (make sure your object is selected) type it in the gradient palette To add another color to gradient, click below gradient slider Set “blend” by clicking on white squares above If you want to change back to a solid fill, at the bottom of your tools palette, select the solid fill Color icon

Mesh Gradients (advanced- on your own) The Gradient Mesh tool is used to create more complex gradients Draw a shape Click on the Gradient Mesh tool Click on the shape You control colors by selecting the nodes (you do not use the Gradient Tool Palette) Once you have a MG, you can’t undo it! No stroke with MG Go to highered website, Intro to Illustrator CS 4, Creating a Gradient Mesh Object 1 and 2

Adobe Illustrator (on your own) ded/desc/1/ ded/desc/1/ shiny-gum-ball-machine-with-mesh-gradients/ ion/