Refredar Efecte Tutorials Flash!

Resum

En aquest tutorial aprendràs com crear una presentació de diapositives, que té un parpelleig / fuzz / transició a la televisió trencada entre les imatges.

Aquí el resultat final:

Requeriments

Flash 8, Flash CS3 o Flash CS4.
3 imatges (en aquest cas 550 × 400, les imatges del fitxer del tutorial zip )

Nota: Les captures de pantalla en aquest tutorial estan fets en Flash CS3. Funciona exactament igual en Flash 8 o Flash CS4. Aquest tutorial és ActionScript 2 (encara que no es requereix d'ActionScript).

Pas 1 - Instal l'efecte de components

Descarregueu el Pelusa Efecte de televisió aquí . Si us plau, seguiu les instruccions d'instal lació i arrossegar el component des del tauler de components a la biblioteca del seu arxiu. fla.

Pas 2 - Importació d'imatges

Importar les tres imatges "File" -> "Importa" -> "Importar a biblioteca ...".

Pas 3 - Converteix imatges en MovieClip

Creeu un nou clip de pel lícula [Ctrl-F8] o "Insereix" -> "Nou símbol ...", el nom" Image01 "i posar la imatge per primera vegada en el primer quadre d'aquest clip de pel lícula. Repetiu aquest pas per a les altres imatges, el nom dels movieClips "image02" i "image03". Per cert, el nomenament cosa vostra.

Pas 4 - Crear primera transició

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

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

Arrossegueu els dos primers movieClips imatge de la biblioteca a la capa corresponent.

Feu clic al primer fotograma de la capa "transition01". Arrossegueu el component de televisió pelussa Efecte de la biblioteca fins l'escenari. El component automàticament s'ajustarà a la cantonada superior esquerra del seu clip de pel lícula.

Per cada clic capa al fotograma 50 i crear un marc de prémer [F5] o clic dret i "Insereix marc".

És important donar els noms de la imatge movieClips exemple, en cas contrari l'efecte dels components és incapaç de detectar. Feu clic a la imatge d'un clip de pel lícula-per-un i donar noms d'instància, en aquest cas "Image01" i "image02" (es pot triar un nom diferent si ho desitja).

Feu clic a l'efecte de TV pelussa a l'escenari i obriu l'inspector de components de la consola premi el botó [SHIFT-F7] o "Window" -> "Inspector de components". Tots movieClips amb noms d'instància en aquest marc s'enumeren en el movieclip "Inici" i "Cap MovieClip" llista de selecció. Trieu "Image01" com "MovieClip Inici" i "image02" com "Cap MovieClip".

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

Pas 5 - Afegir la segona transició

Creu 3 capa més i el nom d'ells "img03", "img04" i "transition02".

Per cada clic capa al fotograma 51 (un fotograma després de la transició hagi finalitzat l'anterior) i introduir un fotogrames clau premi el botó [F6] o clic dret i "Insereix marc".

Anem a tornar a utilitzar la segona imatge de movieclip, ja que la segona transició ha de començar amb ell. Feu clic al fotograma clau que acaba de crear en la capa "img03" i arrossegueu el clip de pel lícula "image02" de la biblioteca fins l'escenari. Feu clic al fotograma clau que acaba de crear en la capa "img04" i arrossegueu el clip de pel lícula "image03" de la biblioteca fins l'escenari.

Ara configurar els noms d'instància d'aquest movieClips imatge per "image03" i "image04".

És una mica confús per a un conjunt de capes i els noms d'instància d'un nombre, aleshores el nom original MovieClip. Però per a una millor visió de conjunt i per mantenir el nombre d'errors baix potencial, que és millor tractar la movieClips de la segona transició el més completa movieClips nou.

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

Feu clic al component a l'escenari, obriu el panell de l'inspector de components i seleccioneu "image03" com "MovieClip Inici" i "image04" com "Cap MovieClip".

Per als nous tres capes crear un marc en el fotograma 100 premi el botó [F5] o clic dret i "Insereix marc".

En exportar la pel lícula Flash, es veu que tant la transició es mostren abans de la pel.lícula és talada.

Pas 6 - Afegir una pausa entre les dues transicions de la imatge

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

Ara selecciona tot el bloc de la segona transició (es pot de manera que fent clic en el marc de la 51 "transition01" i prem la tecla SHIFT amb fer 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 el fla. d'aquest tutorial. Nota: L'arxiu. Fla inclou la versió de prova del component de l'efecte, que només funciona en el IDE de Flash (Flash 8, Flash CS3 o CS4 Flash), però no dins del navegador.

També podeu descarregar la pelussa Efecte TV aquí .

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