Utah State Graphics, Tweens, Naming Conventions. Utah State Topics Graphic Types in Flash Drawing tools Layers Grouping Keyframes Tweening/Animation.

Slides:



Advertisements
Similar presentations
INTRODUCTION TO ADOBE FLASH CS4
Advertisements

Flash Raining Text. Open Project Create Project – Action Script 3 Select Text Tool Type in some text – From the Properties Menu – Choose Font, Font Size,
Tutorial 4 Creating Special Animations. XP Objectives Create an animation using a motion guide layer Create an animation using a mask layer Animate text.
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 5 Intermediate Level Course. Animation Basics Playhead In-Between Frames Keyframe Current Frame Number Framerate Current Time Frames.
Macromedia Flash Cartoons & Buttons Your Presenter: Laura Silberstein
Utah State Topics Drawing tools Layers Grouping Keyframes Tweening/Animation.
Introduction to Macromedia Flash 8
Frame(GIF) and Vector Animation. Two Applications for Creating Animations 1.Photoshop – GIF Animation 2.Flash – Vector Animation.
Multimedia: CS117 Lesson 11 Animation. Lesson 11: Animation The Power of Animation Animation grabs attention Transitions are simple forms of animation.
Agenda – Week 8, Day 1 Debrief from InDesign Transition to Flash/Animation Explore assignment Flash tutorials Lesson 1 - Workspace Lesson 2 - Drawing Lesson.
1 Flash and Animation Presented by : Behzad Sajed Khosrowshahi.
1 © Netskills Quality Internet Training, University of Newcastle Flash 8: Animation Techniques © Netskills, Quality Internet Training, University of Newcastle.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
Introduction to Flash FYS100 Creative Discovery in Digital Art Forms Spring 2007 Burg.
History of Flash FutureSplash Animator (1996) FutureSplash Animator (1996) Macromedia Flash 1 (1996) Macromedia Flash 1 (1996) Macromedia Flash 2 (1997)
Tutorial 6 Working with Bitmaps and Gradients, and Publishing Flash Files.
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.
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.
CSC 361/661 Digital Media Spring 2010 Professor Burg.
Flash Adobe Flash Introduction Kyungeun Park. Bitmap vs. Vector based  Bitmap –Bitmaps are made up of single pixels  Vector based –Vector graphics are.
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.
Animation Basic Concepts.
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,
Introduction to Flash MX 2004: Drawing, Timeline, & Simple Animation Lloyd Rieber.
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.
Review 2 – Adobe Flash Lab Manual
1 Flash Basics Exercise Guide Making Animated Text  1.1 Open Flash 5.0 working environment frame 1  1.2 Highlight frame 1 of the first layer Insert.
Introduction to Flash CSC361/661 Digital Media Spring 2007 Burg.
Agenda Sketchbook DUE next Tues - assignment dates listed on next page 1 - Get out your sketchbook and note these terms: Symbols (reusable object):
Adobe Flash Professional CS5 – Illustrated Unit D: Creating Animation.
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.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
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.
CIS 205—Web Design & Development Flash Chapter 3 Appendix on Using Buttons.
INTRODUCTION TO FLASH Flash is used for: Animated movies Games Website Interface (Headers, Navigation Bar buttons)
Flash Animation By Kaotip and Victoria. COLOUR TWEEN ON FLASH.
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 D: Creating Animation.
Creating a movie clip.
Animation Part I: Interactive Multimedia Authoring with Flash
Frame(GIF) and Vector Animation
Flash Interface, Commands and Functions
Creating Complex Animations
Agenda 1 - Flash continued -
Animation Part III: Interactive Multimedia Authoring with Flash
CT1514 Flash-2.
INTRODUCTION TO ADOBE FLASH CS4
Animate Workspace. Objective % Utilize appropriate tools and methods to produce digital animation.
INTRODUCTION TO FLASH ANIMATION
What is Adobe Flash/Animation?
Develop Rich Internet Content and Applications
Let Flash do Guessing at Animation for you.
ANIMATE WORKSPACE Stage Timeline Properties Panel Library Panel
Presentation transcript:

Utah State Graphics, Tweens, Naming Conventions

Utah State Topics Graphic Types in Flash Drawing tools Layers Grouping Keyframes Tweening/Animation

Utah State File type ExtensionPCMAC Adobe Illustrator (version 10 or earlier.ai Adobe Photoshop;.psd AutoCAD DXF.dxf Bitmap.bmp Enhanced Windows Metafile.emf FreeHand.fh7-.f11 FutureSplash Player.spl GIF and animated GIF.gif JPEG.jpg PNG.png Flash Player 6/7.swf Windows Metafile.wmf MacPaint.pntg PICT.pct,.pic QuickTime Image.qtif Silicon Graphics Image.sgi TGA.tga TIFF.tif Adapted from CS3 help file

Utah State A little face time (.png,.gif,.jpg, vector)

Utah State Keyframes Frame span end (blank) keyframe (blank)

Utah State Keyframes (continued) Frame span end (filled) keyframe (filled)

Utah State Naming conventions For: variables, layers, files, library items (graphics, components, movie clips, buttons, etc... ) No spaces Start with letter Use “_” or capital letters to separate words:  home_button  homeButton Flash is case sensitive

Utah State Tween Types Shape tweens: Basic drawing shapes Motion tweens: Everything else (grouped objects, movie clip symbols, graphic symbols, etc... ) Feature Change ShapeMotion Position Scale Rotation Alpha/Transparency Color “morphing”

Utah State A couple of exercises A simple car (drawing) Square to spade (shape tween) Playing cards (motion tween)