INTRODUCTION TO FLASH Flash is used for: Animated movies Games Website Interface (Headers, Navigation Bar buttons)

Slides:



Advertisements
Similar presentations
Distributed Multimedia Programming Week - 1. Document Window The Document Window is divided in to six main components Timeline – The Timeline is where.
Advertisements

INTRODUCTION TO ADOBE FLASH CS4
1What is the Stage. 2How do you open a panel in Flash
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
Macromedia Flash Cartoons & Buttons Your Presenter: Laura Silberstein
Macromedia Flash MX 2004 – Design Professional Animations CREATING.
Introduction to Macromedia Flash 8
3.02 Computer Animation Software and Design Guidelines
1 Flash and Animation Presented by : Behzad Sajed Khosrowshahi.
© 2010 Delmar, Cengage Learning Chapter 4: Creating Animation.
Roentgen photo effect. This detailed, thoroughly explained lesson will show you how to create very attractive roentgen photo effect. You can use this.
BASIC CONCEPS OF ANIMATION The presentation source: Department of Educational Multimedia Faculty of Education, UTM MPT 1383: VIDEO AND ANIMATION TECHNOLOGY.
Frame Part of timeline panel You can remove normal frames from a certain layer by (MRC + Remove Frames). You can remove normal frames from a certain layer.
Business and Computing Deanery Multimedia Week 6 Animation.
Lehigh University Introduction to Flash MX Sharmeen Mecklai.
Chapter 4 Creating Animations.
1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 8 This presentation © 2004, MacAvon Media Productions Animation.
Chapter Lessons Create frame-by-frame animations
Adobe Flash CS5.5. What is Adobe Flash? formerly Macromedia Flash Is software is a powerful authoring environment for creating animation and multimedia.
CT1514.  What is Motion Guide Layer?  Controls the movement of objects in a Motion tween animation  How to create a Motion Guide Layer?  Click on.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO FLASH ANIMATION.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH CS3.
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH PROFESSIONAL CS5.
UNDERSTANDING ADOBE FLASH. The Flash Interface  The flash interface provides you with:  A menu bar  Panels  A work area: stage.
XP Tutorial 1 Introduction to Macromedia Flash MX 2004.
Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based  Bitmap –Bitmaps are made up of single pixels  Vector based –Vector graphics are.
XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer.
 The creation of moving pictures one frame at a time Literally 'to bring to life' e.g. make a sequence of drawings on paper, in which a character's position.
Click your mouse for next slide Flash – Morphing and Shape Tweening You have designed some motion animation with the last lesson There is another type.
Distributed Multimedia Programming Week - 1. Document Window  The Document Window is divided in to six main components Timeline – The Timeline is where.
Adobe Flash CS3 Revealed
Flash Flash. It’s components and usage. New generation of web- design  Definition Multimedia technology developed by Macromedia to allow much interactivity.
© 2011 Delmar, Cengage Learning Chapter 4 Creating Animations.
Chapter 4 Creating Animations. Chapter 4 Lessons 1.Create motion tween animations 2.Create classic tween animations 3.Create frame-by-frame animations.
Week 11 Hands on Flash Pelekanou Olga INF221 INTRODUCTION TO MULTIMEDIA.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
Flash CS 5 Interface BY NSCHEWCZYK | ©2012. MENU BAR A bar at the top of the window. It lists menu options including: File, Edit, View, Insert, Modify,
Introduction to Flash. A Metaphor Definitions Stage is the rectangular area where you place graphic content, including vector art, text boxes, buttons,
Adobe Flash CS4 – Illustrated Unit A: Getting Started with Adobe Flash.
Animation Liveliness Simulation of motions A video made from a series of drawings/images simulating motions by means of slight progressive changes.
INTRODUCTION TO FLASH CS5 Understanding the Workspace (Review: Animation Key Terms)
Review 2 – Adobe Flash Lab Manual
BASIC MOTION TWEEN Studio 8 1. Draw a square (blue fill, no stroke) on the upper-left area of the stage.
Quick Flash Tips Learn how to use flash the easier way!
Distributed Multimedia Programming Week - 3 Shape Tweening Symbols and Instances.
Adding Text and Navigation to the Home Page – Lesson 51 Adding Text and Navigation to the Home Page Lesson 5.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
Chapter 18 Working with Animation, Video, & Photography.
Flash Vector Illustration Animation Broadcast Media Mobile Computing Games Game Consoles Internet Edutainment Kiosks.
Unit 7 – Desktop Publishing Animation Animation Skills Lesson – Overview of Adobe Flash Canvas TimeLine Tools Properties.
MOTION TWEEN - ZIG ZAG Studio 8 1. Open Motion Tween file Save As: MotionTween Zig Zag 2. Upper-right corner Choose Fit in Window.
FLASH!!!!!!!!!!!!!!!!!!!!!!!!! A TUTORIAL BY BRITTANY HESS AND MARGARET DENTON.
CIS 205—Web Design & Development Flash Chapter 3 Appendix on Using Buttons.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
Getting Started with Flash Chapter 1 Understand the Flash workspace Lesson 1.
Chapter1 The flash interface and action script 3.0.
Flash 1. Document Properties Set frame rate and dimensions of project Set frame rate and dimensions of project (default width=550 and height=400)
Introduction to Animation In animation, a series of images are rapidly changed to create an illusion of movement.
Animation in flash. Frame-by-Frame Animation An animation is made from a series of framed images displayed one after the other to create the motion. Flash.
Adobe Flash Professional CS5 – Illustrated Unit A: Getting Started with Adobe Flash Professional.
Flash Interface, Commands and Functions
3.02 Computer Animation Software and Design Guidelines
Agenda 1 - Flash continued -
INTRODUCTION TO ADOBE FLASH CS4
Chapter Lessons Create shape-tweened animations Create a mask effect
DIRECTIONS: 1. Click Enable Editing in the yellow bar above.
INTRODUCTION TO FLASH ANIMATION
DREAMWEAVER FIREWORKS PHOTOSHOP FLASH.
Presentation transcript:

INTRODUCTION TO FLASH Flash is used for: Animated movies Games Website Interface (Headers, Navigation Bar buttons)

Pros: Flash loads quickly Flash uses mostly Vector graphics which is faster than Raster graphics Flash reuses the same elements - file sizes are lower It's difficult to use someone else's flash files and edit them

Cons: Not everyone has flash players (iphones/ ipads don't support it) Flash files are complicated and tough to edit It's difficult to use someone else's flash files and edit them

Headers: Cartoon: Games:

Shape tweening means transforming an object from one state into an other. This is usually called morphing Inbetweening or tweening is the process of generating intermediate frames between two images to give the appearance that the first image evolves smoothly into the second image

mhfp6Z8z1cI

BASIC MOTION TWEEN

SHAPE TRANSFORMATION

TEXT - SHAPE

TEXT SHAPE 2

TEXT – MOTION & TRANSFORMATION

MAIN MENU TOOL BAR LAYERS TIMELINE STAGE PALETTES PROPERTIES Introduction to Flash Animation CHANGE TO CLASSIC

F8 - Turn existing object into Symbol Layers & Timeline SHOW/HIDE LAYER NAME LOCK LAYER DELETE LAYER FRAMES INSERT LAYER SCRUBBER F5 - Add Frame Shift /F5 - Delete Frame F6 - Add Key Frame Ctrl/Enter - Test Movie Enter - Play Ctrl/F8 - Make new Symbol