Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up...
-
Upload
claud-stokes -
Category
Documents
-
view
225 -
download
3
Transcript of Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up...
![Page 1: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/1.jpg)
Flash
Adobe Flash Introduction
Kyungeun Park
![Page 2: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/2.jpg)
Bitmap vs. Vector based
Bitmap– Bitmaps are made up of single pixels
Vector based– Vector graphics are made up of mathematical
equations
![Page 3: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/3.jpg)
Advantages of Vector-based Drawing Programs
Easy to resize without loss of qualitySmall file size Faster display and download
![Page 4: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/4.jpg)
Animation
Graphics with added motionMotion is illusion of motionSingle image is called a frame
![Page 5: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/5.jpg)
Animation (cont.)
24 frames per second are the threshold for the human eye to perceive single frames showing in sequence as continuous motion
![Page 6: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/6.jpg)
Layers
Layers are like transparenciesHave a stacking orderEasy to make changesAvoid unwanted object interaction
![Page 7: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/7.jpg)
Usage of Layers
Layers avoid unwanted object interactionEach object that you may want to animate
should be placed on a separate layerRule of thumb: If in doubt, place the object
on a separate layer
![Page 8: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/8.jpg)
Frames
Frame – Single image displaying the object or character
Keyframe – Single Image where a significant change to the
object or character is defined
![Page 9: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/9.jpg)
Frames (cont.)
In-between Frames– Incorporate the incremental changes necessary
to simulate movement
Tweening– Process of automatically creating in-between
frames
![Page 10: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/10.jpg)
Symbols
Symbols are reusable objects
Are stored in the library Library is a container for
reusable objectsConvert to symbol
creates symbol and places it in Flash library
![Page 11: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/11.jpg)
Symbol Instances
Instance of a symbol is usage of a symbol in your movie
Help to keep the file size small
![Page 12: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/12.jpg)
Working with Symbols
Library panel– Holds a library’s contents (symbols,
sounds, video clips, and bitmaps in folders)– View Library Window
![Page 13: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/13.jpg)
Working with Symbols
Why use symbols?– Flash uses vectors to hold down file size: each
vector shape is just a set of instructions.
– This fact makes vector shapes efficient to begin with.
– Symbols allow you to reuse elements in a way that's more efficient than duplicating vector shapes.
– Each instance of a symbol is linked to one master symbol, instead of adding a full set of instruction for each instance.
![Page 14: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/14.jpg)
Scenes are compared to chapters of a book.
Animation is broken into smaller chunks called scenes.
Scene panel shows what scenes exist in your movie.
Understanding Scenes
![Page 15: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/15.jpg)
Insert a sceneDelete a sceneChange the scene orderRename a scene
Manipulating Scenes
![Page 16: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/16.jpg)
Frame-by-Frame Animations
Traditional form of animationMade by placing different content in
different framesKeyframe is the frame that hold new
content.
![Page 17: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/17.jpg)
Frame-by-Frame Animations
Timeline
Control
![Page 18: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/18.jpg)
Frame-by-Frame Animations
Keyframes– Blank keyframe: empty frame– Keyframe: duplicates the content of the
preceding keyframe in that layer
![Page 19: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/19.jpg)
Frame-by-Frame Animations
Insert Keyframe/Blank Keyframe
Keyframe
BlankKeyframe
![Page 20: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/20.jpg)
Frame-by-Frame Animations
Frame-by-Frame Animation
![Page 21: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/21.jpg)
Tweening– Process of automatically creating in-between frames
– Flash creates a series of incremental changes to the graphic.
In-between Frames– Automatically generated intermediate frames to simulate
movement
Tweening pattern– Beginning and end of the sequence by placing graphic
elements in keyframes
– Apply tweening process to the beginning frame
Tweening Process
![Page 22: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/22.jpg)
Tweening– Motion tweening– Shape tweening
Difference between motion tweening and shape tweening is:– Motion tweening requires graphics that are in
containers (drawing-objects, groups,symbols, or text boxes quality)
– Shape tweening requires editable graphics (merge-shapes and drawing-objects quality)
Tweening Process
![Page 23: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/23.jpg)
Create Motion Tween
Animation with Motion Tweening
![Page 24: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/24.jpg)
Create Motion Tween
Animation with Motion Tweening
![Page 25: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/25.jpg)
Animation with Motion Tweening
![Page 26: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/26.jpg)
Animation with Motion Tweening
![Page 27: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/27.jpg)
Tween changes in color – transitional colors for each inbetween frame
Animation with Motion Tweening
![Page 28: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/28.jpg)
Tween changes in color
Animation with Motion Tweening
![Page 29: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/29.jpg)
AutomaticTransition of
Shape
Animation with Shape Tweening
![Page 30: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/30.jpg)
Morphing: transforms the oval into the rectangle
Animation with Shape Tweening
![Page 31: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/31.jpg)
Animation with Shape Tweening
![Page 32: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/32.jpg)
Animation with Shape Tweening
![Page 33: Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based Bitmap –Bitmaps are made up of single pixels Vector based –Vector graphics are.](https://reader035.fdocuments.us/reader035/viewer/2022062719/56649ed15503460f94bdf93e/html5/thumbnails/33.jpg)
Animation with Shape Tweening