Resumo

Neste tutorial vai aprender como crear un efecto, onde partes do Movieclip están a desaparecer dentro diferentes partes do Movieclip será enmascarado e aparecen de xeito diferente. Tamén podes controlar o tamaño das pezas ea velocidade do esvaecido.

Vexa o efecto a continuación:


Requisitos

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

Nota: A imaxe deste tutorial está feito en Flash CS3. Funciona exactamente o mesmo en Flash 8 e Flash CS4. Este tutorial é ActionScript 2 (aínda que ActionScript non é necesario).

Paso 1 - Instalar o compoñente do efecto

Baixo o Efecto de Transición Mask 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 ..

Arrastrar compoñente na biblioteca

Paso 2 - Imaxe de Importación

Importar unha imaxe [Ctrl-R] ou "File" -> "Import" -> "Importar on Stage ...".

Importación de imaxes

Seleccione a imaxe deste e convertelo en un pulse F8 Movieclip [] ou co botón dereito sobre o MovieClip -> "Convert to Symbol ...". Deixa o movieclip o nome de "imaxe".

Convertir imaxe para Movieclip

Nome do Movieclip

Paso 3 - Movieclip imaxe do lugar e compoñente efecto no escenario

Renomeie a capa MovieClip onde a imaxe é colocada a "imaxe". Crear unha nova capa, o nome de "efecto" e selecciona o primeiro cadro (nomenclatura das capas é só para manter as cousas en orde, podes deixar a capa de nomes estándar ou escoller outros nomes).

Renomeie a capa existente

Crear e nomear unha nova capa

Deixa o movieclip o nome de instancia "my_image" (Pode escoller un diferente se quere. Asegúrese de que o nome da instancia é única). Sen un nome de instancia, o compoñente é capaz de detectar o MovieClip.

Definir nome de instancia do movieclip

Seleccione o primeiro marco da capa "efecto". Arrastra o efecto de transición máscara da súa biblioteca para o Movieclip imaxe no escenario. O compoñente snap ha automaticamente para o ángulo superior esquerdo do movieclip imaxe.

Arrastrar compoñente para Movieclip

Paso 4 - Axuste definición

Prema no compoñente e abra o panel Inspector compoñente [pulsa Shift-F7] ou "Window" -> "Component Inspector. No "target Movieclip lista", selecciona "my_image" debe ser seleccionada. Todos Movieclips con nomes de instancia neste cadro están listados na sección "target Movieclip" lista de selección. Desde que ten só un Movieclip, o compoñente asume que quere aplicar o efecto sobre o my_image Movieclip ". Por agora deixe a configuración como esta. Exportar a película flash [Ctrl-Intro] ou "comando" -> "Test Movie" e podes ver que a imaxe aparece.

Opcións dentro do panel Inspector compoñente

Paso 5 - Engadir imaxe de fondo

Se queres ter unha transición entre unha imaxe para o outro, ten que poñer unha imaxe no fondo. Repetir o paso 2 para crear outra imaxe Movieclip, crea unha nova capa, o nome de "fondo" e poñer o recén criado Movieclip alí. Exportar a película flash [Ctrl-Intro] ou "comando" -> "Test Movie" e vai ver a primeira imaxe de fondo e, a continuación, a imaxe está desaparecendo dentro Movieclip

Engadir imaxe de fondo

Paso 6 - Establecer as variantes

O parámetro son propio describir, pero teñen un ollar máis atento ao "Animation Mode" lista de selección. Veja todos os modos de animación aquí. Usa as opcións de pantalla a continuación e probar a película.

Resultados

Brinque con a configuración. Atopar o un, que se adapta ás súas demandas.

Descargar

Prema aquí para baixar o fla. Deste tutorial. Nota: O fla. Inclúe a versión de proba do compoñente de efecto, que só funciona no IDE Flash (Flash 8, Flash CS3 e Adobe Flash CS4), pero non dentro do navegador.

Tamén pode descargar o Efecto de Transición Mask aquí.

Aquí pode atopar un video tutorial de como implementar un efecto diferente.

  • Share / Bookmark