Agenda – Week 8, Day 1 Debrief from InDesign Transition to Flash/Animation Explore assignment Flash tutorials Lesson 1 - Workspace Lesson 2 - Drawing Lesson.

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

Designing Scenes for Macromedia Flash MX 2004 – Lesson 41 Designing Scenes for Macromedia Flash MX 2004 Lesson 4.
© 2011 Delmar, Cengage Learning Chapter 7 Importing and Modifying Graphics.
Importing and Modifying Graphics
Who Wants to be a Millionaire? Web Page Development Flash Chapter 2.
Flash animation For beginners. Lesson objectives To understand how to animate a ball To understand how to loop animations To learn how to use animation.
Fireworks MX. 2 Lesson 1a—Create Slices & Hotspots n Fireworks allows you to add animation (behaviors) already written in ___________. n However, users.
Foundation Level Course
Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.
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.
Lecture 9 Flash Introduction Demonstration Timeline Layers Keyframe
Agenda – Week 7, Day 1 Debrief from Dreamweaver Transition to InDesign Explore assignment Look at sample fact sheets InDesign tutorial Previewing Thursday.
1 Flash and Animation Presented by : Behzad Sajed Khosrowshahi.
Chapter 8 – Part I Interactive Multimedia Authoring with Flash: Animation “Computers and Creativity” Richard D. Webster, COSC 109 Instructor Office: 7800.
Introduction to Flash FYS100 Creative Discovery in Digital Art Forms Spring 2007 Burg.
Dm11 – Flash Creating Animations Animations CREATING.
Flash MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation.
Tutorial 2 Drawing Text, Adding Shapes, and Creating Symbols.
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.
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.
Copyright © 2003 Pearson Education, Inc. Chapter 3, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
UNDERSTANDING ADOBE FLASH. The Flash Interface  The flash interface provides you with:  A menu bar  Panels  A work area: stage.
Working with Symbols and Interactivity
XP Tutorial 1 Introduction to Macromedia Flash MX 2004.
Adobe Flash CS3 Revealed Chapter 1 - GETTING STARTED WITH FLASH.
Introduction to Flash. Topics What is Flash? What can you do with it? Simple animation Complex interactive web application, such as an online store. Starting.
Tutorial 1 Introducing Adobe Flash CS3 Professional
CSC 361/661 Digital Media Spring 2010 Professor Burg.
© Anselm Spoerri Lecture 9 Flash –Introduction –Timeline –Layers –Symbol –Keyframe –Tweened Animations –Demonstration –Creating Tweened Animations –Shape.
Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
EYEGLASSES SHINE EFFECT. IN THIS LESSON, YOU WILL SEE HOW TO APPLY SHINE EFFECT ON EYEGLASSES ON THE PICTURE USING THE COLOR MIXER PANEL AND MASK.
Agenda – Week 8, Day 2 Tuesday Intro to Flash Animation process Computer animation Lesson 1 – Overview Lesson 2 – Drawing Lesson 4 – Layers Lesson 8 –
Week 11 Hands on Flash Pelekanou Olga INF221 INTRODUCTION TO MULTIMEDIA.
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Agenda 1 - Sketchbook - DUE TODAY! 1 - Flash Environment and workspace continued - Nested or embedded Movie Clips (car animation) - - Bone tool.
Introduction to Flash MX 2004: Drawing, Timeline, & Simple Animation Lloyd Rieber.
Animation Liveliness Simulation of motions A video made from a series of drawings/images simulating motions by means of slight progressive changes.
Agenda Sketchbook DUE today - assignment dates listed on next page 1 - Flash Environment and workspace continued - Movie clip symbols - timeline.
Review 2 – Adobe Flash Lab Manual
Agenda Sketchbook DUE next Tues - assignment dates listed on next page 1 - Get out your sketchbook and note these terms: Symbols (reusable object):
XP Tutorial 2 Drawing, Adding Text, and Creating Symbols.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
Flash animation For beginners. homework Your homework is over two weeks so please write in each week of your planner for the next two weeks For homework.
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.
Agenda Sketchbook DUE next Tues - assignment dates listed on next page 1 - Get out your sketchbook and note these terms: Trace Bitmap Shape Tween.
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.
Slide1. How to start Adobe Flash? Ans. Click on Start> All Programs> Adobe Design Premium CS5.5 >Adobe Flash Professional CS5.5 How to make the workspace,
Introducing Macromedia Flash 8
Flash Interface, Commands and Functions
Agenda Sketchbook > look at the links on website/calendar:
Computer presentation
Agenda 1 - Flash continued -
Animate Workspace. Objective % Utilize appropriate tools and methods to produce digital animation.
Flash animation For beginners.
Chapter Lessons Use the Macromedia Flash drawing tools
Chapter Lessons Create shape-tweened animations Create a mask effect
What is Adobe Flash/Animation?
DIM Final Review… Photoshop.
Dreamweaver Fireworks Flash
Develop Rich Internet Content and Applications
Flash Concepts and Demos - Overview
ANIMATE WORKSPACE Stage Timeline Properties Panel Library Panel
TC 310 The Computer in Technical Communication
Adobe Flash CS3 Revealed
Presentation transcript:

Agenda – Week 8, Day 1 Debrief from InDesign Transition to Flash/Animation Explore assignment Flash tutorials Lesson 1 - Workspace Lesson 2 - Drawing Lesson 8 – Animation (“Tweens”) Previewing Thursday

Debriefing - Page Layout Form a group of 2-3 other students. In your groups Share your solutions Prepare to share with the class 1 solution and highlights of the solution 1 technology insight (challenge, lesson) 1 design principle used during the assignment

Computer Animation - Warmup The process of computer animation shares much in common with the manual animation process. How does the manual animation process work? What do you expect to find in a tool for computer animation?

Flash Tutorials (within Flash) Lessons 1 – Overview 2 – Drawing 3 – Symbols 4 – Layers 5 – Type 6 – Button 7 – Sounds 8 – Animation Flash for Director users Photoshop and Fireworks Users Freehand and Illustrator Users Compare this with other tools we have used: What similarities? What unique features?

Flash Tutorials (within Flash) Lessons 1 – Overview 2 – Drawing 3 – Symbols 4 – Layers 5 – Type 6 – Button 7 – Sounds 8 – Animation Flash for Director users Photoshop and Fireworks Users Freehand and Illustrator Users PLAN: Today: Focus on these tutorials Thursday: Other tutorials

Lesson 1 - Basics Topics Toolbar Screen Timeline “Assets” area Panels Application Create a new flash file, in preparation for play…

Lesson 2 - Drawing Topics Lines, rectangles, ovals Stroke and fill Modifiers Pencil tool Paint, fill, bucket, gradient Line properties Erasing Selecting – lasso, polygon Reshaping Scaling, rotating, transforming Application Using a combination of drawing tools (and imported images), create a background for an animation.

Lesson 4 - Layers Topics Understanding layers Selecting layers Application Insert a new layer into your animation Rename the layer

Layer 8 – Animation & Tweens Topics Running the animation Keyframes Tweens Motion Size Rotation Motion along a path Color Shape Application Use a layer other than your background layer to create an animated sequence. Play your animated sequence. Note: The online help discussion of animation provides another entry point for understanding animation, keyframes, and tweens.

Wrap - up Thursday Creating buttons Exporting for Web “Animated gifs” Interactive buttons