Efect Cool Tutoriale Flash!

Rezumatul

În acest tutorial veţi învăţa cum să creaţi un proces de reflecţie de apă să se aplice pe o MovieClip în mişcare.

Aici rezultatul final:

Necesitati

Flash 8, Flash CS3 sau Flash CS4.

Notă: capturi de ecran din acest tutorial sunt realizate in Flash CS3. Acesta funcţionează exact la fel in Flash 8. Acest ghid este ActionScript 2 (ActionScript Cu toate că nu este necesară).

Pasul 1 - Instalaţi efectul componentei

Descarca Efectul de apa de reflecţie aici. Vă rugăm să urmaţi instrucţiunile de instalare şi trageţi componenta de la panoul de componenta in biblioteca de fişier dvs. fla..

Pasul 2 - Creaţi MovieClip raţă

Import imaginea de raţă [apăsaţi Ctrl-R] sau "File" -> "Import" -> "de import pe scena ...". Asiguraţi-vă că imaginea de raţă este un PNG., Cu transparent background.

Selectaţi această imagine şi ao transforma într-un apăsaţi F8 MovieClip [] sau click dreapta pe MovieClip -> "Convert to Symbol ...". Dă-MovieClip numele de "raţă".

Pasul 3 - Creeaza-ti Animaţii MovieClip

Creaţi un nou MovieClip cu apăsaţi CTRL [-F8] sau Inserare -> "New Symbol ...". Numiţi acest MovieClip "animaţie".

Glisaţi MovieClip raţă din biblioteca dumneavoastră la primul cadru cu privire la cronologie. Acum, faceţi clic pe rama 60 şi a crea un nou keyframe [apăsaţi F6] sau faceţi clic dreapta si "Insert Keyframe".

Faceţi clic pe keyframe nou create şi selectaţi MovieClip raţa pe panza. Acum, mutaţi acest MovieClip cu cursorul cheia de la dreapta (vă permite să spun 100px). Puteţi verifica noua poziţie în panoul de informaţii.

Du-te înapoi la keyframe prima cronologie. Pe panoul de proprietate Tween selectaţi: "Motion". Dacă faceţi clic pe undeva în cronologie acum, veţi vedea că raţă MovieClip se deplasează de la stânga la dreapta.

Pasul 4 - MovieClip Pune-animaţie pe cronologie principale

Acum, faceţi clic pe "Scene 1" pentru a ma intorc la cronologie principale. În cazul în care raţă MovieClip este în continuare acolo, scoateţi-l.

Mutaţi MovieClip animaţie din biblioteca dumneavoastră la primul cadru al cronologie.

Setaţi numele instanţă a MovieClip la "animation_mc" (aveţi posibilitatea să alegeţi un nume diferit, dacă doriţi. Asiguraţi-vă că numele de exemplu, este unic). Fără un nume de exemplu, componenta nu este în măsură de a detecta MovieClip.

Pasul 5 - Aplicaţi efect de componente

Creaţi un layer nou, selectaţi primul cadru şi trageţi componenta efect de la biblioteca dvs. pe MovieClip animaţie. Componentă va snap în mod automat.

Setaţi parametrul a componentei în interiorul panoului de inspectorul componenta ca in captura de ecran. Toate VIDEOCLIPURI cu nume de exemplu, în acest cadru sunt enumerate în "ţintă MovieClip" lista selectaţi. Din moment ce ai doar un singur MovieClip, componenta presupune, pe care doriţi să aplicaţi efectul asupra MovieClip "animation_mc".

Notă: Aceste setări se aplică numai la acest exemplu, unul din componenta efect. Dacă aţi trage componenta pe un alt movieclip (în altă parte în interiorul fla. Sau într-un nou proiect) trebuie să stabiliţi setările din nou.

Acum, la export ([Ctrl-apăsaţi ENTER] sau ...). Veţi vedea că şeful de raţă este oarecum tăiat. Thats fiindcã componenta are exact dimensiunea MovieClip raţă. Dar, din moment ce val de reflecţie va creşte dimensiunea acest lucru nu se va potrivi nici mai mult.

Etapa 6 - Reglarea MovieClip animatie

Pentru a rezolva acest lucru, va insera o formă invizibil în fundal de raţă MovieClip, care dimensiunea până MovieClip un pic.

Du-te înapoi la MovieClip raţa prin dublu-clic pe el în bibliotecă.

Crearea unui nou strat de mai jos stratul de Tween.

A selecta instrumentul dreptunghi şi întocmeşte o formă cu lăţimea de raţă. Înălţimea ar trebui să fie un pixel câteva mai mare, atunci raţă (aproximativ 10 pixeli). S-ar putea ajuta pentru a seta pictograma descriu în cronologie, pentru a vedea doar dimensiunile imaginii raţă.

Cu forma selectată a deschide panoul de culoare şi setaţi alfa la 0.

Când testul filmul tău acum, veţi vedea că reflecţie se aplică pe raţă gaura.

Etapa 6 - Adauga imagine de fundal

Crearea unui nou strat de mai jos strat cu animaţie şi de componente. Import o imagine care se potrivesc. Acum, puteţi schimba poziţia MovieClip animatie pentru a se potrivi cu, în fundal.

Descărca

Click aici pentru a descărca FLA din acest tutorial. Notă: fla. Include versiunea de încercare a componentei de efect, care va funcţiona doar în IDE Flash (Flash 8, Flash CS3 sau Flash CS4), dar nu în interiorul browser-ului.

Asemenea, puteţi descărca Efectul de apa de reflecţie aici.