Resumo

Neste tutorial, vostede aprender a crear un efecto, onde partes do Movieclip están desaparecendo dentro Diferentes partes do Movieclip será enmascarado e aparecer de forma diferente. Tamén podes controlar o tamaño das partes e da velocidade do desbotar.

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 arquivo zip tutorial )

Nota: A imaxe deste tutorial está feito en Flash CS3. Funciona exactamente da mesma en Flash 8 e Flash CS4. Este tutorial é ActionScript 2 (a pesar de non ActionScript é obrigatorio).

compoñente Paso 1 - Instala o efecto

Baixo o efecto máscara de transición 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.

Arrastre compoñente en biblioteca

Paso 2 - Importación da imaxe

Importar unha imaxe preme [Ctrl-R] ou "File" -> "Importar" -> "Importar" no escenario ... ".

Importar imaxe

Seleccione a imaxe e convertela en un [Movieclip] presionar F8 ou prema co botón dereito sobre o MovieClip -> "Converter en símbolo ...". Deixa o Movieclip o nome da imaxe ".

Converter imaxe para Movieclip

Nome do Movieclip

Paso 3 - Pon a imaxe Movieclip e efecto de compoñentes no escenario

Renomeie a capa onde a imaxe é colocada Movieclip a "imaxe". Crea unha nova capa de nome, el "efecto" e selecciona o primeiro marco (a cita 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 nova capa

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

Configure o nome da 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 de snap automaticamente para o ángulo superior esquerdo do movieclip imaxe.

Arrastre compoñente en Movieclip

Paso 4 - Axuste definición

Prema no compoñente e abra o compoñente inspector panel preme [Shift-F7] ou a "xanela" -> "compoñente Inspector". No "target Movieclip lista" select my_image "debe ser seleccionado. Todos os Movieclips con nomes de instancia neste cadro se listan na sección "target Movieclip lista selecciona". Desde que ten só un Movieclip, o compoñente asume que quere aplicar o efecto sobre o Movieclip "my_image". Por agora deixe a configuración como este. Exportar a película flash preme [Ctrl-ENTER] ou "Comando" -> "Test Movie" e podes ver que a imaxe aparece.

Configuración dentro do panel inspector compoñente

Paso 5 - Engadir imaxe de fondo

Se queres ter unha transición dunha imaxe para o outro, necesitas por unha imaxe no fondo. Repita o paso 2 para crear outra imaxe Movieclip, cree unha nova capa, nomee-o "fondo" e poñer o recén criado Movieclip alí. Exportar a película flash preme [Ctrl-ENTER] ou "Comando" -> "Test Movie" e vai ver primeiro a imaxe de fondo e despois o MovieClip imaxe está desaparecendo dentro

Engadir imaxe de fondo

Paso 6 - Establecer as variantes

O parámetro son propio describir, pero teñen unha mirada máis atento ao "Animation Mode seleccione lista". Vexa aquí todos os modos de animación . Empregue as preferencias da imaxe de abaixo e proba a película.

Resultado

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

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 efecto de transición Mask aquí .

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

  • Bookmark / Share