Adobe Flash CS4 – Illustrated Unit B: Creating Graphics and Text.

Slides:



Advertisements
Similar presentations
Introducing Macromedia FreeHand MX
Advertisements

Tutorial 2 Drawing Shapes, Adding Text, and Creating Symbols.
© 2011 Delmar, Cengage Learning Chapter 7 Importing and Modifying Graphics.
Importing and Modifying Graphics
© 2010 Delmar, Cengage Learning Chapter 7: Importing and Modifying Graphics.
Adobe Fireworks CS3 Revealed CHAPTER THREE: IMPORTING, SELECTING, AND MODIFYING GRAPHICS.
Macromedia Fireworks MX 2004 – Design Professional Importing, Selecting, and Modifying Graphics.
Macromedia Fireworks. Understanding Fireworks What can you do in Fireworks MX? –Work with vector objects and bitmap images –Add JavaScript-enabled interactivity.
Chapter 3 Drawing and Composing an Illustration. Objectives Draw straight lines Draw curved lines Draw elements of an illustration Apply attributes to.
Foundation Level Course
Exploring Other FreeHand Features – Lesson 31 Exploring Other FreeHand Features Lesson 3.
Working with Vector Graphics – Lesson 21 Working with Vector Graphics Lesson 2.
Adobe Photoshop CS Design Professional PATHS, & SHAPES USING CLIPPING MASKS,
Create a new document and import files Learn about the Macromedia Fireworks window Work with bitmap and vector images Create and modify text Unit Lessons.
Macromedia Fireworks MX 2004 – Design Professional Macromedia Fireworks MX 2004 GETTING STARTED WITH.
Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons.
Macromedia Flash MX 2004 – Design Professional Macromedia Flash MX DRAWING IN.
Macromedia Fireworks MX 2004 – Design Professional WORKING WITH OBJECTS.
Text, Masks, and Live Effects – Lesson 41 Text, Masks, and Live Effects Lesson 4.
DIGITAL GRAPHICS & ANIMATION
Macromedia Flash MX Design Professional MODIFYING GRAPHICS IMPORTING AND.
Chapter 4 Creating Animations.
Tutorial 2 Drawing Text, Adding Shapes, and Creating Symbols.
1-1 OBJ Copyright 2003, Paradigm Publishing Inc. Drawing Fundamentals Macromedia Flash Design & Application.
Adobe Fireworks CS3 Revealed CHAPTER ONE: GETTING STARTED WITH ADOBE FIREWORKS.
Macromedia Fireworks 8 Revealed MACROMEDIA FIREWORKS GETTING STARTED WITH.
Working with Symbols and Interactivity
XP Tutorial 1 Introduction to Macromedia Flash MX 2004.
© 2010 Delmar, Cengage Learning Chapter 2: Drawing Objects in Adobe Flash.
Adobe Illustrator Basics Instructor: Cristol Gregory Assistant: Tara Caimi.
CIS 205—Web Design & Development Fireworks Chapter 1.
Tutorial 1 Introducing Adobe Flash CS3 Professional
Chapter 2 Drawing Objects in Adobe Flash. 1.Use the Flash drawing and alignment tools 2.Select objects and apply colors 3.Work with drawn objects 4.Work.
Adobe Illustrator Chapter 1 Notes Pages 1-2 –1-75 Mrs. Leonard.
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
Adobe Flash CS3 Revealed
Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo.
Tutorial 2 Drawing Shapes, Adding Text, and Creating Symbols.
Chapter 9 Fireworks: Part I The Web Warrior Guide to Web Design Technologies.
© 2010 Delmar, Cengage Learning Chapter 2 Working with Text and Gradients.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
I MPORTING AND M ODIFYING G RAPHICS. 1. Understand and import graphics 2. Break apart bitmaps and use bitmap fills 3. Trace bitmap graphics Objectives.
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.
© 2011 Delmar, Cengage Learning Chapter 2 Drawing Objects in Adobe Flash.
Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5.
CSC/FAR 020, Computer Graphics, October 20, 2014 Dr. Dale E. Parson Outline for week 8, Type tools.
© 2010 Delmar, Cengage Learning Chapter 4 Working with Frames.
XP Tutorial 2 Drawing, Adding Text, and Creating Symbols.
CIS 205—Web Design & Development Fireworks Chapter 2.
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 4 Working with Frames.
Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Illustrator.
* Bitmap images are based on a grid of pixels * Each pixel is assigned a specific location and color value * Bitmaps contain a limited number of pixels,
Adobe InDesign CS5 – Illustrated Unit C: Working with Objects.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Adobe Illustrator CS5 - Illustrated Unit A:Getting Started with Adobe Illustrator CS5.
AN ILLUSTRATION DRAWING AND COMPOSING Adobe Illustrator CS Design Professional.
Adobe Illustrator CS Design Professional WITH ILLUSTRATOR GETTING STARTED.
Introducing Macromedia Flash 8
Adobe Flash Professional CS5 – Illustrated
Adobe Flash CS6 Tools and Functions
Getting Started with Adobe Flash Professional CS6
Chapter Lessons Understand the Fireworks work environment
Chapter Lessons Use the Macromedia Flash drawing tools
CSC020, Computer Graphics Type tools 1.
Getting Started with Adobe Illustrator CS6
CSC/FAR 020, Computer Graphics, October 30, 2013
VISUAL COMMUNICATION USING ADOBE PHOTOSHOP CREATIVE SUITE 5
CSC/FAR 020, Computer Graphics, October 26-31, 2011
Presentation transcript:

Adobe Flash CS4 – Illustrated Unit B: Creating Graphics and Text

Adobe Flash CS4 – Illustrated Objectives Understand vector and bitmap graphics Create a new document Set tool options and create a shape Reshape an object Select and modify a shape Copy and transform an object Use design panels Create text Modify text

Adobe Flash CS4 – Illustrated Understanding Vector and Bitmap Graphics Bitmap images   For static design elements or limited animation Vector graphics   Often used in Flash   Create with drawing tools on Tools panel

Adobe Flash CS4 – Illustrated Understanding Vector and Bitmap Graphics Bitmap graphicsVector graphics Display image as a matrix of dots (pixels) on a grid Consist of a finite number of pixels Resolution-dependent  Resizing affects image quality Mathematically calculated Composed of anchor points and straight or curved line segments (collectively form a path) Appear smooth; appropriate for illustrations Resolution-independent  Offer more flexibility than bitmap images

Adobe Flash CS4 – Illustrated Understanding Vector and Bitmap Graphics Comparing vector and bitmap images

Adobe Flash CS4 – Illustrated Understanding Vector and Bitmap Graphics Resolution   Degree of clarity, detail, and sharpness of displayed or printed image   Expressed by number of pixels per square inch; (the higher the better) Flash drawing modes   Merge Drawing mode Assumes that objects’ paths combine   Object Drawing mode Treats object as a whole

Adobe Flash CS4 – Illustrated Understanding Vector and Bitmap Graphics Comparing objects in Merge Drawing and Object Drawing modes

Adobe Flash CS4 – Illustrated Creating a New Document Several methods to precisely measure and position objects on the Stage   Display rulers   Create guides   Display a grid

Adobe Flash CS4 – Illustrated Creating a New Document Document Properties dialog box

Adobe Flash CS4 – Illustrated Creating a New Document Viewing the grid turned on in a document

Adobe Flash CS4 – Illustrated Creating a New Document Grid dialog box

Adobe Flash CS4 – Illustrated Setting Tool Options and Creating a Shape Tools panel is separated into sections, each containing related tools (e.g., drawing, view, and selection) Many tools have tool options at the bottom of the Tools panel

Adobe Flash CS4 – Illustrated Setting Tool Options and Creating a Shape Drawing and painting tools

Adobe Flash CS4 – Illustrated Aligning Objects on the Stage Snap Align Snap to Grid Snap to Guides Snap to Objects Snap to Pixels Viewing rulers, guides, and alignment lines

Adobe Flash CS4 – Illustrated Setting Tool Options and Creating a Shape Select colors for strokes and fills using color pop-up window Setting stroke color by clicking a color swatch

Adobe Flash CS4 – Illustrated Setting Tool Options and Creating a Shape Creating a shape

Adobe Flash CS4 – Illustrated Reshaping an Object Selection Tool   Manipulates shape directly by dragging object’s border into a different contour Zoom Tool   Adjusts the view Guide layer   Contains a shape you can use to Trace or align objects Create a motion path for animated objects

Adobe Flash CS4 – Illustrated Reshaping an Object Modifying a shape

Adobe Flash CS4 – Illustrated Reshaping an Object Creating a curve

Adobe Flash CS4 – Illustrated Selecting and Modifying a Shape Selection tools

Adobe Flash CS4 – Illustrated Selecting and Modifying a Shape Selecting a fill

Adobe Flash CS4 – Illustrated Selecting and Modifying a Shape Selecting part of a stroke

Adobe Flash CS4 – Illustrated Copying and Transforming an Object Transform an object by   Scaling   Rotating   Skewing   Distorting Different ways to copy an object from outside or within the program Reconfigure objects using options for the Free Transform Tool

Adobe Flash CS4 – Illustrated Copying and Transforming an Object Options for the Free Transform Tool

Adobe Flash CS4 – Illustrated Copying and Transforming an Object Copying and pasting a selection

Adobe Flash CS4 – Illustrated Copying and Transforming an Object Positioning the rotate pointer

Adobe Flash CS4 – Illustrated Copying and Transforming an Object Paste and drag options from Edit menu   Paste in Center   Paste in Place   Paste Special   Duplicate

Adobe Flash CS4 – Illustrated Using Design Panels Perform specific design functions Click a command on Window menu to open panels Frequently used panels   Dock in an existing panel group   Create a new panel group

Adobe Flash CS4 – Illustrated Using Design Panels Info panelShows information based on where pointer is on the Stage Align panelSizes, aligns, or distributes multiple objects to Stage or each other Transform panelPerforms functions of the Free Transform Tool Color panelContains features for adjusting object’s stroke and fill colors Swatches panelContains colors from active color palette, or set, of available colors

Adobe Flash CS4 – Illustrated Using Design Panels Viewing the Info and Align panels

Adobe Flash CS4 – Illustrated Using Design Panels Skewing an object using the Transform panel

Adobe Flash CS4 – Illustrated Using Design Panels Viewing the Color panel and Swatches panel

Adobe Flash CS4 – Illustrated Creating Text Using the Text Tool Text block   Object containing text that can be moved and modified Modifiable text attributes: font, size, style, color, alignment, orientation, and spacing Variable-width text   Text block expands as you type Fixed-width text   Width is limited by size of text block

Adobe Flash CS4 – Illustrated Creating Text Creating a fixed-width text box

Adobe Flash CS4 – Illustrated Creating Text Viewing fixed-width text

Adobe Flash CS4 – Illustrated Creating Text Creating variable-width text

Adobe Flash CS4 – Illustrated Modifying Text Use features on Properties panel   Character and Paragraphs sections (font attributes, indent, margins, text orientation)   Options section (link to a Web site)   Filters section (drop shadow, bevel, glow)

Adobe Flash CS4 – Illustrated Modifying Text Editing text attributes

Adobe Flash CS4 – Illustrated Modifying Text Sampling a color

Adobe Flash CS4 – Illustrated Modifying Text Aligning text