Scribd
Upload
106 views6 pages

FlashEff2 Symbol Effects in CS3

The document provides instructions for using the FlashEff2 tutorial to create image and text show/hide effects in Flash. It describes steps like importing assets, converting them to symbols, adding the FlashEff2 component, selecting patterns in the FlashEff2 panel like FESAlpha and FETBlur, customizing tweening and delay times, and testing the effects. The overall purpose is to demonstrate how to apply entry and exit animation effects to images and text using the FlashEff2 library.

Uploaded by

Venkatramani
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
106 views6 pages

FlashEff2 Symbol Effects in CS3

The document provides instructions for using the FlashEff2 tutorial to create image and text show/hide effects in Flash. It describes steps like importing assets, converting them to symbols, adding the FlashEff2 component, selecting patterns in the FlashEff2 panel like FESAlpha and FETBlur, customizing tweening and delay times, and testing the effects. The overall purpose is to demonstrate how to apply entry and exit animation effects to images and text using the FlashEff2 library.

Uploaded by

Venkatramani
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

FlashEff2Tutorials

[Link]
1.CreateanewActionScript3.0Flashfile:File>New,selectFlashFile(ActionScript3.0).Inthe Propertiespanel,settheframerateoftheFlashmovieto30fps. [Link]:File>Import>ImporttoStageandselecttheimagefrom yourlocalcomputerthatyouwishtousefortheeffect. [Link],transformitintoasymbol(pressF8orModify>Convert tosymbol).IntheConverttoSymboldialogboxgiveyourclipaname,setthetypetoMovieClip andpressOK. 4.[optional]Ifitisn'talreadyselected,selectthenewmoviecliponthestageandgiveitan instancenameof"myClip".Ifyoudonotgiveitaninstancename,FlashEff2willautomatically assignitoneintheformof"InstanceName_*",where"*"representsanindexnumber(starting from0). [Link](Window>ComponentsorCtrl+F7forWindows/Cmd+F7forMac OS)andfromtheFlashEff2folderselectthecomponentanddragitovertheimagecliponthe stage. 6.OpentheFlashEff2Panel(Window>Otherpanels>FlashEff2Panel)andsignintoyour [Link],makesurethattheFlashEff2instance youplacedonthestageisselectedsothatthepanelwillloadthesettingscontrols. [Link] Patterntab,selectSymbol(itisselectedbydefault)tolistthesymbolpatternsandchoosethe FESAlphapatterntoapplyanalphaeffect. [Link](theFreeFlashEff2version willonlyhaveonepresetavailable).Youcanchooseoneofthepresetsthatyouwouldliketo [Link],you'llbeabletofurthercustomizethe effectbypressingthe"Editsettings"buttonthatopensthelistofpropertiesforthechosen pattern. [Link],selecttheTweentabtochangetheeasingtypefromeaseInOuttoeaseOutandsetthe lengthoftheshoweffect(tweenDuration)to3seconds. [Link] [Link] exampleyoucanleavethesettingsastheyare. [Link] toopenthelistofpatternsandthenchooseSymboltolistthesymbolpatterns. 1

[Link]"FESChaoticMasks"patternandthenselectapresetthatyou'dliketobeapplied. 13.IntheOptionstabsetthedelayparameterto5seconds(thetimefromtheendoftheshow effecttothebeginningofthehideeffect). [Link],youcantestyourfilebypressingCtrl+Enterfor WindowsorCmd+EnterforMacOS.

[Link]

1.CreateanewActionScript3.0Flashfile:File>New,selectFlashFile(ActionScript3.0).Inthe Propertiespanel,settheframerateoftheFlashmovieto30fps. [Link],placeatextfieldonthestageandthenwritesometextinthetextfield. [Link],setitupfortheeffect:inthePropertiespanelgiveittheinstance nameof"myText",setthetypetobe"DynamicText",theantialiassettingmustbe"Antialiasfor animation",enablethe"RendertextasHTML"optionandpresstheEmbedbuttontoopenthe [Link]"Autofill"buttontoembedonlythe charactersfromthetextfield. [Link](Window>ComponentsorCtrl+F7forWindows/Cmd+F7forMac OS)andfromtheFlashEff2folderselectthecomponentanddragitoverthetextfieldonthe stage. 5.OpentheFlashEff2Panel(Window>Otherpanels>FlashEff2Panel)andsignintoyour [Link],makesurethattheFlashEff2instance youplacedonthestageisselectedsothatthepanelwillloadthesettingscontrols. [Link] Patterntab,select"Text",whichliststhetextpatterns,andchoosethe"FETBlur"patterntoapply analphaeffect. [Link](theFreeFlashEff2versionhasonlyonepresetforeach pattern)youcanchooseanypreconfiguredpresetthatyoulike. [Link],selectthe"Editsettings"buttontoeditthepropertiesof [Link]"preset"propertylist,select "random".[Link] [Link] on,youcansaveyourpresetbypressingonthe"Savepreset"buttonandgivingitaname. [Link]"Usecustomtweening"optiontoallowyoutocustomize [Link]"Bounce". [Link] 2

[Link] exampleyoucanleavethesettingsastheyare. [Link] thatopensthelistofpatternsandthenchoose"Text"tolistthetextpatterns. [Link]'dliketobeapplied. [Link],pressonthe"Editsettings"button(featureavailableonlyfor thePremiumPlusversion)andfromthepresetlistselect"char:random(d1)".Thiswillapplythe effectoncharactersinarandomorder. 14.IntheOptionstabsetthedelayparameterto5seconds(thetimefromtheendoftheshow effecttothebeginningofthehideeffect). [Link],youcantestyourfilebypressingCtrl+Enterfor WindowsorCmd+EnterforMacOS.

3.ApplyFlashEff2filters

1.CreateanewActionScript3.0Flashfile:File>New,selectFlashFile(ActionScript3.0).Inthe Propertiespanel,settheframerateoftheFlashmovieto30fps. [Link]:File>Import>ImporttoStageandselecttheimagefrom yourlocalcomputerthatyouwishtousefortheeffect. [Link],transformitintoasymbol(pressF8orModify>Convert tosymbol).IntheConverttoSymboldialogboxgiveyourclipaname,setthetypetoMovieClip andpressOK. 4.[optional]Ifitisn'talreadyselected,selectthenewmoviecliponthestageandgiveitan instancenameof"myClip".Ifyoudonotgiveitaninstancename,FlashEff2willautomatically assignonetoitintheformof"InstanceName_*",where"*"representsanindexnumber(starting from0). [Link](Window>ComponentsorCtrl+F7forWindows/Cmd+F7forMac OS)andfromtheFlashEff2folderselecttheFlashEff2anddragitovertheimagecliponthestage. 6.OpentheFlashEff2Panel(Window>Otherpanels>FlashEff2Panel)andsignintoyour [Link],makesurethattheFlashEff2instance youplacedonthestageisselectedsothatthepanelwillloadthecontrolstomakethesettings. [Link]'llseethattheFiltertab hasthreemoretabsavailable:"Select1stfilter","Select2ndfilter"and"Select3rdfilter".Thisis becausethepanelallowsyoutoapplyuptothreefiltersonthesametargetobject. [Link] 3

available. [Link],select"WaterReflection"toapplytheWaterReflectionfilter. [Link](theFreeFlashEff2versionhasonlyonepresetforeach pattern)youcanchooseanypreconfiguredpresetthatyoulike. [Link],pressonthe"Editsettings"button(featureavailableonlyfor thePremiumPlusversion),setthe"reflectionAlpha"propertyto1andthe"reflectionRatio"to 127. [Link](Ctrl+EnterforWindowsorCmd+EnterforMacOS)you'llseethat yourimagewillhaveawaterreflection.

4.CreatebuttonsandapplycommandswithFlashEff2

1.CreateanewActionScript3.0Flashfile:File>New,selectFlashFile(ActionScript3.0).Inthe Propertiespanel,settheframerateoftheFlashmovieto30fps. [Link],shapesandtextintobuttonsusingFlashEff2. [Link]:File>Import>Importto Stageandselecttheimagefromyourlocalcomputerthatyouwishtousefortheeffect. [Link],transformitintoasymbol(pressF8orModify>Convert tosymbol).IntheConverttoSymboldialogboxgiveyourclipaname,setthetypetoMovieClip andpressOK. 5.[optional]Ifitisn'talreadyselected,selectthenewmoviecliponthestageandgiveitan instancenameof"myButton".Ifyoudonotgiveitaninstancename,FlashEff2willautomatically assignonetoitintheformof"InstanceName_*",where"*"representsanindexnumber(starting from0). 6.OpentheFlashEff2Panel(Window>Otherpanels>FlashEff2Panel)andsignintoyour [Link],makesurethattheFlashEff2instance youplacedonthestageisselectedsothatthepanelwillloadthecontrolstomakethesettings. [Link] FlashEff2Premiumversion,youwillbeabletoselectfrommultiplepreconfiguredpresets, otherwisetherewillbeonlyoneavailable:thedefaultpreset. [Link](up,overanddownstates)youcanselectthe"Edit settingsandstates"buttontobringupthesettingsforthethreestatesofthebutton(thisfeature isavailableonlyfortheFlashEff2PremiumPlusversion). [Link],opentheOptiontabandcheckthe"useHandCursor"optionsothathandcursoris displayedoverthebutton. 4

[Link],youcantesttheflashclip(Ctrl+EnterforWindowsorCmd+EnterforMacOS)andthe buttonwillbeworking(itreactstothemouseactivities:rollover,rollout,pressandrelease). [Link] codetolistentothebuttoneventsandexecutesomeactionsontheappropriateoneorsimplyby usingFlashEff2commands.WiththeFlashEff2Panelopened,insidetheButtontab,selectthe [Link]. [Link]"Add"buttonandfromtheopeninglistselect"FECNavigateToURL".Thispattern opensawebpageinyourbrowser. [Link]"evenType"listselect"release"tosetupthepatterntoexecuteonthemouse [Link]"browserTarget"propertytoopenthewebpage inanewwindow("_blank")andtypetheURLtothedesiredwebpageinthe"url"textbox. [Link]+EnterforWindowsorCmd+EnterforMacOSandifyou clickonthebuttonyouhavepreviouslycreated,you'llseethatnowitalsoopensthetargetweb pageintoyourbrowser.

5.CreatealoopinganimationwithFlashEff2

TheeasiestwaytocreatealoopinganimationwithFlashEff2istocreatethetimelineanimation [Link] creatingasymbolortextshowandhideanimationpresentedintheprevioustutorials. [Link] FlashEff2Componentinstance(forboth,theshowandthehideanimations).Onceyoumanaged tocreatesuchananimation(pleaserefertotutorials1and2)youneedtomakeplayagainand again,inotherwords,toloop. [Link],yousimplyneedtoexpandtheanimationtoasmanyframesasnecessarytoplaythe entireanimation. [Link],werecommendthatforsuchtimelineanimations,youstartFlashEff2fromthe secondframeon,[Link] onhowtocreateshow/hideanimationsforimagesandtexts,thenfromthetimelineselectthe frame(s)containingthetargetobjectandtheFlashEff2Componentinstanceanddragthemtothe secondframe(youcanotherwisecreatetheshow/hideanimationdirectlyonthesecondframe). [Link],[Link] needtoknowtheframerateofyourFlashclip(athowmanyframesperseconditissettoplay) andthetotaltimeofyourFlashEff2animation. TheFlashEff2animationcontainsashowanimationthatissettoplayforanamountoftimesetin theTweensubtaboftheShowtab(tweenDurationparameter)[Link] thattimeyouneedtoaddthedelaybeforetheshowanimationstarts,whichisgivenbythedelay 5

parameterintheOptionssubtaboftheShowtab.Thisoneisusually0sotheshowanimation startsassoonastheFlashEff2Componentinstanceisplacedonthestage,overthetargetobject. Next,thereisapausebetweentheshowandhideanimationswhichissetthroughthedelay parameterintheOptionssubtaboftheHidetab(thisoneisalso2secondsbydefault)andfinally thehideanimationwhichalsohasatweenDurationparameter(2secondsbydefault).Ifyouadd upthesefourvaluesyougetthetotalamountoftimethattheFlashEff2Componentinstanceand thetargetobjectshouldbeonthestage,[Link] (allvaluesareleftasdefaults)thetotaltimewouldbe6seconds:0seconds(delayforshow)+2 seconds(showanimation)+2seconds(delayforhide)+2seconds(hideanimations). [Link] multiplyingthetimeinsecondswiththeframerateofyourclip.Inthiscase6seconds*30fps= 180frames.SotheFlashEff2instanceandtheimageshouldspanacross180frames,fromthe secondframetothe181stframe. [Link],onyourtimelinenavigatetoframe181,[Link] yourFlashEff2andimageareplacedontwoseparatelayers(liketheattachedexample),thanyou needtodothisoperationforbothframes. [Link](Ctrl+EnterforWindowsorCmd+EnterforMacOS)you'llseethatthe show/[Link] playheadalsoreachestheendofthetimelineandmovesbacktothefirstframetoplaythe contentsagainandagain.

6.TimelineanimationswithFlashEff2

Timelineanimationsaremadeexactlythesameasintheprevioustutorial(Createalooping animationwithFlashEff2).Theattachedexamplecontainsashow/hideanimationonanimage andtwomoreshow/[Link](FlashEff2Componentinstances,the imageandtextfields)areplacedonseparatelayerstoeasilyaccessthemlateron. Eachsetofanimationsstartsfromadifferentframesothattheanimationsareconsecutiveand evenmore,thetwotexteffectshaveacrossfadelikesequence:theshowanimationonthe secondtextfieldstartsatthesameframewherethehideanimationofthefirsttextfieldis [Link](hideandshow)areplayingatthesametimeto simulatethecrossfadelikeeffectbetweenthem. Theanimationsstopattheverylastframebecauseofthestop()[Link] toloopcontinuously,simplyremovethestop()commandfromthelastframe.

You might also like