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 38040334 - Dreamweaver CS3 Bedienungsanleitung

Adobe

Adobe 65048599 Bedienungsanleitung

Adobe

Adobe LIVE CYCLE 7.2 - INSTALLING AND CONFIGURING LIVECYCLE FOR... Bedienungsanleitung

Adobe

Adobe KEY008 Referenzhandbuch

Adobe

Adobe 38000511 - Macromedia Flash Basic Bedienungsanleitung

Adobe

Adobe AFTER EFFECTS 5.5 Referenzhandbuch

Adobe

Adobe ACROBAT COM Datenblatt

Adobe

Adobe 38039481 - Flash CS3 Professional Bedienungsanleitung

Adobe

Adobe 65008009 - After Effects CS4 Leitfaden

Adobe

Adobe 26001360 - Illustrator CS - PC Konfigurationshandbuch

Adobe

Adobe 65021048 - Premiere Pro CS4 Bedienungsanleitung

Adobe

Adobe ACROBAT 9 HOW-TOS Bedienungsanleitung

Adobe

Adobe 25520388 - Premiere Pro - PC Bedienungsanleitung

Adobe

Adobe ACROBAT READER 7.0 Bedienungsanleitung

Adobe

Adobe 29180155 - Photoshop Elements 4.0 Betriebsanleitung

Adobe

Adobe FrameMaker 7.0 Bedienungsanleitung

Adobe

Adobe 25510629 - After Effects CS3 Professional Bedienungsanleitung

Adobe

Adobe 23101764 - Photoshop CS - PC Bedienungsanleitung

Adobe

Adobe PHOTOSHOP 5.0 Bedienungsanleitung

Adobe

Adobe 65045315 - Photoshop Elements - PC Betriebsanleitung

Adobe

Adobe ACROBAT FORMS JAVASCRIPT OBJECT Bedienungsanleitung

Adobe

Adobe 38000827 - Macromedia ColdFusion MX Standard... Bedienungsanleitung

Adobe

Adobe COLDFUSION 9 Bedienungsanleitung

Adobe

Adobe 65030365 - FrameMaker - PC 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