Bringing Animation to Your Websites introducing ADOBE FLASH.

Slides:



Advertisements
Similar presentations
INTRODUCTION TO ADOBE FLASH CS4
Advertisements

Understand the Macromedia Flash environment Open a document and play a movie Create and save a movie Work with layers and the timeline Plan a Web site.
© 2010 Delmar, Cengage Learning Chapter 1: Getting Started with Flash.
CIS 205—Web Design & Development Flash Chapter 3 Appendix B on Creating Animations.
Designing for Web stuff you need to know before you start.
Macromedia Flash MX 2004 – Design Professional Macromedia Flash MX GETTING STARTED WITH.
Introduction to Macromedia Flash 8
Frame(GIF) and Vector Animation. Two Applications for Creating Animations 1.Photoshop – GIF Animation 2.Flash – Vector Animation.
1 Flash and Animation Presented by : Behzad Sajed Khosrowshahi.
By LDP-CRC Udugampola. LDP
Chapter 17 Putting It All Together. Viewing the Preloader To view the preloader, 1.CTRL-Enter to test the movie. 2.View > Simulate Download.
Introduction to Flash Animation RMIK Jayasinghe (M. Sc. in Computer Science, B. Sc., SLTS)
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.
Chapter 3 Working with Symbols and Interactivity.
Introduction to Flash FYS100 Creative Discovery in Digital Art Forms Spring 2007 Burg.
Lesson 25: Multimedia with Macromedia Flash 8. Objectives Identify Shockwave-Flash (SWF) technology features and authoring software Add SWF animation.
1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.
Dm 11 – Intro. To Flash Macromedia Flash MX GETTING STARTED WITH.
1-1 OBJ Copyright 2003, Paradigm Publishing Inc. Dr. Joseph Otto Silvia Castaneda Christopher deCastro CSULA Macromedia Flash MX Introduction.
Macromedia Flash CS4. What is Flash CS4? –Animation and interactive authoring program –Tools for complex animation, as well as excellent drawing tools.
Flash Macromedia Flash Introduction. Bitmap vs. Vector based  Bitmap –Bitmaps are made up of single pixels  Vector based –Vector graphics are made up.
FLASH LESSON 1: INTRODUCTION BASIC MOTION TWEEN
Adobe Flash CS5.5. What is Adobe Flash? formerly Macromedia Flash Is software is a powerful authoring environment for creating animation and multimedia.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Symbols and Interactivity.
® 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.
Who Wants to be a Millionaire? Web Page Development Flash Chapter 1.
Working with Symbols and Interactivity
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Hands-on Introduction to After Effects Chris Jackson Author, Designer, Professor.
Adobe Flash CS3 Revealed Chapter 1 - GETTING STARTED WITH FLASH.
EXAM # 2 Review. Review the Power Point Presentations for: Sound Video Animation Web Accessibility.
Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based  Bitmap –Bitmaps are made up of single pixels  Vector based –Vector graphics are.
Interactive Client-Side Technologies MMIS 656 Web Design Technologies Acknowledgements: Estrella, S. (2003). The Web Wizard’s Guide to DHTML and CSS.
Adobe Flash CS5 Introduction. What is Flash? Flash is a multimedia platform used to add animation, video, and interactivity to Web sites. It is often.
Frame, Timeline and Vector Animation. Purposes of Animation Capture viewers attention –exampleexample Explain a system or process –exampleexample Set.
Frame, Timeline and Vector Animation. Purposes of Animation Capture viewers attention –exampleexample Explain a system or process –exampleexample Set.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Adobe/Macromedia Fireworks JAOIT 8. Fireworks – what is it? Adobe Fireworks (formerly Macromedia Fireworks) is a bitmap and vector graphics editor. It.
Flash Adding Multimedia Content to Web Pages. What is it? A multimedia program Combines motion, graphics, sound, and interactivity in web page formats.
Introduction to Flash. A Metaphor Definitions Stage is the rectangular area where you place graphic content, including vector art, text boxes, buttons,
Animation Liveliness Simulation of motions A video made from a series of drawings/images simulating motions by means of slight progressive changes.
Adobe Flash CS3 Chapter 1 Spring Adobe Flash Adobe Flash is a development tool that allows you to create compelling interactive experiences, often.
Flash from the Get-Go: Jhomar I. Lopez Instructor Bulacan State University.
Animation is a group of moving pictures to make an object or a character to look like it is moving for example a stickman walking along a road. Animation.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
Macromedia Flash MX Design Professional Macromedia Flash MX GETTING STARTED WITH.
FLASH!!!!!!!!!!!!!!!!!!!!!!!!! A TUTORIAL BY BRITTANY HESS AND MARGARET DENTON.
Getting Started with Flash Chapter 1 Understand the Flash workspace Lesson 1.
Chapter1 The flash interface and action script 3.0.
Introduction to Animation In animation, a series of images are rapidly changed to create an illusion of movement.
Macromedia Flash Design Professional Macromedia Flash GETTING STARTED WITH.
Frame(GIF) and Vector Animation
Animation Through The Ages
Frame(GIF) and Vector Animation
Background Information
Flash Interface, Commands and Functions
Computer presentation
Chapter Lessons Understand the Macromedia Flash workspace
Frame(GIF) and Vector Animation
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.
Web animation Brad Hurley.
INTRODUCTION TO ADOBE FLASH CS4
Animate Workspace. Objective % Utilize appropriate tools and methods to produce digital animation.
Exercise 48 - Skills Adobe Flash CS4 is a software program you use to create animation and applications that range form simple to very complex. Being able.
What is Adobe Flash/Animation?
ANIMATE WORKSPACE Stage Timeline Properties Panel Library Panel
DREAMWEAVER FIREWORKS PHOTOSHOP FLASH.
Adobe Flash CS3 Revealed
Presentation transcript:

Bringing Animation to Your Websites introducing ADOBE FLASH

On the road to a good website Introducing Flash 1Dreamweaver 2Fireworks 3Flash Web Design Principles (C.R.A.P.)

Flash adds a dynamic aspect to your website based on motion and interactivity. Flash is a vector animation software, originally designed to create animations for display on web pages. Vector graphics are ideal for the web because they are so lightweight. What is Flash?

FLASH MOVIES Where can you use Flash? You can create: Introduction to a website Example Animation within the website Example 1 Example 2 Whole website Example

-Flash document:.fla -Shockwave file:.swf -Other possible file types:.html,.gif File Types

Flash Environment toolbox timeline panels stage

TIMELINE: a closer look Layers Frames and Keyframes

LAYERS - Vehicles for the objects of your movie - Like transparent acetate sheets of content stacked on top of one another

LAYERS Layers are like transparencies?

FRAMES AND KEYFRAMES - The timeline is made up of individual units called frames. - The keyframes are the most important frames that shape the motion.

FRAMES AND KEYFRAMES From the concept of flip book to modern computerized animations