Flash Tutorial. Working With Text, Tween, Layers, Frames & Key Frames

Similar documents
RAVASMARTSOLUTIONS - TECH TIPS

The Library is displayed as a window, and its contents are accessed by dragging and dropping onto the Stage.

Adobe Flash CS3 Reference Flash CS3 Application Window

General Directions for Creating a Program with Flash

Adobe Flash CS4 Part 3: Animation

Adobe Flash CS4 Part 4: Interactivity

Tutorial 4. Creating Special Animations

INSRUCTION SHEET. Flash Lab #1

Using Flash Animation Basics

Objectives: To create a Flash motion tween using the timeline and keyframes, and using pivot points to define object movement.

Motion Guide Animations

Macromedia Flash. ( Macromedia Flash) : - - Flash. Flash. 10. ( Frame ) . Motion Tween. . Flash

Basic Operation of Flash MX Professional 2004

FLASH ANIMATION TUTORIAL

Learning Flash CS4. Module 1 Contents. Chapter 1: Getting Started With Flash. Chapter 2: Drawing Tools

HO-FL1: INTRODUCTION TO FLASH

How to create an animated face

Adobe Flash Professional CS5.5

1. Multimedia authoring is the process of creating a multimedia production:

Adobe Flash CS4 Part 2: Working with Symbols

Inserting Flash Media

Name: Date: Multimedia Graphics and Web Publishing Mr. Dietzler. Flash Topics TWEENING AND MOTION GUIDES

REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB!

PUBLISHING 1231 Intermediate New Media Publishing (FLASH) Instructor: Mak (Mahmoud) Abdel-Hai Office: A248 Phone: 604-3

Animation is the illusion of motion created by the consecutive display of images of static elements. In film and video

Animating the Page IN THIS CHAPTER. Timelines and Frames

Adobe Flash CS4 Part 1: Introduction to Flash

Adobe Flash CS5. Creating a web banner. Garvin Ling Juan Santa Cruz Bruno Venegas

Adobe Animate Basics

CROSSFADE ANIMATION with AFTEREFFECTS

Create Sponsor Scroll

Table of Contents. Preface...iii. INTRODUCTION 1. Introduction to M ultimedia and Web Design 1. ILLUSTRATOR CS6 1. Introducing Illustrator CS6 17

The Timeline records the actions in each Frame. It also allows multiple independent images and actions through Layers.

Flash offers a way to simplify your work, using symbols. A symbol can be

ADOBE 9A Adobe Dreamweaver CS4 ACE.

Appendix A ACE exam objectives map

animation, and what interface elements the Flash editor contains to help you create and control your animation.

Flash Domain 4: Building Rich Media Elements Using Flash CS5

Learning Flash CS4 Professional

Curriculum/Certification Mapping in MyGraphicsLab

Introduction to Multimedia. Adobe Animate CC. Lab Manual

A Dreamweaver Tutorial. Contents Page

-Remember to always hit Command + S every time you make a change to your project going forward.

Airplane Propeller. Click Show All from the Zoom Control at the right end of the Timeline.

REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB!

Dreamweaver Domain 3: Understanding the Adobe Dreamweaver CS5 Interface

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10

The playhead, shown as a vertical red beam, passes each frame when a movie plays back, much like movie fi lm passing in front of a projector bulb.

WORLD FIRST. In our first ever Flash MX 2004 tutorial, we take a look at the new ease-of-use features that can turn anyone into a Flash guru.

FLASH CS6 DIRECTIONS TO GET YOU STARTED!

Doing a flash animation for animb

How to work with text

Basics of Flash Animation

Shape Tweening. Shape tweening requirements:

Animating Layers with Timelines

Animating Dialogue using the "Mouth Comp" method

Course Syllabus. Course Title. Who should attend? Course Description. Adobe Animate CC

3Using and Writing. Functions. Understanding Functions 41. In this chapter, I ll explain what functions are and how to use them.

Review Questions FL Chapter 3: Working With Symbols and Interactivity

PUBLISHING FLASH. Lesson Overview

Walk Cycle with Symbols

FEATURE BANNER ROTATOR with slide buttons XML DOCUMENTATION CHRISTIAN KRAGH

Mobile MOUSe WEB SITE DESIGN ONLINE COURSE OUTLINE

MULTIMEDIA WEB DESIGN

Adobe Flash CS5 Revealed Additional ACA Material

In this lesson, you ll learn how to do the following: Understand runtime environments Understand the output files for different Animate

Creating a short stop motion animation with Adobe Photoshop CC. Open Adobe Photoshop CC. A note about embedding

Exploring the Flash MX 2004 Workspace

The Macromedia Flash Workspace

Create Compatible Flash Skins for Panowalker

Flash CS6 First Edition

GETTING STARTED WITH. chapter

Utah Education Network Web Animation Flash MX. Jessica Anderson (801)

IT 201: Information Design Techniques. Review Sheet. A few notes from Professor Wagner s IT 286: Foundations of Game Production Course

Creating Multimedia SWF Products

Product: Leaderboard Dimensions: File Size: 40 kb Max File Format: JPG, PNG, GIF, SWF Animation: 15 Seconds Max

Working with Images and Multimedia

Unit 6. Multimedia Element: Animation. Introduction to Multimedia Semester 1

Chapter 5. Creating Special Effects Delmar, Cengage Learning

MULTIMEDIA WEB DESIGN

Creating a new Photo Story

Save your project files in a folder called: 3_flash_tweens. Tweens in Flash :: Introduction

About sounds and Animate CC

Adobe Captivate Level 1

Sign in and join ADC Newsletters Feedback. Creating your first website Part 3: Adding content to pages

Welcome to the world of Flash, one of today s hottest applications for

Object Manipulation and Basic Animation

Dynamic Animation with Fuse Kit Free!

Working with Symbols and Instances

07 Animation. Multimedia Systems. Image Sequence, Interpolation

Tutorial: Overview. CHAPTER 2 Tutorial

How to lay out a web page with CSS

Deconstructing bonsai2.swf

The Flash workspace. Student name: Identify the Stage, workspace, Timeline, layers, panels, Tools panel, and Property inspector.

Table of contents. DMXzone Nivo Slider 3 DMXzone

Using Frame Hold to create photographic effects

IT153 Midterm Study Guide

How to draw and create shapes

Working with Graphics and Text

2D1640 Grafik och Interaktionsprogrammering VT Good for working with different kinds of media (images, video clips, sounds, etc.

Transcription:

Flash Tutorial Working With Text, Tween, Layers, Frames & Key Frames

Opening the Software Open Adobe Flash CS3 Create a new Document Action Script 3 In the Property Inspector select the size to change the stage size. Width 800 X 300 Height

Text Tool Using the text tool type your full name on to the canvas. NOTE: With flash you are not able to add a border to the text

Creating individual Characters Choose Modify Break Apart Choose Modify Timeline Distribute to Layers A layer is created for each letter Note: Delete Layer 1

Working with the Timeline This animation is planned to last 6 seconds [12 x 6 = 72] Select frame 72 on each layer and press F6

Transforming the Text Layer 2 Select frame 5 & F6 Layer 3 Select frame 10 & F6 Layer 4 Select frame 15 & F6 Layer 5 Select frame 20 & F6 Layer 6 Select frame 25 & F6 Layer 7 Select frame 30 & F6 Layer 8 Select frame 35 & F6 Layer 9 Select frame 40 & F6 Layer 10 Select frame 45 & F6 Layer 11 Select frame 50 & F6 Layer 12 Select frame 55 & F6 Layer 13 Select frame 60 & F6 Layer 14 Select frame 65 & F6 Select frame 10 F6 Select frame 15 F6 Select frame 20 F6 Select frame 25 F6 Select frame 30 F6 Select frame 35 F6 Select frame 40 F6 Select frame 45 F6 Select frame 50 F6 Select frame 55 F6 Select frame 60 F6 Select frame 65 F6 Select frame 70 F6

Transforming the Text Layer 2 Select frame 5 MOVE DOWN Layer 3 Select frame 10 ROTATE RIGHT Layer 4 Select frame 15 MOVE UP Layer 5 Select frame 20 ROTATE 360 Layer 6 Select frame 25 MOVE DOWN Layer 7 Select frame 30 MOVE & ROTATE

Motion Tween Ctrl + Enter to view the animation Layer 2 Select frame 8 & MOTION TWEEN Layer 3 Select frame 12 & MOTION TWEEN Layer 4 Select frame 18 & MOTION TWEEN Layer 5 Select frame 22 & MOTION TWEEN Layer 6 Select frame 27 & MOTION TWEEN Layer 7 Select frame 33 & MOTION TWEEN Layer 8 Select frame 37 & MOTION TWEEN Layer 9 Select frame 43 & MOTION TWEEN Layer 10 Select frame 47 & MOTION TWEEN Layer 11 Select frame 53 & MOTION TWEEN Layer 12 Select frame 57 & MOTION TWEEN Layer 13 Select frame 63 & MOTION TWEEN Layer 14 Select frame 67 & MOTION TWEEN

Frame Rate (fps) Changing the animations fps will affect the duration of the animation. If the animation is running too fast you will need to LOWER the number of frames per second. If you need the animation to run FASTER increase the number of frames per second. Double Click here Or Modify Document NOTE: Changing the frame rate to 24 fps will half the duration of the animation. Ctrl + Enter [24 72 = 3]

Saving the Animation Choose File Save As [Save the file in the Vector Animation folder] This will save the file as a FLA file, this is the development file which will allow the developer to work further on the animation. Click Save

Publishing the Animation Choose File Publish This will publish the animation into the same folder where you have saved the FLA file, this will create a SWF [Shock Wave File]

Extra Task Select frame 3 of ALL layers and add another Motion Tween. Save the changes & re publish the animation.