Adobe 38039336 - Flash CS3 Professional Manual de referencia



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.

Otros manuales para 38039336 - Flash CS3 Professional

Este manual sirve para los siguientes modelos

Tabla de contenidos

Otros manuales de Software de Adobe

Adobe

Adobe 62000236 Guía

Adobe

Adobe FLASH PLAYER 10 - AT A GLANCE Manual de usuario

Adobe

Adobe 18030211 - Creative Suite 2 Standard Manual de usuario

Adobe

Adobe 38039336 - Flash CS3 Professional Manual de usuario

Adobe

Adobe ATMOSPHERE Manual de usuario

Adobe

Adobe 65048332 Manual de usuario

Adobe

Adobe DEVICE CENTRAL CS4 - READ ME Manual de usuario

Adobe

Adobe 65029902 - Robohelp Server - PC Guía

Adobe

Adobe 65010248 - Illustrator CS4 - PC Manual de usuario

Adobe

Adobe 22011292 - Audition - PC Hoja de datos

Adobe

Adobe 65015459 - Contribute CS4 Manual de usuario

Adobe

Adobe 65089063 Manual de usuario

Adobe

Adobe 38043755 - ColdFusion Enterprise - Mac Manual de instrucciones

Adobe

Adobe 65064073 Manual de usuario

Adobe

Adobe 65010248 - Illustrator CS4 - PC Manual de usuario

Adobe

Adobe 62000112DM - Acrobat 3D - PC Manual de usuario

Adobe

Adobe ACROBAT 7.0.5 SDK Manual de usuario

Adobe

Adobe 19400084 - Photoshop CS3 Extended Manual de usuario

Adobe

Adobe 23101764 - Photoshop CS - PC Manual de usuario

Adobe

Adobe 65024872 - InDesign CS4 - Mac Manual de usuario

Adobe

Adobe ACROBAT SDK V8.0 Manual de usuario

Adobe

Adobe 26001648 - Illustrator CS3 Manual de usuario

Adobe

Adobe 65014912 - Photoshop CS4 Extended Manual de usuario

Adobe

Adobe 38039336 - Flash CS3 Professional Instrucciones de operación

Manuales populares de Software de otras marcas

COMPRO

COMPRO COMPROFM Manual de usuario

Muratec

Muratec OFFICEBRIDGE ONLINE Manual de usuario

Oracle

Oracle Contact Center Anywhere 8.1 Manual de usuario

Avaya

Avaya NULL One-X for RIM Blackberry Manual de usuario

HP ProLiant BL420c Manual de usuario

PS Audio

PS Audio PowerPlay Manual del propietario

Brady

Brady LOCKOUT PRO 3.0 Manual de servicio

Avaya

Avaya Interaction Center Manual de usuario

Texas Instruments

Texas Instruments TI-83 Plus Silver Edition Manual

Novell

Novell GROUPWISE 8 - INTERNET AGENT Manual de usuario

Oracle

Oracle Application 9i Manual de usuario

Acer

Acer RDM Manual de usuario

Canon

Canon Vixia HF21 Manual de usuario

Canon

Canon ZR950 Manual de usuario

Samsung

Samsung Auto Backup Manual de usuario

Polycom

Polycom Vortex EF2201 Instrucciones de instalación y funcionamiento

Brocade Communications Systems

Brocade Communications Systems Brocade 8/12c Manual de usuario

Novell

Novell SP2 - S Manual de instrucciones