EDT 512 Session 03. SESSION OVERVIEW Homework Grant Writing CBI & Learning Styles Flash Concepts Next session.

Slides:



Advertisements
Similar presentations
INTRODUCTION TO ADOBE FLASH CS4
Advertisements

Macromedia Flash 5 Intermediate Level Course. Animation Basics Playhead In-Between Frames Keyframe Current Frame Number Framerate Current Time Frames.
Macromedia Flash MX 2004 – Design Professional Animations CREATING.
Introduction to Macromedia Flash 8
Frame(GIF) and Vector Animation. Two Applications for Creating Animations 1.Photoshop – GIF Animation 2.Flash – Vector Animation.
3.02 Computer Animation Software and Design Guidelines
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.
© 2010 Delmar, Cengage Learning Chapter 4: Creating Animation.
3.02 Computer Animation Software and Design Guidelines
© 2011 Delmar, Cengage Learning Chapter 8 Building Complex Animations.
Introduction to Flash FYS100 Creative Discovery in Digital Art Forms Spring 2007 Burg.
Dm11 – Flash Creating Animations Animations CREATING.
WMD Creating Animations Flash-5 Zhou Hong. Contents Review 1 Frame Types 2 Frame-by-Frame Animation 3 Action & Shape Tweening 4.
Flash MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation.
Chapter 4 Creating Animations.
CDM105 Session 9 Macromedia FLASH MX 2004 Part 2 : Animation with Motion Tweening and Shape Tweening.
FLASH LESSON 1: INTRODUCTION BASIC MOTION TWEEN
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 © 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.
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.
XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer.
Flash! Macromedia Flash is the key to designing and delivering low-bandwidth animations, presentations, and Web sites. It offers scripting capabilities.
Agenda – Week 8, Day 2 Tuesday Intro to Flash Animation process Computer animation Lesson 1 – Overview Lesson 2 – Drawing Lesson 4 – Layers Lesson 8 –
© 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.
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.
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
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,
Agenda 1 - Sketchbook - DUE TODAY! 1 - Flash Environment and workspace continued - Nested or embedded Movie Clips (car animation) - - Bone tool.
Introduction to Flash. A Metaphor Definitions Stage is the rectangular area where you place graphic content, including vector art, text boxes, buttons,
Distributed Multimedia Programming Week – 4A Buttons Movie Clips.
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.
Agenda Sketchbook DUE next Tues - assignment dates listed on next page 1 - Get out your sketchbook and note these terms: Symbols (reusable object):
Distributed Multimedia Programming Week - 3 Shape Tweening Symbols and Instances.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
Chapter2 Create animation. Objectives Import image Use the blank keyframe Add sound Publish the movie as an SWF file Use a motion tween animation.
Flash Develop Rich Internet Content and Applications –Design motion graphics or build data-driven applications Flash Document = “.fla” filename extension.
Macromedia Flash MX Design Professional Macromedia Flash MX GETTING STARTED WITH.
INTRODUCTION TO FLASH Flash is used for: Animated movies Games Website Interface (Headers, Navigation Bar 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)
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.
Tutorial 3 Creating Animations.
GIF or Not GIF? Use GIF for animation:
Flash Interface, Commands and Functions
3.02 Computer Animation Software and Design Guidelines
Creating Complex Animations
CT1514 Flash-2.
INTRODUCTION TO ADOBE FLASH CS4
Animate Workspace. Objective % Utilize appropriate tools and methods to produce digital animation.
Chapter Lessons Create shape-tweened animations Create a mask effect
INTRODUCTION TO FLASH ANIMATION
Develop Rich Internet Content and Applications
Let Flash do Guessing at Animation for you.
GIF or Not GIF? Use GIF for animation:
ANIMATE WORKSPACE Stage Timeline Properties Panel Library Panel
Exercise : Animated Navigation Structure in Animate (= Flash)
DREAMWEAVER FIREWORKS PHOTOSHOP FLASH.
Presentation transcript:

EDT 512 Session 03

SESSION OVERVIEW Homework Grant Writing CBI & Learning Styles Flash Concepts Next session

HOMEWORK Flash Homework –Begin thinking about rough ideas for final individual project –Content, learning objects, instructional design –Post bulleted list on Yola Read “Learning With Media” –Classic 1991 article –29 pages –Combines learning theory and multimedia Post reactions –General reactions –What is useful for designing computer-based instruction?

GRANT WRITING OVERVIEW Process Grantors RFPs Example of grantor

PROCESS Examine your setting and determine needs/problems Search online for potential funders –K-12 technology grants –Content area then request tech funds Identify strong match between yourself and grantor Obtain/read RFP Write RFP Submit to me for feedback

GRANTORS Often fund within their geographic area Often have specific vision for their grants Look at projects in past that were funded Keep your project within the scope of their aims

RFPs Follow their rules

EXAMPLE Know your setting Match to the grantor’s vision/aims Read their previously funded projects Look at their rules Follow them Hartford Foundation for Public Giving

CBI & LEARNING STYLES Match learning style to media Use media to support cognitive processing Design CBI with supports in mind –Opportunities/controls to replay video, animation –Ability to listen, read –Careful selection of images –Minimize distraction Consider learning tasks, outcomes

FLASH Finish drawing activity from last time Brief presentation on new concepts –Tutorials after drawing activity ndinternet/digitalanimation/

FLASH CONCEPTS Stage Timeline Types of frames Tweens Symbols

STAGE Area we drew on last week Main output area for audience

TIMELINE Contains all frames and layers of a Flash movie Playhead keeps going until you tell it to stop Typical frame rate is 31 fps Visualize the playhead ripping through the timeline of your Brainpop animations relative to the layers and stage

FRAMES Blank frames –Usually inserted to give you more room or time in the timeline Keyframes –Used for critical points in the timeline –Where things change –Like the bar in a song where the verse ends and the chorus starts –Designating keyframes is common Blank keyframes –Usually used as placeholdres Move, cut, copy, paste, remove frames

TWEENS Motion tween –Tell Flash where to start and where to end the animation –Used for moving objects/elements –Movement, color effects, easing –Motion editor panel see all properties Shape tween –Morphing from one shape to another –Only applied to shapes (vector drawing) –Break apart groups or symbols is option –Tweak it using shape hints Classic tween –Legacy from earlier Flash versions –Between two keyframes

SYMBOLS Symbol –Graphic, button, or movie clip –Stored in the library –Re-useable –Movie clips have their own timeline independent of the main timeline Steamboat Willie’s paddle wheel is turning on its own time, not due to the main timeline of the ship or the ripples in the water… Instance –Copy of a symbol –A symbol placed on the stage –An instance of a symbol from the library –Editing the symbol in the library effects all instances –Applying effects to an instance effects only the instance

FLASH ACTIVITY Finish drawing from last time –Including the desk Make several animations CarAnimation Background Animation Combine Car and Background

NEXT SESSION Flash Homework –Access ID template –Rough in some beginning thoughts about your final individual project –Post to Yola or web site –Everyone will get a chance to share briefly Read “eLearning” –Chapter 1 from a textbook –29 pages Post reactions –General reactions