Macromedia Flash MX Design Professional MODIFYING GRAPHICS IMPORTING AND.

Slides:



Advertisements
Similar presentations
INTRODUCTION TO ADOBE FLASH CS4
Advertisements

Designing Scenes for Macromedia Flash MX 2004 – Lesson 41 Designing Scenes for Macromedia Flash MX 2004 Lesson 4.
Tutorial 6 Creating Special Effects with Graphics and Gradients.
© 2011 Delmar, Cengage Learning Chapter 7 Importing and Modifying Graphics.
Importing and Modifying Graphics
© 2010 Delmar, Cengage Learning Chapter 7: Importing and Modifying Graphics.
Dawn Pedersen Art Institute. Introduction Prior to Flash CS3, the movement of Illustrator and Photoshop documents into Flash was difficult. At that time,
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 12 Using Clipping Masks, Paths, & Shapes.
Exploring Other FreeHand Features – Lesson 31 Exploring Other FreeHand Features Lesson 3.
Tutorial 4 Creating Special Animations. XP Objectives Create an animation using a motion guide layer Create an animation using a mask layer Animate text.
Create shape-tweened animation Create a mask effect Add sound Add scenes Create a slide show presentation Unit Lessons.
Macromedia Flash MX 2004 – Design Professional and Interactivity WORKING WITH SYMBOLS.
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.
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.
Working with Graphics. Objectives Understand bitmap and vector graphics Place a graphic into a frame Work with the content indicator Transform frame contents.
Chapter 3 Working with Symbols and Interactivity.
Adobe Flash CS4 – Illustrated Unit B: Creating Graphics and Text.
Macromedia Fireworks 8 Revealed WORKING WITH OBJECTS.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
Introduction to Flash FYS100 Creative Discovery in Digital Art Forms Spring 2007 Burg.
Adobe FlashProfessional CS5 – Illustrated
1 Pertemuan 12 Linking and Embedding, Saving and Exporting Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
Tutorial 6 Working with Bitmaps and Gradients, and Publishing Flash Files.
Tutorial 2 Drawing Text, Adding Shapes, and Creating Symbols.
3-1 OBJ Copyright 2003, Paradigm Publishing Inc. Working with Layers, Libraries, and Importing Graphics Macromedia Flash Design & Application.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Symbols and Interactivity.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO FLASH ANIMATION.
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH PROFESSIONAL CS5.
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.
Creating a Logo – Lesson 3 1 Creating a Logo Lesson 3.
© 2010 Delmar, Cengage Learning Chapter 3: Working with Symbols and Interactivity.
CSC 361/661 Digital Media Spring 2010 Professor Burg.
Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based  Bitmap –Bitmaps are made up of single pixels  Vector based –Vector graphics are.
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.
Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer.
Tutorial 2 Drawing Shapes, Adding Text, and Creating Symbols.
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.
Dm 11 - Flash Special Effects Special Effects CREATING.
Macromedia Flash MX 2004 – Design Professional Special Effects CREATING.
XP Tutorial 2 Drawing, Adding Text, and Creating Symbols.
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
Adobe Fireworks CS3 Revealed CHAPTER TWO: WORKING WITH OBJECTS.
Flash Develop Rich Internet Content and Applications –Design motion graphics or build data-driven applications Flash Document = “.fla” filename extension.
© 2011 Delmar, Cengage Learning Chapter 12 Using Clipping Masks, Paths, & Shapes.
Chapter1 The flash interface and action script 3.0.
Macromedia Flash MX Design Professional And Interactivity WORKING WITH SYMBOLS.
Efficient Game Graphics From Flash MX 2004 Game Design Demystified.
Adobe Flash Professional CS5 – Illustrated Unit C: Using Symbols and the Library Panel.
Creating Special Animations
Chapter Lessons Work with imported files
Adobe Flash Professional CS5 – Illustrated
Creating Complex Animations
Exercise 63 Use a Flash movie clip symbol to store an animation that you need to use more than once in an application. This is very important for keeping.
INTRODUCTION TO ADOBE FLASH CS4
Chapter Lessons Work with imported files
Chapter Lessons Use the Macromedia Flash drawing tools
Chapter Lessons Create shape-tweened animations Create a mask effect
Working with Symbols and Interactivity
Develop Rich Internet Content and Applications
Importing & Altering Images
Presentation transcript:

Macromedia Flash MX Design Professional MODIFYING GRAPHICS IMPORTING AND

Unit G2Importing and Modifying Graphics Understand and import graphics Break apart bitmaps and use bitmap fills Trace bitmap graphics Use imported graphics in a movie Unit Lessons

Unit G3Importing and Modifying Graphics Import vector and bitmap graphics Break apart bitmap images Manipulate bitmap fill images Trace bitmap graphics to create vectors Animate imported graphics Importing and Modifying Graphics

Unit G4Importing and Modifying Graphics Understand and Import Graphics Import graphics from several different drawing and image-editing programs: –Macromedia Fireworks –Macromedia Freehand –Adobe Illustrator –Adobe Photoshop –Adobe ImageReady

Unit G5Importing and Modifying Graphics Understanding the Formats Vector-based application – an application in which all images and motion within the application are calculated according to mathematical formulas Bitmap image – an image based on pixels, not on a mathematical formula

Unit G6Importing and Modifying Graphics Bitmap and Vector-based Formats Vector-based application results in smaller file size and a robust ability to resize movies Importing bitmaps increases the file size of your movie and decreases flexibility in terms of resizing the movie

Unit G7Importing and Modifying Graphics Importing Different Graphic Formats Click the Import command on the File menu and select the option in the Import dialog box

Unit G8Importing and Modifying Graphics Using Macromedia Fireworks PNG Files Import PNG files –As flattened images (bitmap format) or –As editable objects (vector format)

Unit G9Importing and Modifying Graphics Importing Macromedia Freehand Files Import both CMYK and Grayscale Macromedia Freehand images as (RGB) files Support only up to eight colors in a gradient fill Import blends in separate paths Preserve layers, text blocks, symbols, and pages

Unit G10Importing and Modifying Graphics Importing Adobe Illustrator Files Ungroup any grouped elements before importing Select importing options in the Import dialog box:

Unit G11Importing and Modifying Graphics Importing Bitmaps from Adobe Photoshop/Adobe ImageReady Install QuickTime 4.0 Compress the bitmap before importing Control the size, compression, and anti-aliasing of an imported bitmap

Unit G12Importing and Modifying Graphics Break Apart Bitmaps and Use Bitmap Fills Breaking apart an image makes each area of color a discrete element that you can manipulate separately from the rest of the image You can apply different bitmap fill effects

Unit G13Importing and Modifying Graphics Breaking Apart Bitmaps You manipulate an image that you break apart the same as you would a stage-level object A stage-level object is a vector object that you draw directly on the stage

Unit G14Importing and Modifying Graphics Different Bitmap Fills Effects Bitmap fill with the paintbrush Bitmap fill in a circle Bitmap fill in text

Unit G15Importing and Modifying Graphics Using Bitmap Fills Use the Fill Transform Tool to change position of the original image: –size –shape –rotation –skew

Unit G16Importing and Modifying Graphics Using Bitmap Fills Apply your images as a fill by using the Paintbrush Tool: –break apart the image –select it with the Eyedropper Tool –choose a paintbrush and brush size

Unit G17Importing and Modifying Graphics Selecting a Bitmap Fill with the Color Mixer Panel Use the Color Mixer to select the bitmap of your choice:

Unit G18Importing and Modifying Graphics Trace Bitmap Graphics If you need to convert a bitmap image into a vector image for animation purposes, use tracing Convert a pure bitmap into vector paths and fills with varying degrees of detail

Unit G19Importing and Modifying Graphics Tracing Examples Before After Before

Unit G20Importing and Modifying Graphics Using the Trace Settings There are four options that affect how detailed the trace will appear: –Color Threshold –Minimum Area –Curve Fit –Corner Threshold

Unit G21Importing and Modifying Graphics Trace Bitmap Dialog Box

Unit G22Importing and Modifying Graphics Different Trace Effects You can to trace an image using very detailed or less detailed settings

Unit G23Importing and Modifying Graphics Use Imported Graphics in a Movie Optimize Library of imported graphics Manipulate instances of symbols on the stage

Unit G24Importing and Modifying Graphics Mixing Graphic Formats You can combine importing graphics Use filling with bitmaps Trace bitmaps Manipulate imported images

Unit G25Importing and Modifying Graphics Optimizing Your Library A well-optimized movie is a movie in which you are not using any symbols gratuitously and all symbols have been optimized Group your symbols into folders in the Library panel or by the piece of the movie with which a symbol is associated

Unit G26Importing and Modifying Graphics Example of Well-organized Library

Unit G27Importing and Modifying Graphics Importing Idiosyncrasies You can import files from the following programs : –Macromedia Fireworks –AutoCAD –MacPaint –Silicon Graphics Image –QuickTime Install QuickTime 5 for support

Unit G28Importing and Modifying Graphics Animating Imported Graphics Animate any type of imported graphics Use Library elements Use tweening animation Utilize any animation techniques

Unit G29Importing and Modifying Graphics Animating Imported Library Elements Tree leaves split into layers and animated based on color

Unit G30Importing and Modifying Graphics Unit G Tasks Understand the formats Import bitmaps and vector images Break apart bitmaps Manipulate bitmap fill images Trace bitmaps Optimize a library Animate imported graphics