Rezumat

În acest tutorial veţi învăţa cum să creaţi un slideshow, care are o pâlpâire / puf / tranziţie televizorul spart între imagini.

Aici Rezultatul final:


Cerinţe

Flash 8, Flash CS3 sau Flash CS4.
3 imagini (în acest caz de 550 × 400, imagini disponibile în fişierul zip tutorial )

Notă: capturi de ecran din acest tutorial sunt realizate în Flash CS3. Acesta funcţionează exact la fel in Flash 8 sau Flash CS4. Acest ghid este ActionScript 2 (deşi nu ActionScript este necesar).

Pasul 1 - Instalarea efectului componentei

Descărcaţi TV Fuzz 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.

Glisaţi componentă în bibliotecă

Pasul 2 - imagini de import

Import toate cele trei imagini "File" -> "de import" -> "Import în Biblioteca ...".

Importa imagini

Pasul 3 - imagini Conversia în MovieClip

Creaţi un nou MovieClip [apasati Ctrl-F8] sau "Insert" -> "New Symbol ...", numele acesta "image01" şi a pus prima imagine din primul cadru al acestui MovieClip. Repetaţi acest pas pentru alte imagini, numele celor Movieclips "image02" şi "image03". BTW, numirea este de până la tine.

Creaţi o nouă MovieClip ...

... Numele MovieClip ...

... şi trageţi imaginea pe cronologie a MovieClip

Biblioteca cu Movieclips şi imagini

Pasul 4 - creaţi, mai întâi de tranziţie

Acum faceţi clic pe "Scene 1" pentru a reveni la calendarul principal.

Du-te înapoi la cronologie principale

Redenumiţi stratul deja existente pentru a "img01". Creare pentru a strat mai mult şi numele ei "img02" şi "transition01". Din nou, numirea este numai pentru o privire de ansamblu mai bună. Puteţi alege alte nume, dacă vrei.

Redenumire straturi

Glisaţi primele două Movieclips imagine din biblioteca de la stratul respectiv.

Glisaţi Movieclips pe straturi

Faceţi clic în primul cadru al stratului "transition01". Trageţi de la component TV Fuzz efect de la biblioteca pe scena. Componenta va fixa în mod automat la colţul din stânga sus al MovieClip dumneavoastră.

Glisaţi componente pe stratul de

Pentru fiecare clic strat pe rama 50 şi a crea un cadru apăsaţi [F5] sau click dreapta şi "Insert Frame".

Creeaza-cadru ...

... pe toate straturile

Este important pentru a da imaginea Movieclips nume de exemplu, în caz contrar componenta efectul este imposibilitatea de a le detecta. Click pe imagine MovieClip-o de-o şi a stabilit un nume de exemplu, în acest caz "image01" şi "image02" (puteţi alege un alt nume, dacă doriţi).

Setaţi numele instanţă din prima MovieClip

Setaţi numele de a doua instanţă MovieClip

Faceţi clic pe TV Efectul Fuzz pe scenă şi deschide componenta panoul de inspectorul [apăsaţi SHIFT-F7] sau "Window" -> "Componenta Inspector". Toate Movieclips cu nume de exemplu, în acest cadru sunt enumerate în MovieClip "Start" şi "Sfârşit MovieClip" lista de culori. Alegeţi "image01" ca "MovieClip Start" şi "image02" ca fiind "End MovieClip".

opţiuni pe Start MovieClip

Setările de tranziţie

Exportul fulger film [apasati Ctrl-Enter] sau "Command" -> "Test Film". Tranziţia se întâmplă de la prima imagine la a doua.

Rezultat

Pasul 5 - Adăugaţi a doua tranziţie

Crearea a trei straturi mai multe şi numele ei "img03", "img04" şi "transition02".

Creaţi mai multe straturi

Pe fiecare clic strat pe rama 51 (un cadru după tranziţia sa încheiat anterior) şi se introduce un keyframes apăsaţi [F6] sau click dreapta şi "Insert Frame".

Introduceţi cadru ...

... pentru toate straturile

Vom refolosire a doua imagine MovieClip, deoarece a doua tranziţie ar trebui să înceapă cu ea. Faceţi clic pe keyframe doar creat pe stratul "img03" şi trageţi MovieClip "image02" din biblioteca de pe scena. Faceţi clic pe keyframe doar create pe strat "img04" şi trageţi MovieClip "image03" de la biblioteca pe scena.

Glisaţi Movieclips pe straturi creat

Acum stabilit numele instanţă a acestei Movieclips imagine la "image03" şi "image04".

Setaţi numele instanţă prima imagine

Setaţi numele instanţă a doua imagine

Este un pic confuz pentru a seta strat şi nume exemplu un număr de până atunci originalul MovieClip nume. Dar pentru o mai bună imagine de ansamblu şi de a păstra numărul de erori potenţial scăzut, este mai bine pentru a trata Movieclips a doua tranziţie cât mai complet Movieclips noi.

Selecteaza layer "transition02" şi trageţi componenta efect de la biblioteca pe scena. Din nou, componente, va snap automat.

Trageţi componenta pe scena

Faceţi clic pe componenta pe scena, deschideţi panoul de inspectorul componente şi selectaţi "image03" ca "MovieClip Start" şi "image04" ca fiind "End MovieClip".

Setări în interiorul panoului de inspectorul componenta

Pentru noile trei stratul de a crea un cadru la cadru 100 [apăsaţi F5] sau click dreapta şi "Insert Frame".

rame Inserare în toate cele trei straturi

Când exportaţi film flash acum, veţi vedea că ambele sunt afişate de tranziţie înainte de filmul este ciung.

Rezultat

Pasul 6 - Adăugaţi o pauză între cele două tranziţii imagine

Pentru a avea timp un pic mai mult între tranziţiile de concediu keyframes stratului "img01" şi "transition01" neatins. Prelungi durata a stratului de "img02" (imaginea pe care de tranziţie se încheie cu) prin adaugarea unui cadru în cadru 80 [apăsaţi F5] sau click dreapta şi "Insert Frame".

Introduceţi cadru

Introduceţi cadru

Acum, selectaţi întregul bloc de a doua tranziţie (puteţi astfel încât făcând clic pe rama 51 din "transition01" şi apăsat cu SHIFT cheie făcând clic pe rama 100 din "img04") şi pentru a muta blocul gaura de cadru 81.

Selectaţi straturi ...

... glisaţi caseta la rama 81 ...

şi eliberaţi-l

Puteţi face acelaşi lucru pentru a doua tranziţie.

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 TV Efectul Fuzz aici .

Aici puteţi găsi un tutorial video despre cum să pună în aplicare un efect diferit.

  • Share / Bookmark