Animate Workspace. Objective % Utilize appropriate tools and methods to produce digital animation.

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.
Foundation Level Course
Kapi’olani Community College Adobe Flash 1 In-class Presentation Week 1.
Kapi’olani Community College Macromedia Flash 1 In-class Presentation Week 1.
Macromedia Flash MX 2004 – Design Professional Macromedia Flash MX GETTING STARTED WITH.
Introduction to Macromedia Flash 8
1 Flash and Animation Presented by : Behzad Sajed Khosrowshahi.
Creating Animation Pertemuan Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
Chapter 8 – Part I Interactive Multimedia Authoring with Flash: Animation “Computers and Creativity” Richard D. Webster, COSC 109 Instructor Office: 7800.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
CIS 205—Web Design & Development Flash Chapter 1 Getting Started with Adobe Flash CS3.
Tutorial 6 Working with Bitmaps and Gradients, and Publishing Flash Files.
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.
Macromedia Flash CS4. What is Flash CS4? –Animation and interactive authoring program –Tools for complex animation, as well as excellent drawing tools.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO FLASH ANIMATION.
Copyright © 2003 Pearson Education, Inc. Chapter 3, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
® 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.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Flash Domain 3: Understanding the Adobe Flash Professional CS5 Interface Adobe Creative Suite.
Tutorial 1 Introducing Adobe Flash CS3 Professional
© Anselm Spoerri Lecture 9 Flash –Introduction –Timeline –Layers –Symbol –Keyframe –Tweened Animations –Demonstration –Creating Tweened Animations –Shape.
Tutorial 7 Planning and Creating a Flash Web Site.
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.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
Adobe Flash CS4 – Illustrated Unit D: Creating Animation.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
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,
Exploring the Macromedia Flash Workspace – Lesson 2 1 Exploring the Macromedia Flash Workspace Lesson 2.
Flash Adding Multimedia Content to Web Pages. What is it? A multimedia program Combines motion, graphics, sound, and interactivity in web page formats.
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
Adobe Flash Professional CS5 – Illustrated Unit D: Creating Animation.
Chapter2 Create animation. Objectives Import image Use the blank keyframe Add sound Publish the movie as an SWF file Use a motion tween animation.
Appendix A Becoming an Adobe Certified Associate.
Flash Develop Rich Internet Content and Applications –Design motion graphics or build data-driven applications Flash Document = “.fla” filename extension.
Flash Concepts and Demos - Overview Recap Unit 2 –Buttons (Simple Text and Animated Button) –Gradient Tool –ActionScript (stop, getURL) –Embed Flash Movie.
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.
Introducing Macromedia Flash 8
Business Communication Final Exam Review
Animation Part I: Interactive Multimedia Authoring with Flash
Background Information
Tutorial 3 Creating Animations.
GIF or Not GIF? Use GIF for animation:
Flash Interface, Commands and Functions
Computer presentation
Chapter Lessons Understand the Macromedia Flash workspace
Getting Started with Adobe Flash Professional CS6
Creating Complex Animations
Pre-Production Determine the overall purpose of the project.
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.
3.00 Understanding the Adobe Premiere Pro interface. (10%)
INTRODUCTION TO ADOBE FLASH CS4
INTRODUCTION TO FLASH ANIMATION
DIM Final Review… Photoshop.
Develop Rich Internet Content and Applications
Flash Concepts and Demos - Overview
2.02D Computer Animation Software and Design Guidelines
GIF or Not GIF? Use GIF for animation:
ANIMATE WORKSPACE Stage Timeline Properties Panel Library Panel
Adobe Flash CS3 Revealed
Presentation transcript:

Objective 103.03 4% Utilize appropriate tools and methods to produce digital animation.

Animate Workspace

Panels in Animate Workspace Stage Timeline Properties Panel Library Panel Tools Panel

Stage The rectangular area where you place graphic content when creating Animate documents. To change the view of the Stage as you work, zoom in and out. To help you position items on the Stage, you can use the grid, guides, and rulers.

Timeline Defaults to only one layer. To organize artwork and animation add more layers. You can also hide, lock, or rearrange layers.  Each layer is made up of frames. Timeline Video

Properties Panel Provides easy access to properties of the current selection, either on the Stage or in the Timeline.

Library Panel Where symbols are stored and organized in Animate. Includes those created in Animate as well as imported files, including bitmap graphics, sound files, and video clips.

Tools Panel The Tools panel is divided into four sections: The tools area with drawing, painting, and selection tools. The view area for zooming and panning. The colors area for changing fill and stroke. The options area contains attributes for the currently selected tool.

Customize Workspace Your Animate workspace can be changed to best meet your needs as a video editor. Change document views Rearrange/resize windows and panels Add or remove tools on toolbar Create and save custom workspace These same techniques can be used to customize other Adobe software.

ActionScript 3 vs. HTML5 Action Script 3 is the programming language for the Adobe Flash/Animate projects. Web browsers cannot render Flash media without the plugin, Flash Player. HTML5 can be used as an alternative to Flash media (so Flash Player is not required).  Both include features for playing audio and video within web pages, play some basic HTML5 browser games and use integrated vector graphics.

Starting a New Project Common tips for beginning an animation: Use ActionScript 3 for most animations. Set stage size to match final output size. Check frame rate. Select background first. Auto Save is helpful.

Tweens Motion Tween - Most common type of movement. Objects (as symbols) can change position, rotation, alpha and size. Shape Tween - Objects can morph from one shape or color to another shape or color as defined by keyframes Classic Tween - Older way to animate, great for simple movement.

Alpha Adjustments Transparency can be done in the properties panel or in the color palette. Normally used to make an object gradually fade in or fade out.

Anchor Point Adjustments Rotation axis of an object. Use anchor point to set where movement should occur. Pivot Points start in the center Move pivot to new rotation point Makes movement more natural