Resumo

Neste tutorial, vostede aprender a crear un efecto de transición pixelation onde unha imaxe "pixelates" a outro. Podes establecer a duración (en marcos) da transición. Ningún ActionScript é necesario, vai traballar só na liña do tempo e establecer o parámetro do efecto dentro do inspector compoñente.

Aquí o resultado final:


Requisitos

Flash 8, Flash CS3 ou Flash CS4.
Dúas imaxes (neste caso, 550 × 400, a imaxe dispoñible no arquivo zip tutorial )

Nota: As imaxes nese tutorial fanse en Flash CS3. Funciona exactamente o mesmo con Flash 8 e Flash CS4. Este tutorial é un ActionScript 2 Project (o compoñente está tamén dispoñible en versión AS3).

compoñente Paso 1 - Instala o efecto

Baixo o efecto pixelation . 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 - Importar imaxes Slideshow

Import dúas imaxes [preme Ctrl-R] ou "File" -> "Importar" -> "Importar para o estadio ...".

Importar imaxes para o estadio

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

Converter a primeira imaxe para Movieclip

Define o nome da primeira imaxe Movieclip

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

Converte a imaxe segundo a Movieclip

Define o nome da segunda imaxe Movieclip

Paso 3 - nome da instancia do conxunto de imaxe Movieclip

Deixa o Movieclip da primeira imaxe o nome de instancia "my_image_01" (Podes escoller un nome diferente, se o desexa. Asegúrese de que o nome da instancia é única). Sen un nome de instancia do compoñente é capaz de detectar o MovieClip. Establece o nome de instancia para o Movieclip segunda imaxe de "my_image_02".

Configure o nome da instancia primeira imaxe Movieclip

Configure o nome da instancia de segunda imaxe Movieclip

Etapa 4 - Aplicar efecto

Arrastra o compoñente da biblioteca para o Movieclip superior. O compoñente de efecto snap automaticamente.

Arrastre compoñente en Movieclip

Paso 5 - Axuste a configuración do efecto

Prema sobre o compoñente e abra o compoñente inspector panel preme [Shift-F7] ou a "xanela" -> "compoñente Inspector". En Movieclip "Start" lista de selección ", my_image_01" debe ser seleccionada.

Target Movieclips no compoñente inspector

Todos os Movieclips con nomes de instancia neste cadro se listan na sección "target Movieclip lista selecciona". Dende que draged o efecto sobre o Movieclip "my_image_01", este é o Movieclip Frist. Como "fin Movieclip" select "my_image_01". Deixe o outro axuste en branco de momento. Exportar a película flash preme [Ctrl-ENTER] ou "Comando" -> "Test Movie" e podes ver que a transición de imaxe.

Resultado

Paso 6 - Xoga!

Xogar cos outros parámetros dentro do inspector compoñente. A documentación da configuración pode ser atopada aquí . Tamén pode usar este efecto co ActionScript.

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.

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

  • Bookmark / Share