Rezumat
În acest tutorial veţi învăţa cum să creaţi un proces de reflecţie de apă să se aplice pe un MovieClip în mişcare.
Aici Rezultatul final:
Cerinţe
Flash 8, Flash CS3 sau Flash CS4.
Notă: capturi de ecran din acest tutorial sunt realizate în Flash CS3. Acesta funcţionează exact la fel in Flash 8. Acest ghid este ActionScript 2 (ActionScript Deşi nu este necesar).
Pasul 1 - Instalarea efectului componentei
Descărcaţi apa de reflecţie Efectul aici . Vă rugăm să urmaţi instrucţiunile de instalare şi trageţi componentei de la panoul de componenta în biblioteca dumneavoastră. FLA fişier.
Pasul 2 - raţe Creeaza MovieClip
De import de raţă [imaginea apasati Ctrl-R] sau "File" -> "de import" -> "de import pe scena ...". Asiguraţi-vă că imaginea este o raţă. Png cu fundal transparent.
Selectaţi această imagine şi ao transforma într-o] MovieClip [apăsaţi F8 sau click dreapta pe MovieClip -> "Convert to Symbol ...". Dă MovieClip numele de "raţă".
Pasul 3 - Crearea MovieClip Animaţie
Crearea unui nou MovieClip cu apăsaţi [Ctrl-F8] sau Insert -> "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 click dreapta şi "Introduceţi Keyframe".
Click pe keyframe nou creat şi selectaţi MovieClip raţă pe panza. Acum muta acest MovieClip cu cursorul spre dreapta (sa spunem 100px). Puteţi verifica noua poziţie în panoul de informaţii.
Du-te înapoi la primul keyframe cronologie. Pe panoul de proprietate Tween selectaţi: "Motion". Dacă faceţi clic pe undeva în cronologie acum, veţi vedea că raţă MovieClip este în mişcare de la stânga la dreapta.
Pasul 4 - MovieClip animatie Pune pe cronologie principale
Acum faceţi clic pe "Scene 1" pentru a reveni la calendarul principal. În cazul în care MovieClip raţă este încă acolo, scoateţi-l.
Mutaţi MovieClip animaţie din biblioteca dvs. la primul cadru al cronologiei.
Setaţi numele instanţă a MovieClip la "animation_mc" (puteţi alege un alt nume, dacă doriţi Asiguraţi-vă că numele de exemplu, este unic).. Fără un nume de exemplu, componenta nu este în măsură să detecteze MovieClip.
Pasul 5 - componenta efect Aplicaţi
Creaza un layer nou, selectaţi primul cadru şi trageţi componenta efect de la biblioteca pe MovieClip animatie. Componenta va snap automat.
Setaţi parametrul a componentei în interiorul panoului de inspectorul componenta ca în captura de ecran. Toate Movieclips cu nume de exemplu, în acest cadru sunt enumerate în "ţintă MovieClip" lista de culori. Din moment ce ai doar un singur movieclip, componenta presupune, că doriţi să aplicaţi efectul asupra MovieClip "animation_mc".
Notă: Aceste setări sunt aplicate numai la acest caz, una dintre componente efect. Dacă aţi trage componenta pe un alt MovieClip (undeva în interiorul FLA sau într-un nou proiect.) Trebuie să setaţi setările din nou.
Acum, la export (apăsaţi [Ctrl-Enter] sau ...). Veţi vedea că şeful de raţă este cumva tăiat. Asta deoarece componenta are exact dimensiunea MovieClip raţă. Dar din moment ce val de reflecţie va mări dimensiunea acest lucru nu se va potrivi orice mai mult.
Pasul 6 - Ajustarea animatie MovieClip
Pentru a rezolva acest lucru, vei insera o formă invizibilă în fundal de raţă MovieClip, care dimensiunea până MovieClip un pic.
Du-te înapoi la MovieClip raţă prin dublu-clic în biblioteca dumneavoastră.
Creaţi un nou strat de mai jos stratul de Tween.
Selectaţi dreptunghiul instrument şi întocmeşte o formă cu lăţimea de raţă. Înălţime trebuie să fie un pixel mai mare, apoi câteva raţă (aproximativ 10 pixeli). S-ar putea ajuta pentru a seta pictograma prezentată în calendar, pentru a vedea numai dimensiunile imaginii raţă.
Cu forma selectată deschide panoul de culori şi setaţi alfa la 0.
Când testul film acum, veţi vedea că reflecţie este aplicat pe raţă gaura.
Pasul 6 - Adăugaţi imaginea de fundal
Creaţi un nou strat de mai jos strat cu animaţie şi componente. Import o imagine care se potrivesc. Acum puteţi schimba poziţia MovieClip animatie pentru a se potrivi cu, în fundal.
Descărcaţi
Click aici pentru a descarca FLA din acest tutorial. Notă:. FLA include versiunea de încercare a componentei în vigoare, care va lucra numai în Flash IDE (Flash 8, Flash CS3 sau Flash CS4), dar nu în interiorul browser-ului.
Asemenea, puteţi descărca de apa Efectul de reflecţie aici .
Scrie un comentariu