Flash Tutorials Cool Effect!

Resumo

Neste tutorial, vostede aprender a crear un Presentación, que ten un Flick / fuzz / TV dobres transición entre as imaxes.

Aquí o resultado final:

Requisitos

Flash 8, Flash CS3 ou Flash CS4.
3 foto (neste caso, 550 × 400, as imaxes dispoñibles no arquivo zip tutorial )

Nota: As imaxes nese tutorial fanse en Flash CS3. Funciona exactamente da mesma no Flash 8 ou Flash CS4. Este tutorial é ActionScript 2 (a pesar de non ActionScript é obrigatorio).

compoñente Paso 1 - Instala o efecto

Baixo o efecto TV Fuzz aquí . Por favor, siga as instrucións de instalación e arrastra o compoñente do panel de compoñentes para a biblioteca do seu arquivo. fla.

Paso 2 - Importar imaxes

Importar as tres imaxes "File" -> "Importar" -> "Importar para biblioteca ...".

Paso 3 - Converter fotos en Movieclip

Crear un novo Movieclip [preme Ctrl-F8] ou "Inserir" -> "New symbol ...", o nome de" image01 "e pór a primeira imaxe no primeiro recadro do MovieClip. Repita este paso para as imaxes de outro nome, os Movieclips "image02" e "image03". BTW, o nome é ata.

Paso 4 - Crear primeira transición

Agora prema en "Scene 1" para voltar á Timeline principal.

Renomeie a capa xa existente para "img01". Crea a capa a máis e nomeá-los "img02" e "transition01". Unha vez máis o nomeamento é só para unha mellor visión. Podes escoller outros nomes, se queres.

Arrastra as dúas primeiras Movieclips imaxe da biblioteca para a capa respectiva.

Prema no primeiro recadro da capa "transition01". Arrastra o compoñente Efecto Fuzz TV da súa biblioteca para o palco. O compoñente ha axustar automaticamente para o ángulo superior esquerdo do seu MovieClip.

Para cada capa, prema no recadro 50 e crear un marco preme [F5] ou co botón dereito e "Insert Marco".

É importante dar a imaxe Movieclips nomes de instancia, se non, o compoñente de efecto non é capaz de detecta-los. Prema na imaxe Movieclip un por un os nomes e establecer un exemplo, neste caso "image01" e "image02" (pode escoller un nome diferente se queres tamén).

Prema na TV Effect Fuzz no escenario e abrir o compoñente inspector panel preme [Shift-F7] ou "Window" -> "compoñente Inspector". Todos os Movieclips con nomes de instancia neste cadro se listan no Movieclip "Start" e "End Movieclip lista selecciona". Escolla "image01 como" Movieclip Start "e" image02 como "Fin Movieclip".

Exportar a película flash preme [Ctrl-ENTER] ou "Comando" -> "Test Movie". A transición está a suceder desde a primeira imaxe para o segundo.

Paso 5 - Engadir segunda transición

Crea a capa máis tres e nomeá-los "img03", "img04" e "transition02".

En cada capa, prema no recadro 51 (un cadro de transición tras o anterior ter rematado) e inserir un keyframes preme [F6] ou co botón dereito e "Insert Marco".

Imos reutilizar a segunda imaxe Movieclip, desde a segunda transición debe comezar con el. Prema no marco clave recén criada na capa "img03" e arrastrar o MovieClip "image02" dende a biblioteca para o palco. Prema no marco clave recén criada na capa "img04" e arrastrar o MovieClip "image03" da biblioteca para o palco.

Agora estableza os nomes de instancia deste Movieclips imaxe "image03" e "image04".

É un pouco confuso conxunto de capas e os nomes de instancia dun número ata entón o nome do Movieclip orixinal. Pero, para mellor visión e para manter o número de erros de baixo potencial, que é mellor para tratar a Movieclips da segunda transición tan completamente novos movieclips.

Seleccione a capa "transition02" e arrastrar o compoñente a partir da súa biblioteca para o palco. Unha vez máis, o compoñente snap automaticamente.

Prema no compoñente no escenario, abra o panel inspector de compoñentes e selecciona "image03 como" Movieclip Start "e" image04 como "Fin Movieclip".

Para a capa de tres novos crear un marco no marco 100 preme [F5] ou co botón dereito e "Insert Marco".

Cando exportar seu película flash agora, ve que os dous móstranse de transición antes de que a película é lopped.

Paso 6 - Engadir unha pausa entre as dúas transicións de imaxe

Para ter tempo un pouco máis entre as transicións deixar os cadros clave da capa "img01" e "transition01" intocada. Estender a lonxitude da capa de "img02" (a imaxe que a transición remata con), engadindo un marco no cadro 80 presione [F5] ou co botón dereito e "Insert Marco".

Agora selecciona todo o bloque da segunda transición (de xeito que pode, premendo cadro 51 do "transition01" e coa tecla Shift Prema click marco 100 "img04") e mover o bloque burato para recadro 81.

Podes facer o mesmo para a segunda transición.

Descargar

Prema aquí para baixar o fla. deste tutorial. Nota: A. Fla inclúe a versión de proba do compoñente de efecto, que só funcionan no IDE de Flash (Flash 8, Flash CS3 ou Flash CS4), pero non dentro do navegador.

Tamén pode descargar o TV Effect Fuzz aquí .

Aquí podes atopar un vídeo tutorial de como aplicar un efecto diferente.