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

Size: px
Start display at page:

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

Transcription

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

2 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

3 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

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

5 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

6 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

7 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

8 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

9 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]

10 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

11 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]

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

RAVASMARTSOLUTIONS - TECH TIPS

RAVASMARTSOLUTIONS - TECH TIPS RAVASMARTSOLUTIONS - TECH TIPS Purpose CS5 - Flash - Build a Banner Animation This Tech Tip will illustrate how to build a basic banner animation using Flash. Please build your Flash Image library before

More information

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

The Library is displayed as a window, and its contents are accessed by dragging and dropping onto the Stage. FLASH FREQUENTLY ASKED QUESTIONS - What is the Library? The Library is an area in which you store all content used in a Flash movie. In Flash terminology, each piece of content stored in the Library is

More information

Adobe Flash CS3 Reference Flash CS3 Application Window

Adobe Flash CS3 Reference Flash CS3 Application Window Adobe Flash CS3 Reference Flash CS3 Application Window When you load up Flash CS3 and choose to create a new Flash document, the application window should look something like the screenshot below. Layers

More information

General Directions for Creating a Program with Flash

General Directions for Creating a Program with Flash General Directions for Creating a Program with Flash These directions are meant to serve as a starting point for a project in Flash. With them, you will create four screens or sections: 1) Title screen;

More information

Adobe Flash CS4 Part 3: Animation

Adobe Flash CS4 Part 3: Animation CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Flash CS4 Part 3: Animation Fall 2010, Version 1.0 Table of Contents Introduction...2 Downloading the Data Files...2 Understanding

More information

Adobe Flash CS4 Part 4: Interactivity

Adobe Flash CS4 Part 4: Interactivity CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Flash CS4 Part 4: Interactivity Fall 2010, Version 1.0 Table of Contents Introduction... 2 Downloading the Data Files... 2

More information

Tutorial 4. Creating Special Animations

Tutorial 4. Creating Special Animations Tutorial 4 Creating Special Animations Objectives Create an animation using a motion guide layer Create an animation using a mask layer Animate text blocks Animate individual letters within a text block

More information

INSRUCTION SHEET. Flash Lab #1

INSRUCTION SHEET. Flash Lab #1 Advanced Web Page Design STANDARD 5 The student will use commercial animation software (for example: Flash, Alice, Anim8, Ulead) to create graphics/web page. Student Learning Objectives: Objective 1: Draw,

More information

Using Flash Animation Basics

Using Flash Animation Basics Using Flash Contents Using Flash... 1 Animation Basics... 1 Exercise 1. Creating a Symbol... 2 Exercise 2. Working with Layers... 4 Exercise 3. Using the Timeline... 6 Exercise 4. Previewing an animation...

More information

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

Objectives: To create a Flash motion tween using the timeline and keyframes, and using pivot points to define object movement. DM20 Assignment 4c Flash motion tween with pivot point adjustments screen shots from CS3 with CS4 differences described Objectives: To create a Flash motion tween using the timeline and keyframes, and

More information

Motion Guide Animations

Motion Guide Animations Motion Guide Animations Chapter 8 Animations that involve objects orbiting around a point can be done using fixed points, but better results can sometimes be achieved through the use of a circular motion

More information

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

Macromedia Flash.   ( Macromedia Flash) : - - Flash. Flash. 10. ( Frame ) . Motion Tween. . Flash Macromedia Flash ( Macromedia Flash).... : 233 - Ram - 16 64 600 - - Flash. Flash... Flash... Flash player Flash.. Flash Flash. Flash. Tweening 10. ( Frame ). Flash (10 1 ). Motion Tween :. Flash. Flash

More information

Basic Operation of Flash MX Professional 2004

Basic Operation of Flash MX Professional 2004 Basic Operation of Flash MX Professional 2004 (Main Tutorial) This Tutorial provides you Basic Operation for Flash MX Professional 2004. After this training, you will be able to create simple animation.

More information

FLASH ANIMATION TUTORIAL

FLASH ANIMATION TUTORIAL FLASH ANIMATION TUTORIAL This tutorial will show you how to make a simple flash animation using basic graphic elements and sounds. It will also work as the display page for your Bullet Movie soundtrack

More information

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

Learning Flash CS4. Module 1 Contents. Chapter 1: Getting Started With Flash. Chapter 2: Drawing Tools Learning Flash CS4 Module 1 Contents Chapter 1: Getting Started With Flash The Flash Start Page...1-1 The Flash Screen...1-2 The Flash Workspace...1-2 The Properties Panel...1-4 Other Panels...1-5 The

More information

HO-FL1: INTRODUCTION TO FLASH

HO-FL1: INTRODUCTION TO FLASH HO-FL1: INTRODUCTION TO FLASH Introduction Flash is software authoring package for creating scalable, interactive animations (or movies) for inclusion in web pages. It can be used to create animated graphics,

More information

How to create an animated face

How to create an animated face Adobe Flash CS4 Activity 5.1 guide How to create an animated face This activity walks you step by step through the process of creating a simple animation by using Adobe Flash CS4. You use drawing tools

More information

Adobe Flash Professional CS5.5

Adobe Flash Professional CS5.5 Adobe Flash Professional CS5.5 Creating Image thumbnail Niranjan Khadka Center for Teaching and Learning Adobe Flash Professional CS5.5 The Interface TOOL PANEL It appears on either side of screen and

More information

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

1. Multimedia authoring is the process of creating a multimedia production: Chapter 8 1. Multimedia authoring is the process of creating a multimedia production: Creating/assembling/sequencing media elements Adding interactivity Testing (Alpha/Beta) Packaging Distributing to end

More information

Adobe Flash CS4 Part 2: Working with Symbols

Adobe Flash CS4 Part 2: Working with Symbols CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Flash CS4 Part 2: Working with Symbols Fall 2010, Version 1.0 Table of Contents Introduction...2 Downloading the Data Files...2

More information

Inserting Flash Media

Inserting Flash Media Inserting Flash Media Chapter 20 DreamWeaver allows you to directly import media created in Flash and you can even create Flash Text and Flash Buttons within DreamWeaver. Flash is a graphics program that

More information

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

Name: Date: Multimedia Graphics and Web Publishing Mr. Dietzler. Flash Topics TWEENING AND MOTION GUIDES Name: Date: Multimedia Graphics and Web Publishing Mr. Dietzler Flash Topics TWEENING AND MOTION GUIDES TWEENING: Motion Tweening: The most basic type of tweening is Motion Tweening in which you specify

More information

REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB!

REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB! CS 1033 Multimedia and Communications Lab 8: Animation with Video Timeline REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB! LAB #8 - Exercise 1 Objectives: Upon completion of Exercise 1 you should be

More information

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

PUBLISHING 1231 Intermediate New Media Publishing (FLASH) Instructor: Mak (Mahmoud) Abdel-Hai   Office: A248 Phone: 604-3 PUBLISHING 1231 Intermediate New Media Publishing (FLASH) Instructor: Mak (Mahmoud) Abdel-Hai Email: mabdelhai@langara.bc.ca Office: A248 Phone: 604-323-5648, ext. 1 Dates and times: s: 1.30 PM 7.25 PM

More information

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

Animation is the illusion of motion created by the consecutive display of images of static elements. In film and video Class: Name: Class Number: Date: Computer Animation Basis A. What is Animation? Animation is the illusion of motion created by the consecutive display of images of static elements. In film and video production,

More information

Animating the Page IN THIS CHAPTER. Timelines and Frames

Animating the Page IN THIS CHAPTER. Timelines and Frames e r ch02.fm Page 41 Friday, September 17, 1999 10:45 AM c h a p t 2 Animating the Page IN THIS CHAPTER Timelines and Frames Movement Tweening Shape Tweening Fading Recap Advanced Projects You have totally

More information

Adobe Flash CS4 Part 1: Introduction to Flash

Adobe Flash CS4 Part 1: Introduction to Flash CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Flash CS4 Part 1: Introduction to Flash Fall 2010, Version 1.0 Table of Contents Introduction...3 Downloading the Data Files...3

More information

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

Adobe Flash CS5. Creating a web banner. Garvin Ling Juan Santa Cruz Bruno Venegas Adobe Flash CS5 Creating a web banner Garvin Ling Juan Santa Cruz Bruno Venegas Introduction In this tutorial, you will be guided through a step-by-step process on how to create your very own animated

More information

Adobe Animate Basics

Adobe Animate Basics Adobe Animate Basics What is Adobe Animate? Adobe Animate, formerly known as Adobe Flash, is a multimedia authoring and computer animation program. Animate can be used to design vector graphics and animation,

More information

CROSSFADE ANIMATION with AFTEREFFECTS

CROSSFADE ANIMATION with AFTEREFFECTS CROSSFADE ANIMATION with AFTEREFFECTS Consider using the Internet as a new presentation medium for photographs. The fluid nature of the medium allows the removal of photography from its present static

More information

Create Sponsor Scroll

Create Sponsor Scroll Appendix B Create Sponsor Scroll TABLE OF CONTENTS... 1 CREATE, ANIMATE AND UPLOAD SPONSOR LOGOS Create... 2 Animate... 5 Upload... 6 Please note, this process requires two different programs, which should

More information

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

Table of Contents. Preface...iii. INTRODUCTION 1. Introduction to M ultimedia and Web Design 1. ILLUSTRATOR CS6 1. Introducing Illustrator CS6 17 Table of Contents Preface...........iii INTRODUCTION 1. Introduction to M ultimedia and Web Design 1 Introduction 2 Exploring the Applications of Multimedia 2 Understanding Web Design 3 Exploring the Scope

More information

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

The Timeline records the actions in each Frame. It also allows multiple independent images and actions through Layers. Using Flash to Create Animated Environments Objectives: Understand the capabilities of Flash Gain a general overview of features and tools Understand layers, text, graphics, animation and buttons Import

More information

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

Flash offers a way to simplify your work, using symbols. A symbol can be Chapter 7 Heavy Symbolism In This Chapter Exploring types of symbols Making symbols Creating instances Flash offers a way to simplify your work, using symbols. A symbol can be any object or combination

More information

ADOBE 9A Adobe Dreamweaver CS4 ACE.

ADOBE 9A Adobe Dreamweaver CS4 ACE. ADOBE 9A0-090 Adobe Dreamweaver CS4 ACE http://killexams.com/exam-detail/9a0-090 ,D QUESTION: 74 You use an image throughout your Web site. You want to be able to add this image to various Web pages without

More information

Appendix A ACE exam objectives map

Appendix A ACE exam objectives map A 1 Appendix A ACE exam objectives map This appendix provides the following : A ACE exam objectives for Flash CS6 with references to corresponding coverage in ILT Series courseware. A 2 Flash CS6 ACE Edition

More information

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

animation, and what interface elements the Flash editor contains to help you create and control your animation. e r ch02.fm Page 43 Wednesday, November 15, 2000 8:52 AM c h a p t 2 Animating the Page IN THIS CHAPTER Timelines and Frames Movement Tweening Shape Tweening Fading Recap Advanced Projects You have totally

More information

Flash Domain 4: Building Rich Media Elements Using Flash CS5

Flash Domain 4: Building Rich Media Elements Using Flash CS5 Flash Domain 4: Building Rich Media Elements Using Flash CS5 Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Make rich media content development

More information

Learning Flash CS4 Professional

Learning Flash CS4 Professional Learning Flash CS4 Professional Rich Shupe HOCHSCHULE UECHTENSTEIN Bibliothek O'REILLY* Beijing Cambridge Farnham Koln Sebastopol -Taipei -Tokyo CONTENTS Foreword ". xv Preface xvii Chapter 1. Interface

More information

Curriculum/Certification Mapping in MyGraphicsLab

Curriculum/Certification Mapping in MyGraphicsLab Adobe Visual Communication Using FLASH CS5 Curriculum/Certification Mapping in MyGraphicsLab Objectives- 1.0 Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for rich

More information

Introduction to Multimedia. Adobe Animate CC. Lab Manual

Introduction to Multimedia. Adobe Animate CC. Lab Manual Introduction to Multimedia Adobe Animate CC Lab Manual 2017-18 Semester 1 Table of Contents A. Introduction p. 1 About Animate Understanding the Workspace of Animate B. Getting Started with Animate....

More information

A Dreamweaver Tutorial. Contents Page

A Dreamweaver Tutorial. Contents Page A Dreamweaver Tutorial Contents Page Page 1-2 Things to do and know before we start Page 3-4 - Setting up the website Page 5 How to save your web pages Page 6 - Opening an existing web page Page 7 - Creating

More information

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

-Remember to always hit Command + S every time you make a change to your project going forward. -Open Animate -Under Create New - Select ActionScript 3.0 -Choose Classic as the Design type located in the upper right corner -Animate workspace shows a toolbar, timeline, stage, and window tabs -From

More information

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

Airplane Propeller. Click Show All from the Zoom Control at the right end of the Timeline. Flash Chapter 10 A. Open your "airplane path" file. Step 1. Open your airplane path file. B. Move Propeller Off Fuselage. Airplane Propeller Step 1. Click Edit Symbols Button at the right end of the Timeline,

More information

REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB!

REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB! CS 1033 Multimedia and Communications Lab 07: Introduction to Animation using Photoshop REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB! LAB #7 - Exercise 1 Objectives: Upon completion of Exercise 1 you

More information

Dreamweaver Domain 3: Understanding the Adobe Dreamweaver CS5 Interface

Dreamweaver Domain 3: Understanding the Adobe Dreamweaver CS5 Interface : Understanding the Adobe Dreamweaver CS5 Interface Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Identify elements of the Dreamweaver interface

More information

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

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10 CONTENTS Chapter 1 Introduction to Dreamweaver CS3 1 About Dreamweaver CS3 Interface...4 Title Bar... 4 Menu Bar... 4 Insert Bar... 5 Document Toolbar... 5 Coding Toolbar... 6 Document Window... 7 Properties

More information

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.

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. The project: AIRPLANE I will show you a completed version of this project.. Introducing keyframes and the Timeline One of the most important panels in the Flash workspace is the Timeline, which is where

More information

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.

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. ART90.flash 14/10/03 3:27 pm Page 24 Tutorial 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 ILLUSTRATION BY

More information

FLASH CS6 DIRECTIONS TO GET YOU STARTED!

FLASH CS6 DIRECTIONS TO GET YOU STARTED! FLASH CS6 DIRECTIONS TO GET YOU STARTED! SYMBOL A symbol is a reusable image, animation or button. You will see a plus sign + in the object once it s been converted to a symbol. Insert>Convert to symbol

More information

Doing a flash animation for animb

Doing a flash animation for animb Doing a flash animation for animb Mathieu Clabaut May 22, 2008 Introduction This tutorial should provide the user with a tour through the most important functionalities allowing to build a flash animation

More information

How to work with text

How to work with text How to work with text Adobe Flash Professional lets you add text to a Flash application in two formats: You can add Text Layout Framework (TLF) text. You can add Classic text. Using the Text Layout Framework

More information

Basics of Flash Animation

Basics of Flash Animation Basics of Flash Animation The Stage is where you do your main design work The timeline is where you animate your objects by setting keyframes The library is where you store all your assets things you use

More information

Shape Tweening. Shape tweening requirements:

Shape Tweening. Shape tweening requirements: Shape Tweening Shape Tweening Shape tweening requirements: Vector-based objects No grouped objects No bitmaps No symbols No type, type must be broken apart into a shape Keyframes concept from traditional

More information

Animating Layers with Timelines

Animating Layers with Timelines Animating Layers with Timelines Dynamic HTML, or DHTML, refers to the combination of HTML with a scripting language that allows you to change style or positioning properties of HTML elements. Timelines,

More information

Animating Dialogue using the "Mouth Comp" method

Animating Dialogue using the Mouth Comp method Animating Dialogue using the "Mouth Comp" method Always use symbols There are many ways to go about animating dialogue in Flash. The most logical methods all take advantage of reusing symbols of different

More information

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

Course Syllabus. Course Title. Who should attend? Course Description. Adobe Animate CC Course Title Adobe Animate CC Course Description Adobe Animate CC (Creative Clouds) is the world's most powerful graphic design program for adding interactivity and creating animation and multimedia content

More information

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

3Using and Writing. Functions. Understanding Functions 41. In this chapter, I ll explain what functions are and how to use them. 3Using and Writing Functions Understanding Functions 41 Using Methods 42 Writing Custom Functions 46 Understanding Modular Functions 49 Making a Function Modular 50 Making a Function Return a Value 59

More information

Review Questions FL Chapter 3: Working With Symbols and Interactivity

Review Questions FL Chapter 3: Working With Symbols and Interactivity Review Questions FL Chapter 3: Working With Symbols and Interactivity TRUE/FALSE 1. One way to decrease file size is to create reusable graphics, buttons, and movie clips. 2. Flash allows you to create

More information

PUBLISHING FLASH. Lesson Overview

PUBLISHING FLASH. Lesson Overview PUBLISHING FLASH Lesson Overview In this lesson, you ll learn how to do the following: Test a Flash document Understand the Bandwidth Profiler Change publish settings for a document Understand the difference

More information

Walk Cycle with Symbols

Walk Cycle with Symbols Walk Cycle with Symbols STEP 1 Assuming you have your character all rigged and ready to go, double click on the character to get into the master symbol to see all the layers that make up all of the character

More information

FEATURE BANNER ROTATOR with slide buttons XML DOCUMENTATION CHRISTIAN KRAGH

FEATURE BANNER ROTATOR with slide buttons XML DOCUMENTATION CHRISTIAN KRAGH FEATURE BANNER ROTATOR with slide buttons XML DOCUMENTATION CHRISTIAN KRAGH XML Parameters Possible values Description banner_width The full width of the banner. If the banner_dynamic_resizing attribute

More information

Mobile MOUSe WEB SITE DESIGN ONLINE COURSE OUTLINE

Mobile MOUSe WEB SITE DESIGN ONLINE COURSE OUTLINE Mobile MOUSe WEB SITE DESIGN ONLINE COURSE OUTLINE COURSE TITLE WEB SITE DESIGN COURSE DURATION 19 Hours of Interactive Training COURSE OVERVIEW In this 7 session course Debbie will take you through the

More information

MULTIMEDIA WEB DESIGN

MULTIMEDIA WEB DESIGN CLASS :: 03 02.09 2018 3 Hours THE AGENDA HOMEWORK 2 REVIEW [ Upload to Comm Arts Server ] :: Upload GIF Face assets to Your PSD Folder [ Inside of Folder> Create Gif Face Folder ] GIF ANIMATION :: File

More information

Adobe Flash CS5 Revealed Additional ACA Material

Adobe Flash CS5 Revealed Additional ACA Material Jim Shuman Adobe Flash CS5 Revealed Additional ACA Material This document provides additional information for Adobe Flash CS5 ACA certification. How to use this document: Use this information in conjunction

More information

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

In this lesson, you ll learn how to do the following: Understand runtime environments Understand the output files for different Animate 12 PUBLISHING Lesson Overview In this lesson, you ll learn how to do the following: Understand runtime environments Understand the output files for different Animate document types Modify the publish settings

More information

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

Creating a short stop motion animation with Adobe Photoshop CC. Open Adobe Photoshop CC. A note about embedding Creating a short stop motion animation with Adobe Photoshop CC Open Adobe Photoshop CC A note about embedding Photoshop CC never embeds video or sound into your document. Instead, it links to the original

More information

Exploring the Flash MX 2004 Workspace

Exploring the Flash MX 2004 Workspace 1 Chapter Exploring the Flash MX 2004 Workspace COPYRIGHTED MATERIAL This first chapter is a warm-up to prepare you for your Flash MX 2004 adventure. It provides a quick introduction to Flash, and is a

More information

The Macromedia Flash Workspace

The Macromedia Flash Workspace Activity 5.1 Worksheet The Macromedia Flash Workspace Student Name: Date: Identify the Stage, workspace, Timeline, layers, panels, Tools panel, and Property inspector. The Macromedia Flash Workspace 5-35

More information

Create Compatible Flash Skins for Panowalker

Create Compatible Flash Skins for Panowalker Create Compatible Flash Skins for Panowalker 1. Make a plan.... 2 2. Prepare all the source images.... 2 3. Design skin in Flash.... 2 4. Export the SWF and JPG file.... 9 5. Create skin files that are

More information

Flash CS6 First Edition

Flash CS6 First Edition Flash CS6 Flash CS6 First Edition LearnKey provides self-paced training courses and online learning solutions to education, government, business, and individuals world-wide. With dynamic video-based courseware

More information

GETTING STARTED WITH. chapter

GETTING STARTED WITH. chapter 1-4283-1963-8_01_Rev4.qxd 6/27/07 1:39 PM Page 1 chapter 1 GETTING STARTED WITH ADOBE FLASH CS3 1. Understand the Adobe Flash CS3 workspace 2. Open a document and play a movie 3. Create and save a movie

More information

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

Utah Education Network Web Animation Flash MX. Jessica Anderson (801) Web Animation Flash MX 12/30/03 2 Utah Education Network Web Animation Flash MX Jessica Anderson janderson@media.utah.edu (801) 585-6849 www.uen.org Flash, a powerful vector graphics program, allows you

More information

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

IT 201: Information Design Techniques. Review Sheet. A few notes from Professor Wagner s IT 286: Foundations of Game Production Course IT 201: Information Design Techniques Review Sheet Sources: Notes from Professor Sequeira s IT 201 course at NJIT A few notes from Professor Wagner s IT 286: Foundations of Game Production Course Foundation

More information

Creating Multimedia SWF Products

Creating Multimedia SWF Products Chapter InDesign can be used to create multimedia products that combine movie clips, sounds, images and animations into professional products that can be distributed on CD, DVD or as SWF files that can

More information

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

Product: Leaderboard Dimensions: File Size: 40 kb Max File Format: JPG, PNG, GIF, SWF Animation: 15 Seconds Max Product: Leaderboard Dimensions: 728 90 File Format: JPG, PNG, GIF, SWF Product: Rectangle Dimensions: 300 250 File Format: JPG, PNG, GIF, SWF Product: Half Page Dimensions: 300 600 File Format: JPG, PNG,

More information

Working with Images and Multimedia

Working with Images and Multimedia CHAPTER Working with Images and Multimedia You can make your web page more interesting by adding multimedia elements. You can download the files featured in this chapter from www.digitalfamily.com/tyv.

More information

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

Unit 6. Multimedia Element: Animation. Introduction to Multimedia Semester 1 Unit 6 Multimedia Element: Animation 2017-18 Semester 1 Unit Outline In this unit, we will learn Animation Guidelines Flipbook Sampling Rate and Playback Rate Cel Animation Frame-based Animation Path-based

More information

Chapter 5. Creating Special Effects Delmar, Cengage Learning

Chapter 5. Creating Special Effects Delmar, Cengage Learning Chapter 5 Creating Special Effects 2011 Delmar, Cengage Learning Chapter 5 Lessons 1. Create a mask effect 2. Add sound 3. Add video 4. Create an animated navigation bar 5. Create character animations

More information

MULTIMEDIA WEB DESIGN

MULTIMEDIA WEB DESIGN CLASS :: 02 02.02 2018 4 Hours THE AGENDA HOMEWORK 1 REVIEW [ Upload to Comm Arts Server ] :: Completed Questionnaire :: Best Works [Saved to Server] GIF ANIMATION DEMO :: Best Practices for GIF Animations

More information

Creating a new Photo Story

Creating a new Photo Story Creating a new Photo Story 1. Right click anywhere on your desktop and create a new folder where you will store all the graphics, scripts, files, etc. associated with this Photo Story. 2. Open Photo Story

More information

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

Save your project files in a folder called: 3_flash_tweens. Tweens in Flash :: Introduction INF1070: Hypermedia Tools 1 Assignment 3: Tween Animation in Flash Save your project files in a folder called: 3_flash_tweens Tweens in Flash :: Introduction Now that you ve learned to draw in Flash, it

More information

About sounds and Animate CC

About sounds and Animate CC About sounds and Animate CC Adobe Animate offers several ways to use sound. Make sounds that play continuously, independent of the Timeline, or use the Timeline to synchronize animation to a sound track.

More information

Adobe Captivate Level 1

Adobe Captivate Level 1 Information Technology Services Kennesaw State University Adobe Captivate Level 1 Presented by Technology Outreach in collaboration with The Multimedia Development Group (MDG) Copyright 2007 Information

More information

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

Sign in and join ADC Newsletters Feedback. Creating your first website Part 3: Adding content to pages 1 of 18 2/14/2008 2:34 PM Adobe Dreamweaver Article Adobe Developer Connection Sign in and join ADC Newsletters Feedback RSS Creating your first website Part 3: Adding content to pages Jon Varese Adobe

More information

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

Welcome to the world of Flash, one of today s hottest applications for Chapter 1: Getting Started with Flash 9 In This Chapter Creating and saving new documents Getting familiar with the workspace and tools Managing your workspace and panels Thinking about FLA and SWF file

More information

Object Manipulation and Basic Animation

Object Manipulation and Basic Animation Object Manipulation and Basic Animation By Immer Baldos This document is a tutorial on basic modeling and animation using Blender version 2.49b. The goals are to create a Windmill using blender s built-in

More information

Dynamic Animation with Fuse Kit Free!

Dynamic Animation with Fuse Kit Free! Dynamic Animation with Fuse Kit Free! At some point, most Flash developers get a project where you have to do motion animation in code instead of tweens in the timeline. Video games, simulations or custom

More information

Working with Symbols and Instances

Working with Symbols and Instances Chapter 3 Working with Symbols and Instances Learning Objectives After completing this chapter, you will be able to: Create new symbols Edit the symbols and instances Create and edit button symbols Import

More information

07 Animation. Multimedia Systems. Image Sequence, Interpolation

07 Animation. Multimedia Systems. Image Sequence, Interpolation Multimedia Systems 07 Animation Image Sequence, Interpolation Imran Ihsan Assistant Professor, Department of Computer Science Air University, Islamabad, Pakistan www.imranihsan.com Lectures Adapted From:

More information

Tutorial: Overview. CHAPTER 2 Tutorial

Tutorial: Overview. CHAPTER 2 Tutorial 2 CHAPTER 2 Tutorial... Tutorial: Overview This tutorial steps you through the creation of a simple banner for a web page and shows how to actually put the movie on the web. The tutorial explains how to

More information

How to lay out a web page with CSS

How to lay out a web page with CSS Activity 2.6 guide How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS4 to create a simple page layout. However, a more powerful technique is to use Cascading Style

More information

Deconstructing bonsai2.swf

Deconstructing bonsai2.swf Deconstructing bonsai2.swf The Flash movie is at this URL: http://www.macloo.com/syllabi/advancedonline/assignments/bonsai/slideshow.htm The movie has 818 frames. The SWF is 615 KB. The FLA is 15 MB (15,000

More information

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

The Flash workspace. Student name: Identify the Stage, workspace, Timeline, layers, panels, Tools panel, and Property inspector. The Flash workspace Student name: Date: Identify the Stage, workspace, Timeline, layers, panels, Tools panel, and Property inspector. Page 176 Identify the selection tools, the drawing tools, the view

More information

Table of contents. DMXzone Nivo Slider 3 DMXzone

Table of contents. DMXzone Nivo Slider 3 DMXzone Nivo Slider 3 Table of contents Table of contents... 1 About Nivo Slider 3... 2 Features in Detail... 3 Reference: Nivo Slider Skins... 22 The Basics: Creating a Responsive Nivo Slider... 28 Advanced:

More information

Using Frame Hold to create photographic effects

Using Frame Hold to create photographic effects System recommendations Documentation Tips and techniques Register your product Software updates Frequently asked questions Contact customer support Using Frame Hold to create photographic effects In this

More information

IT153 Midterm Study Guide

IT153 Midterm Study Guide IT153 Midterm Study Guide These are facts about the Adobe Dreamweaver CS4 Application. If you know these facts, you should be able to do well on your midterm. Dreamweaver users work in the Document window

More information

How to draw and create shapes

How to draw and create shapes Adobe Flash Professional Guide How to draw and create shapes You can add artwork to your Adobe Flash Professional documents in two ways: You can import images or draw original artwork in Flash by using

More information

Working with Graphics and Text

Working with Graphics and Text Chapter 2 Working with Graphics and Text Learning Objectives After completing this chapter, you will be able to: Create vector graphics using drawing tools Modify the shape and size of the selected objects

More information

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

2D1640 Grafik och Interaktionsprogrammering VT Good for working with different kinds of media (images, video clips, sounds, etc. An Introduction to Director Gustav Taxén gustavt@nada.kth.se 2D1640 Grafik och Interaktionsprogrammering VT 2006 Director MX Used for web sites and CD-ROM productions Simpler interactive content (2D and

More information