Cool Tutorials Efecte Flash!

Resum

En aquest tutorial aprendrem a crear una presentació de diapositives, que té un parpelleig / / / fuzz trencat TV de transició entre les imatges.

Aquí el resultat final:

Requisits

Flash 8, Flash CS3 o Flash CS4.
3 imatges (en aquest cas 550 × 400, les imatges disponibles al tutorial d'arxiu zip)

Nota: Les captures de pantalla en aquest tutorial es fan en Flash CS3. Funciona exactament de la mateixa en Flash 8 o Flash CS4. Aquest tutorial és ActionScript 2 (encara que no de ActionScript és necessari).

Pas 1 - Instal lar el component d'efecte

Descarregueu l'efecte de TV Fuzz aquí. Si us plau, seguiu les instruccions d'instal lació i arrossegueu el component des del tauler de components a la biblioteca del seu arxiu. FLA.

Pas 2 - Importa imatges

Totes les imatges d'Importació tres "File" -> "Importa" -> "Importa a la biblioteca ...".

Pas 3 - Converteix imatges en movieclip

Crear un movieclip nou [Ctrl-F8] o "Insereix" -> "Nou símbol ...", el nom" Image01 "i posar la primera imatge al primer fotograma d'aquest movieclip. Repetiu aquest pas amb les altres imatges, els noms dels clips de pel lícula "image02" i "Image03". BTW, el nomenament correspon a vostè.

Pas 4 - Crear primera transició

Ara feu clic a "Escena 1" per tornar a la línia de temps principal.

Canvieu el nom de la capa ja existent a "img01". Crear més i el nom de la capa d'ells "img02" i "transition01". Un cop més el nomenament és només per a una millor visió. Vostè pot triar altres noms, si ho desitja.

Arrossegueu els dos primers clips de pel lícula la imatge de la biblioteca a la capa corresponent.

Feu clic al primer fotograma de la capa "transition01". Arrossegueu el component Efecte Fuzz de televisió de la seva biblioteca a l'escenari. El component automàticament s'ajustaran a la cantonada superior esquerra de la movieclip.

Per cada clic a la capa en el fotograma 50 i crear un marc de [F5] o feu clic dret i "Insereix marc".

És important donar la imatge de noms d'instàncies de clips de pel lícula, en cas contrari el component d'efecte no és capaç de detectar-les. Feu clic a la imatge movieclip un per un i establir un noms d'instància, en aquest cas "Image01" i "image02" (vostè pot triar un nom diferent si ho desitja).

Feu clic a l'efecte de TV Fuzz a l'escenari i obrir el panell inspector de components [premeu SHIFT-F7] o "Finestra" -> "Inspector de components". Tots els clips de pel lícula amb els noms d'instància en aquest marc s'enumeren al "Start movieclip" i "Llista Final movieclip" seleccionat. Seleccioneu "Image01" com a "Start movieclip" i "image02" com a "Final movieclip".

Exportar la pel lícula de Flaix [premeu Ctrl-Enter] o "comanda" -> "Prova pel.lícula". La transició que va des de la primera imatge de la segona.

Pas 5 - Afegir segona transició

Crear tres capes i el nom d'ells "img03", "img04" i "transition02".

A cada capa, feu clic al fotograma 51 (un fotograma després de la transició ha acabat l'anterior) i inseriu un fotogrames clau [premeu F6] o feu clic dret i "Insereix marc".

Anem a tornar a utilitzar la segona imatge movieclip, ja que la segona transició ha de començar amb ell. Feu clic al fotograma clau acabeu de crear a la capa "img03" i arrossegar el movieclip "image02" de la biblioteca a l'escenari. Feu clic al fotograma clau acabeu de crear a la capa "img04" i arrossegar el movieclip "Image03" de la biblioteca a l'escenari.

Ara configureu els noms d'instància d'aquesta imatge movieClips a "Image03" i "image04".

És una mica confús per a un conjunt de capes i els noms d'instància el número u fins aleshores el nom del movieclip original. No obstant això, per a una millor visió de conjunt i per mantenir el nombre de baixes possibles errors, és millor tractar els clips de pel lícula de la segona transició, com clips de pel lícula completament nous.

Seleccioneu la capa "transition02" i arrossegueu el component d'efecte de la biblioteca a l'escenari. Una vegada més, el component s'ha d'ajustar automàticament.

Feu clic al component a l'escenari, obriu el panell inspector de components i seleccioneu "Image03" com a "Start movieclip" i "image04" com a "Final movieclip".

Per a la capa de nou de tres crear un marc en el fotograma 100 [F5] o feu clic dret i "Insereix marc".

En exportar la pel lícula Flash ara, es veu que tots dos es mostren de transició abans de la pel lícula és podat.

Pas 6 - Afegir una pausa entre les dues transicions d'imatges

A disposar del temps una mica més entre les transicions de sortir dels fotogrames clau de la capa d' "img01" i "transition01" sense tocar. Ampliar la durada de la capa "img02" (la imatge que acaba amb la transició), afegint un marc en el marc de 80 [F5] o feu clic dret i "Insereix marc".

Ara seleccioneu tot el bloc de la segona transició (pot perquè fent clic al marc de la 51 "transition01" i amb la tecla SHIFT premuda clic al fotograma 100 de "img04") i moure el bloc buit per emmarcar 81.

Vostè pot fer el mateix per a la segona transició.

Descarregar

Feu clic aquí per descarregar l'arxiu. Fla d'aquest tutorial. Nota: El fitxer. Fla inclou la versió de prova del component d'efecte, que només funcionen en el IDE de Flash (Flash 8, Flash CS3 o Flash CS4), però no dins del navegador.

També podeu descarregar el efecte de TV Fuzz aquí.

Aquí pot trobar un vídeo tutorial de com aplicar un efecte diferent.