Multimedia application in business bcom 3301 3 2 2 5
Sponsored Links
This presentation is the property of its rightful owner.
1 / 181

บทที่ 7 (ต่อ) การสร้าง Animation ด้วย โปรแกรม Adobe Flash PowerPoint PPT Presentation


  • 85 Views
  • Uploaded on
  • Presentation posted in: General

วิชา การประยุกต์ใช้งานด้านธุรกิจด้วยมัลติมีเดีย ( Multimedia Application in Business) รหัสวิชา BCOM 3301 3(2-2-5).

Download Presentation

บทที่ 7 (ต่อ) การสร้าง Animation ด้วย โปรแกรม Adobe Flash

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


(Multimedia Application in Business) BCOM3301 3(2-2-5)

1 2555 . . (085)138-6677 925/1E-mail :[email protected] : http://msci.chandra.ac.th/lrk/


7 () Animation Adobe Flash


Flash CS3

Pentium 4,Core Duo 1 GHz

Windows XP ServicePack2 Windows Vista

(RAM) 512 MB ( 1 GB)

2.5 GB

1024 x 768 pixels (32 bit)

3


: .


Flash Document

Flash Slide Presentation

Flash Form Application

ActionScript File

ActionScriptCommunication File

Flash JavaScriptFile JavaScript API

Flash Project Project


  • Flash Vector Graphic

  • Flash (SWF )

: .


  • Bitmap

    Pixel

: .


()

  • Vector

: .


Flash

1

3

Animation

Script

2

Symbol

4

Publish

: .


Flash

  • *.fla (Flash Movie)

    • Flash

  • *.swf (Shockwave Flash)

    • Flash

    • Flash

  • Publish .html *.swf

: .


Flash8

  • Start

    • Programs

      • Adobe Master Collection CS5

        • Adobe Flash Professional CS5

: .


: .


/ Toolbox

  • Window Tools

: .


/ Panels

  • Window Panels

  • F4

: .


Selection :

Subselection :

Line :

Lasso :

Pen :

(Toolbox)

: .


Text :

Oval :

Rectangle:

Pencil :

Brush :

(Toolbox)

: .


Free Transform :

Fill Transform :

Ink Bottle :

Paint Bucket :

Eyedropper :

(Toolbox)

: .


Eraser :

Hend :

Zoom :

Option :

(Toolbox)

: .


  • File New

  • Ctrl + N

: .


  • Modify Document

    • Dimensions :

    • Background Color :

    • Frame Rate : Frame

: .


()

  • Ruler units :

  • Make Default :

: .


  • Show Frame :

: .


View > Rulers

: .


Hand Tool (H)

Tool Hand Tool

Space bar

: .


Zoom Tool

Option

Alt Zoom Tool

Zoom 100% double click Zoom

Zoom double click Hand

: .


  • Line :

  • Oval : ,

  • Rectangle :

  • Pen :

: .


Oval Tool

  • Properties

Shift

: .


Rectangle Tool

Shift

: .


Line Tool

  • Properties

Shift

: .


Arrow Tool

  • -

  • -

  • ( Alt )

: .


Snap

Smooth

Straighten

Arrow Tool ()

  • Option Bar

: .


Rectangle Tool

: .


Free Transform Tool

: .


Rotate

Distort

Scale

Envelope

Free Transform Tool

: .


  • Modify Transform Scale

: .


  • Modify Transform Rotate

Rotate 90 CW

Rotate 90 CCW

: .


  • Modify Transform

    • Flip Vertical :

    • Flip Horizontal :

: .


Default

: .


Workshop

: .


  • File Save as

  • OK

** .fla **

: .


  • File Open

: .


Pencil Tool

Shift

: .


Lock

Brush

Brush

Brush Tool

: .


Brush Tool

: .


Eraser

Eraser Tool

: .


Ink Bottle Tool

  • Click

: .


Lock

Paint Bucket Tool

: .


Stroke Color

Fill Color

Dropper Tool

: .


  • Window > Color Mixer

  • Linear

  • Radial

  • ( 8 )

  • Bitmap

: .


()

  • Add Swatch

: .


Fill Transform Tool

: .


: .


point

point

.

Pen Tool

: .


Subselection Tool

  • Path

Alt

Shift 45

Alt

: .


  • Edit Copy , Edit Paste

  • Ctrl

: .


  • Window Design Panels Align

: .


  • Modify Group

  • Ctrl + G

: .


Text Tool

: .


  • Properties

: .


  • Modify Break Apart

  • Ctrl + B

: .


  • File Import Import to stage

  • Open

: .


Lasso Tool

  • ()

: .


Timeline Frame Key Frame

: .


Timeline

  • Timeline Animation

: .


Keyframe

  • Keyframe Frame

    Keyframe

  • Frame

  • Insert Timeline Keyframe

  • F6

: .


Keyframe

  • Keyframe

  • Clear Keyframe

  • Shift + F6

: .


Frame

  • Frame Keyfarme

    Frame

  • Insert Timeline Frame

  • F5

: .


Frame

  • Frame

  • Remove Frames

  • Shift + F5

: .


Blank Keyframe

  • keyframe

  • Insert Timeline Blank Keyframe

: .


Animation Flash

  • Frame by Frame

  • Motion Tween

  • Shape Tween

: .


Frame By Frame

  • Keyframe (F6)

  • 1 Step

: .


  • Enter

  • Control Loop playback

: .


Motion Tween

  • Move

  • Scale -

  • Rotate

  • Effect

: .


Motion Tween Move

  • 1

  • Insert Timeline Create Motion Tween Create Motion Tween

: .


Motion Tween Move ()

  • ( 15)

  • F6 (Insert Timeline Key Frame)

: .


Motion Tween Move ()

: .


Motion Tween Scale

  • 1

  • Insert Timeline Create Motion Tween Create Motion Tween

: .


Motion Tween Scale

  • ( 15)

  • F6 (Insert Timeline Key Frame)

: .


Motion Tween Scale

: .


: .


Motion Tween Rotate

  • 1

  • Insert Timeline Create Motion Tween Create Motion Tween

: .


Motion Tween Rotate

  • ( 15)

  • F6 (Insert Timeline Key Frame)

: .


Motion Tween Rotate

: .


Motion Tween

  • Click Frame

: .


Motion Tween ()

  • Keyframe ()

  • Properties

  • Ease :

    • :

    • :

: .


Motion Tween ()

  • Rotate :

    • CW :

    • CCW :

: .


Motion Tween ()

  • Times :

  • Orient to path : path

  • Synchronize :

  • Snap : path

: .


Motion Tween Effect

  • Effect

  • Frame

  • Properties

/

: .


: .


Shape Tweening

: .


Shape Tween

  • 1

  • ( 15)

  • F6 (Insert Timeline Key Frame)

: .


  • Frame

  • Properties Shape

: .


  • Tool

Onion Skin

: .


  • Tool

Onion Skin Outlines

: .


Markers

Modify Onion Markers

Markers

Markers Playhead

: .


Keyframe

1.

Onion All

2. Edit Multiple Frames

: .


Layer

: .


Layer

  • Layer Layer

  • Layer Motion Tween Motion Tween

: .


Layer

  • Insert Layer

: .


Layer

  • Layer

  • Layer

  • Enter

: .


Layer

  • Layer

  • Delete Layer

: .


: .


Layer

  • Layer

  • / Layer

  • Lock Layer

  • Outline

: .


: .


Guide Layer

  • Insert >> Motion Guide

  • Guide Layer

  • Pen Tool Path

: .


Guide Layer ()

  • Path

: .


(Mask Layer)

: .


Layer Mask ?

  • Layer Layer Mask Layer Mask

: .


LayerMask

  • New

  • Modify Movie

  • Width = 510 Height = 200

  • OK

: .


LayerMask ()

  • Layer 1

    • Rectangle Tool Stage

    • 30 F5

: .


LayerMask ()

  • Insert Layer (Layer 2)

  • ( )

: .


LayerMask ()

  • Insert Layer (Layer 3)

  • Double Click

  • Modify >> Group (Ctrl + G)

  • 15 F6

: .


LayerMask ()

  • Create Motion Tween

  • 30

: .


LayerMask ()

Layer 3

Mask

Enter

: .


Mask Layer

  • File Import Import to Stage

  • Stage

  • Modify Convert to Symbol

: .


Symbol

Graphic OK

Window Panels Effect

Brightness

30 F5

Mask Layer ()

: .


  • Layer Insert Layer 1

: .


  • 10>> F6

  • Insert >> Motion Tween

: .


  • 20 >> F6

: .


  • 30 >> F6

: .


  • Layer 3 Mask

Enter

Movie

: .


Symbol & Instance

: .


Symbol

(Graphic)

(Movie)

(Button)

: .


Instance

Symbol

( Symbol)

: .


Symbols

  • Graphic

  • Movie Clip

  • Button

: .


Ctrl + F8

Graphic

Insert New Symbol

  • Symbol

  • Graphic

  • OK

: .


Scene

Scene

: .


Ctrl + L

Symbol

  • Scene

  • Window Library

  • Scene

: .


Movie Clip

Insert New Symbol

  • Symbol (Rec)

  • Movie Clip

  • OK

: .


  • ( 20) F6

  • Shape Tween

: .


  • ( 25) F6

  • Shape Tween

: .


  • Scene

  • Window Library (Ctrl + L)

  • Movie Clip Scene

  • Control Test Movie

: .


Ctrl + Enter

Movie

Control

Test Movie

Shock Wave File

Test Movie (.swf)

( Flash )

: .


Button Symbol

Insert New Symbol

  • Symbol (Next Button)

  • Button

  • OK

: .


Button

  • Up

  • Over

  • Down

  • Hit

: .


  • ( frame Up)

  • Time line Over

  • F6

: .


Action

: .


Actions Play

Movie

Actions Stop

Movie

: .


Event Button

  • Press

  • Release

  • Release Outside

  • Key Press [ ]

: .


Event Button ()

Event Button

  • Roll Over

  • Roll Out

  • Drag Over

  • Drag Out

: .


Actions Go To

Scene Frame

  • Scene : scene

  • Type :

  • Frame : label

  • gotoAndPlay gotoAndStop

: .


Actions Get URL

  • URL :

  • Window :

: .


: .


Ctrl + F8

  • Insert New Symbol

  • Symbol (Move Mouse)

  • Movie Clip

  • OK

: .


  • (+)

  • 1 Actions

: .


Actions >> startDrag

Drag Mouse

  • Target :

  • Constrain to rectangle :

  • Lock mouse to center : +

: .


  • + Actions Movie Clip Control

    start Drag

: .


  • Scene

  • Window Library (Ctrl + L)

  • Movie Clip Scene

  • Control Test Movie

: .


Ctrl + F8

  • Insert New Symbol

  • Symbol (Move Area)

  • Movie Clip

  • OK

: .


  • (+)

  • Scene

  • Window Library (Ctrl + L)

  • Movie Clip Scene

: .


Instance

  • Movie Clip

  • Properties

ball

: .


  • 1 Actions

  • + Actions Movie Clip Control

    startDrag

: .


Top

Left

Right

Bottom

startDrag (ball, true, 0, 0, 200, 200) ;

  • Control Test Movie

: .


Symbol

  • Window Common Libraries

    Buttons

    Graphics

: .


Keyframe

Actions

: .


Ctrl + F8

  • Insert New Symbol

  • Symbol (Rec Button)

  • Button

  • OK

: .


  • (+)

  • Alpha 0%

: .


  • Insert New Symbol

  • Symbol (Rec Movie)

  • Movie Clip

  • OK

  • Window Library (Ctrl + L)

: .


  • Rec Button +

  • 2 F6

  • Button

: .


  • 20 F6

  • Shape Tween

: .


  • 25 F6

  • Alpha = 0%

  • Shape Tween

: .


Double Click

  • 1 Actions

: .


  • Button 1 Actions

  • + Movie Control goto

2

: .


  • Event Mouse

: .


  • Scene

  • Window Library (Ctrl + L)

  • Rec Movie Scene

  • Control Test Movie

: .


Movie

  • Insert>> New Symbol

  • Symbol (eye1)

  • Button

  • OK

: .


  • Scene

  • eye1 Scene

  • Instance

Pic1

Control >> Test Movie

: .


  • + Movie Clip Control startDrag

  • Target Instance

  • Event Mouse Press

: .


  • + Movie Clip Control stopDrag

  • Event Mouse Release

: .


  • Import (.wav,.mp3) Library

  • Window Library (Ctrl + L)

  • layer

  • Properties

: .


: .


  • Sound :

  • Effect

    • None :

    • Left Channel :

    • Right Channel :

    • Fade Left to Right :

: .


  • Fade Right to Left :

  • Fade In :

  • Fade Out :

  • Custom : [ Edit ]

: .


  • Sync

    • Event :

    • Start :

    • Stop :

    • Stream :

  • Loop :

: .


: .


Scene

  • Insert Scene

: .


Scene

  • Modify Scene

: .


Scene

  • Control Test Scene

: .


F12

Movie Web

  • File Publish Preview

    HTML

.swf .html

: .


exe file

  • File Publish Settings

  • Windows Projector (.exe)

  • Publish

  • OK

: .


Export Image

  • File Export Image

  • Save

: .


  • Login