Adobe 38039336 - Flash CS3 Professional Manuel de référence



TEKTUTORIAL:INTRODUCTIONTOADOBEFLASHCS3

INTRODUCTION

ThistutorialisanintroductiontoAdobeFlashCS3andwilldemonstratethebasicFlashtoolsandconceptswithastepby

stepguidetocreatingananimatedbutterfly.

VECTORVSBITMAP

Flashisavectorbaseanimationprogram.Vectorobjectsaredescribedmathematically,whereasbitmapsare

representedbypixels.ThisallowsFlashdocumentstoremainrelativelysmallandFlashobjectstoretainquality

regardlessofzoomresolution.



CREATEANEWFLASHDOCUMENT

Whenyoufirststartflash,youwillbepresentedwithawindowtoopenaFlashdocument,createanewFlash

document,orstartfromatemplate.ClickonFlashFile(ActionScript3.0)tocreateanewblankFlashdocument.



SAVEANDSAVEOFTEN

Beforeproceeding,saveyourdocumentandsaveoftenthereafter.



CreateaNewFile



Vector

20xZoom

Bitmap

20xZoom



TEKTUTORIAL:INTRODUCTIONTOADOBEFLASHCS3

USERINTERFACE

Theuserinterfaceconsistsofthefollowingpanels:







Timeline



Stage



Layers



PropertyInspector

Behaviors



Library

Tools



TEKTUTORIAL:INTRODUCTIONTOADOBEFLASHCS3

DISPLAYING/HIDINGPANELS

PanelscanbedisplayedorshownbyselectingordeselectingpanelsfromtheWindowsmenu.





1. ClickontheWindows

menu.

2. Clickonanunchecked

paneltodisplayitorclick

onacheckedpaneltohide

it.



TEKTUTORIAL:INTRODUCTIONTOADOBEFLASHCS3

EXAMPLEEXPLAININGLAYERS

ThinkoflayersasindividualtransparencysheetswhichallowFlashobjectstobecreatedandeditedindependentfrom

oneanother.TheexamplebelowshowsaFlashdocumentwhichhasthreelayers:Triangle,Rectangle,andCircle.

Objectsinthetopmostlayerwillcoveranyobjectsdirectlyunderneath.



LOCKINGALAYER

Lockalayerormultiplelayerstopreventthemfrombeingeditedon.Inthefollowingexample,onlytheRectanglelayer

canbeworkedon.LockalayerbyclickingonthedotlocatedunderneaththeLockcolumn.Clickonthelockicondirectly

totherightofthelayernametounlockthelayer.



Circle

Rectangle

Triangle



LockColumn



TEKTUTORIAL:INTRODUCTIONTOADOBEFLASHCS3

HIDE/SHOWALAYER

AlayercanbehiddenbyclickingonthedotlocatedunderneaththeEyeicon,theshowandhidecolumn.Noticethedot

changestoahashmark.Showalayerbyclickingonthehashmarkdirectlytotherightofthelayername.Intheexample

below,theTrianglelayerishidden.



HINT

Whenworkingonaprojectwithmanylayers,hidingandlockinglayerswillmakeiteasiertoworkontheFlashStage.



Show/HideColumn



TEKTUTORIAL:INTRODUCTIONTOADOBEFLASHCS3

DOCUMENTPROPERTIES

WhencreatinganewblankFlashdocument,setthedocumentstagesizeimmediately.Changingthestagesizelatermay

alterthepositionofyourFlashobjects.Tosetthestagesize,clicktheModifymenuandselectDocument….Youcanalso

setthestagebackgroundcolorandframerate.







SethowfasttheFlash

documentwillplay.



TEKTUTORIAL:INTRODUCTIONTOADOBEFLASHCS3

FLASHSYMBOLS

ObjectsinFlasharecalledsymbolsandasymbolcanbeagraphic,amovie,orabutton.Symbolscancontainother

symbols.Forexample,amovieclipcancontaingraphicandbuttonsymbols.



WHYUSESYMBOLS

Onceasymboliscreated,itgetsstoredintheLibraryandthencanbereusedmultipletimesintheFlashdocument,

withoutsignificantlyincreasingtheFlashdocumentsize.Anotheradvantageisthatmodificationstothesymbolwill

affectallinstancesofthatsymbolontheFlashstage,whichsavestime.

CREATINGABUTTERFLY

CreateanewmoviesymbolbyclickingontheInsertmenuandselectingNewSymbol….



SelectMovieClipasthesymboltypeandenteradescriptivenamelikeButterfly,andthenclickOK.



BUTTERFLYMOVIECLIP

TheblankbutterflymovieclipappearsonthestageandthisisindicatedbytheTabwiththelabelButterflybeneaththe

Timelinepanel.Layer1bydefaulthasanemptyframeindicatedbytheopencircleinframe1.



Gra

hicIcon

ButtonIcon

MovieIcon



Eachlayerbeginswith

anemptyframe

Currentlyediting

ButterflyMovieClip



TEKTUTORIAL:INTRODUCTIONTOADOBEFLASHCS3

THEBUTTERFLYBODY

Selecttheovaltool.

Hint:

Thetriangleinthelowerrighthandcornerindicatesthatthereareadditionaltools.

Clickandholdthetooltoseeapopupwindowofavailabletools.



Withtheovaltoolactive,clickanddragthemousetodrawaslenderovalshapefor

thebutterflybody.Noticehowframe1onthetimelinechangesfromanopencircleto

asolidcircle.Thisindicatesthatthisframehasobjects.



ANTENNAE

Selectthelinetool.

Click,drag,andreleasetodraw1antennaandrepeattodrawthesecondantenna.



Thesolidcircleindicates

thatthereareobjects

createdonthisframe.



TEKTUTORIAL:INTRODUCTIONTOADOBEFLASHCS3

INSERTMOREFRAME

Nowthatthereisoneframewiththebodyandantennadrawn,addmoreframestothetimeline.Todothis,right‐click

onframe60andchooseInsertFramefromthepopupwindow.



Frames2through60willturngrey.Frame60willhaveanopenrectangleindicatingthatitisthelastframethatisa

duplicateofframe1.Clickonanyoneoftheframes2through60andyouwillseeacopyofthebutterflybodyidentical

toframe1.



LABELEACHLAYER

Itisimportanttolabeleachlayerwithadescriptivenametomakeitiseasiertodistinguishbetweeneachlayer,

especiallywhenyouhavemanylayerstoworkwith.DoubleclickonthelabelLayer1andtype”Body”.Lockthelayerby

clickonthedotinthelockcolumn.





Doubleclickandtype

inanewlayernameLockthelayertoprevent

itfrombeingedited



TEKTUTORIAL:INTRODUCTIONTOADOBEFLASHCS3



ADDANOTHERLAYER

Clickontheinsertbuttontoaddanotherlayer.

RenameLayer2to“LeftWing”.



Clickontheframe1oftheLeftWinglayer.



WHATISYOURFAVORITECOLOR

Selecttherectangletool.

Clickonthecolorpaletteandselectacolorforthewing.



WINGINGIT

OntheFlashstage,inframe1oftheLeftWinglayer.Clickanddragtherectangletoolanddrawaboxnearthebutterfly

body.



Clickontheselectiontool





Clicktoaddalayer

abovethecurrentlayer

Clickonthecolorpalette.

Chooseacolorforthewing.

Clickattheupperlefthand

corneranddragthemouseto

thelowerrighthandcorner.

Autres manuels pour 38039336 - Flash CS3 Professional

Ce manuel convient aux modèles suivants

Table des matières

Autres manuels Adobe Logiciel

Adobe

Adobe FRAMEMAKER 6.0 Manuel utilisateur

Adobe

Adobe 23101764 - Photoshop CS - PC Instructions de fonctionnement

Adobe

Adobe 65007312 - Photoshop Lightroom Manuel

Adobe

Adobe GOLIVE CS2 Manuel utilisateur

Adobe

Adobe PREMIERE PRO 4.0 Guide de référence

Adobe

Adobe PREMIERE PRO 2 Manuel utilisateur

Adobe

Adobe ACROBAT COM Manuel utilisateur

Adobe

Adobe 22002484 Mode d’emploi

Adobe

Adobe FLEX 2-MIGRATING APPLICATIONS TO FLEX 2 Manuel utilisateur

Adobe

Adobe 65014912 - Photoshop CS4 Extended Manuel utilisateur

Adobe

Adobe 13100771 - Photoshop w/ ImageReady Manuel utilisateur

Adobe

Adobe 22020403 - Acrobat Professional - PC Manuel utilisateur

Adobe

Adobe 65045315 - Photoshop Elements - PC Manuel d'utilisation

Adobe

Adobe 16001500 - Illustrator CS2 - Mac Manuel utilisateur

Adobe

Adobe 38040165 - Visual Communicator - PC Manuel utilisateur

Adobe

Adobe 0046100128056 - InDesign - Mac Manuel utilisateur

Adobe

Adobe 65007312 - Photoshop Lightroom Manuel utilisateur

Adobe

Adobe 38043755 - ColdFusion Enterprise - Mac Mode d’emploi

Adobe

Adobe 25510629 - After Effects CS3 Professional Manuel utilisateur

Adobe

Adobe PREMIERE 5 Manuel utilisateur

Adobe

Adobe 22001438 - Acrobat - PC Mode d’emploi

Adobe

Adobe ACROBAT 3D Manuel utilisateur

Adobe

Adobe CONNECT Manuel utilisateur

Adobe

Adobe 38039336 - Flash CS3 Professional Manuel utilisateur

Manuels Logiciel populaires d'autres marques

COMPRO

COMPRO COMPROFM Manuel utilisateur

Muratec

Muratec OFFICEBRIDGE ONLINE Manuel utilisateur

Oracle

Oracle Contact Center Anywhere 8.1 Manuel utilisateur

Avaya

Avaya NULL One-X for RIM Blackberry Manuel utilisateur

HP ProLiant BL420c Manuel utilisateur

PS Audio

PS Audio PowerPlay Manuel du propriétaire

Brady

Brady LOCKOUT PRO 3.0 Manuel de service

Avaya

Avaya Interaction Center Manuel utilisateur

Texas Instruments

Texas Instruments TI-83 Plus Silver Edition Manuel

Novell

Novell GROUPWISE 8 - INTERNET AGENT Manuel utilisateur

Oracle

Oracle Application 9i Manuel utilisateur

Acer

Acer RDM Manuel utilisateur

Canon

Canon Vixia HF21 Manuel utilisateur

Canon

Canon ZR950 Manuel utilisateur

Samsung

Samsung Auto Backup Manuel utilisateur

Polycom

Polycom Vortex EF2201 Instructions d'installation et d'utilisation

Brocade Communications Systems

Brocade Communications Systems Brocade 8/12c Manuel utilisateur

Novell

Novell SP2 - S Mode d’emploi