Chapter1 The flash interface and action script 3.0.

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

INTRODUCTION TO ADOBE FLASH CS4
ARTech FLASH User Interface Drawing Tools Study Guide 8 th Grade Technology | Wakefield Middle School.
Foundation Level Course
Introduction to Macromedia Flash 8
1 Flash and Animation Presented by : Behzad Sajed Khosrowshahi.
Creating Animation Pertemuan Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
Chapter 3 Working with Symbols and Interactivity.
CIS 205—Web Design & Development Flash Chapter 1 Getting Started with Adobe Flash CS3.
Lehigh University Introduction to Flash MX Sharmeen Mecklai.
Adobe Flash Professional CS5 Provides a comprehensive authoring environment for creating digital animation and interactive Web sites. Used to create engaging.
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.
Adobe Flash CS5.5. What is Adobe Flash? formerly Macromedia Flash Is software is a powerful authoring environment for creating animation and multimedia.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Symbols and Interactivity.
© 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.
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
Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
XP Tutorial 4 Special Animations. XP New Perspectives on Macromedia Flash MX Special Layers for Animation Animation Using a Motion Guide Layer.
Tutorial 7 Planning and Creating a Flash Web Site.
Adobe Flash CS5 Introduction. What is Flash? Flash is a multimedia platform used to add animation, video, and interactivity to Web sites. It is often.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
Distributed Multimedia Programming Week - 1. Document Window  The Document Window is divided in to six main components Timeline – The Timeline is where.
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.
Tutorial 2 Drawing Shapes, Adding Text, and Creating Symbols.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
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,
Exploring the Macromedia Flash Workspace – Lesson 2 1 Exploring the Macromedia Flash Workspace Lesson 2.
Adobe Flash CS4 – Illustrated Unit A: Getting Started with Adobe Flash.
Distributed Multimedia Programming Week – 4A Buttons Movie Clips.
Adobe Flash CS3 Chapter 1 Spring Adobe Flash Adobe Flash is a development tool that allows you to create compelling interactive experiences, often.
XP Tutorial 2 Drawing, Adding Text, and Creating Symbols.
Adding Text and Navigation to the Home Page – Lesson 51 Adding Text and Navigation to the Home Page Lesson 5.
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.
FLASH!!!!!!!!!!!!!!!!!!!!!!!!! A TUTORIAL BY BRITTANY HESS AND MARGARET DENTON.
CIS 205—Web Design & Development Flash Chapter 3 Appendix on Using Buttons.
Flash Concepts and Demos - Overview Recap Unit 2 –Buttons (Simple Text and Animated Button) –Gradient Tool –ActionScript (stop, getURL) –Embed Flash Movie.
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.
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.
Adobe Flash Professional CS5 – Illustrated Unit A: Getting Started with Adobe Flash Professional.
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,
 Motion Tween allow us to move a shape on the stage from one place to another.  In order to use motion tween, the shape to be moved must be converted.
Flash Interface, Commands and Functions
Computer presentation
Chapter Lessons Understand the Macromedia Flash workspace
Getting Started with Adobe Flash Professional CS6
INTRODUCTION TO ADOBE FLASH CS4
Animate Workspace. Objective % Utilize appropriate tools and methods to produce digital animation.
Exercise 48 - Skills Adobe Flash CS4 is a software program you use to create animation and applications that range form simple to very complex. Being able.
INTRODUCTION TO FLASH ANIMATION
DIM Final Review… Photoshop.
Working with Symbols and Interactivity
Develop Rich Internet Content and Applications
Flash Concepts and Demos - Overview
ANIMATE WORKSPACE Stage Timeline Properties Panel Library Panel
The Web Collection Standard CS3 Revealed
DREAMWEAVER FIREWORKS PHOTOSHOP FLASH.
Adobe Flash CS3 Revealed
Presentation transcript:

Chapter1 The flash interface and action script 3.0

Flash vs. Action script flash Flash is a software application that is widely used for creating animations and catching cross- platform web experience. It is regarded as a powerhouse for multimedia creation due to its ability to seamlessly combine graphics, audio and video with interactive content in the development of engaging applications such as online games,………

Flash vs. Action script Action script 3.0 Action script 3.0 (AS3) is the built-in programming language of flash. This object oriented programming (OOP) language performs at a high level with reach functionality.

Starting flash Step1 : Start Adobe Flash by choosing Start > All programs > Adobe Design Premium CS > Adobe Flash CS Step 2 : Choose Flash File (Action Script 3.0) Step 3 : Choose File > Save As, and enter the name(name.fla). Click OK Note : the extension.fla refers to a Flash Authoring document – a document that represents the visual composition of the interactive Flash application.

Starting flash Create a flash file

Flash Interface Tools Layers Properties (Panels) Stage Motion Editor Timeline Menu bar Library

Flash Interface The five main interface elements are as follows: 1. Stage 2. Library 3. Timeline 4. Toolbar 5. Properties Inspector

Flash Interface 1. Stage: The stage represents the work area where graphics are placed, visual layouts are organized and movement and interactivity are constructed. 2. Library: is where you store and organize a symbols. A symbol represents a multimedia element that can range from simple graphics, buttons, sounds,………

Flash Interface Flash document name Collection of library symbols

Flash Interface 3. Timeline: You can organize and control the content of a movie over time. The timeline contains frames and layers.  Frames : a frame represents an instant of time.  Layers : a layer provides more flexibility to stage design, it is similar to a collection of film strips stacked on top of one another.  Playhead: is used to identify the active frame currently visible on stage

Flash Interface Layers Frames Playhead

Flash Interface 4. Toolbar: the toolbar panel contains all vector graphic tools provided by flash. These tools are categorized into the following five groups:  Selection and transform Tools: Used to select and or transform an existing vector drawing.  Drawing Tools: Draw, paint, create text, and erase objects.  Modification Tools: Modify the currently selected tool  Viewing Tools: Zoom And Pan.  Color and Brush Tools: Used to select a brush color, shape and size.

Flash Interface 5. Properties Inspector ( Panel) : This panel contains information about an active document or an object that has been selected.

Creating a vector Graphic as a symbol in the library Task 1: Understanding an Image The following tools will be used in this constructions : o Tool 1: The Brush Tool will be used to create line vector shape o Tool2 : The Selection tool will be used to select an individual line and to connect the curved lines o Tool3: The Pain Bucket will be used to dump color into the shape

Creating a vector Graphic as a symbol in the library Task 2: Create a vector drawing and storing it in the library Step1: Choose Insert > New Symbol Step2 : Enter the name of symbol (Star) in the Create New Symbol dialog box. Choose Movie Clip from the type. Click OK

Creating a vector Graphic as a symbol in the library Step3 : Choose the Brush Tool from the Toolbar Step 4 : Click the Stroke Color chip from the Toolbar. Step 5: Draw the shape. Step 6: Click the fill color chip from the toolbar Step 7: Choose the Paint Bucket tool. Step8: Click Scene 1to close the drawing. You will find yourself back in stage mode looking at scene1 and the shape will no longer appear Brush Tool Stroke Color