Adobe 38039336 - Flash CS3 Professional Referenzhandbuch



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

Andere Handbücher für 38039336 - Flash CS3 Professional

Dieses Handbuch passt für folgende Modelle

Inhaltsverzeichnis

Andere Adobe Software Handbücher

Adobe

Adobe ILLUSTRATOR CS2 12.0.1 Bedienungsanleitung

Adobe

Adobe 22020807 Bedienungsanleitung

Adobe

Adobe 23101764 - Photoshop CS - PC Bedienungsanleitung

Adobe

Adobe PHOTOSHOP CS2 Bedienungsanleitung

Adobe

Adobe 22020738 Bedienungsanleitung

Adobe

Adobe 65009333 - InCopy CS4 - PC Bedienungsanleitung

Adobe

Adobe 65008009 - After Effects CS4 Kurzanleitung

Adobe

Adobe TYPE MANAGER DELUXE 4.1 Bedienungsanleitung

Adobe

Adobe 62000236 Leitfaden

Adobe

Adobe 12040118 - After Effects Standard Betriebsanleitung

Adobe

Adobe ACROBAT COM Datenblatt

Adobe

Adobe 29170516 - Photoshop Album - PC Bedienungsanleitung

Adobe

Adobe 65048599 Bedienungsanleitung

Adobe

Adobe PAGEMAKER 6.5 - Installationsanleitung

Adobe

Adobe AFTER EFFECTS 7.0 Bedienungsanleitung

Adobe

Adobe 65014912 - Photoshop CS4 Extended Bedienungsanleitung

Adobe

Adobe 38039336 - Flash CS3 Professional Bedienungsanleitung

Adobe

Adobe PHOTOSHOP 6.0 Bedienungsanleitung

Adobe

Adobe DRIVE 2 Bedienungsanleitung

Adobe

Adobe 22002418 Bedienungsanleitung

Adobe

Adobe 22001438 - Acrobat - PC Bedienungsanleitung

Adobe

Adobe 23101335 - Photoshop - PC Bedienungsanleitung

Adobe

Adobe 17510676 - InDesign CS PageMaker Edition Bedienungsanleitung

Adobe

Adobe ACROBAT READER Bedienungsanleitung

Beliebte Software Handbücher anderer Marken

COMPRO

COMPRO COMPROFM Bedienungsanleitung

Muratec

Muratec OFFICEBRIDGE ONLINE Bedienungsanleitung

Oracle

Oracle Contact Center Anywhere 8.1 Bedienungsanleitung

Avaya

Avaya NULL One-X for RIM Blackberry Bedienungsanleitung

HP ProLiant BL420c Bedienungsanleitung

PS Audio

PS Audio PowerPlay Betriebsanleitung

Brady

Brady LOCKOUT PRO 3.0 Service-Handbuch

Avaya

Avaya Interaction Center Bedienungsanleitung

Texas Instruments

Texas Instruments TI-83 Plus Silver Edition Handbuch

Novell

Novell GROUPWISE 8 - INTERNET AGENT Bedienungsanleitung

Oracle

Oracle Application 9i Bedienungsanleitung

Acer

Acer RDM Bedienungsanleitung

Canon

Canon Vixia HF21 Bedienungsanleitung

Canon

Canon ZR950 Bedienungsanleitung

Samsung

Samsung Auto Backup Bedienungsanleitung

Polycom

Polycom Vortex EF2201 Montage- und Bedienungsanleitung

Brocade Communications Systems

Brocade Communications Systems Brocade 8/12c Bedienungsanleitung

Novell

Novell SP2 - S Bedienungsanleitung