Resumo

Neste tutorial, vostede aprender a crear unha transición entre dúas imaxes onde as imaxes son embaralhar, como cartas de xogar nun espazo 3D. Podes controlar a duración da transición e do tipo de facilidade.

Aquí o resultado final:


Requisitos

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 da mesma en Flash CS4. Este tutorial é un proxecto ActionScript 3 (Este compoñente está dispoñible exclusivamente para AS3, polo que non haberá versión AS2 no futuro).

compoñente Paso 1 - Instala o efecto

Adquira o efecto da transición Shuffle . 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 primeira 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 "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, o 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 de primeiro Movieclip

Configure o nome da segunda instancia do 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 list", selecciona "my_image_01" debe ser seleccionada.

Asegúrese de que my_image_01 defínese como Movieclip Inicio

Todos os Movieclips con nomes de instancia neste cadro se listan no Movieclip "Start" e "End Movieclip lista selecciona". Unha vez que arrastrou o efecto sobre o Movieclip "my_image_01", este é o primeiro Movieclip. Como "fin Movieclip" select "my_image_02". Deixe o outro axuste para agora.

Establecer como my_image_02 End Movieclip

Paso 6 - Exportación

Exportar a película flash preme [Ctrl-ENTER] ou "Comando" -> "Test Movie" e podes ver a transición de imaxe.

Resultado

Paso 6 - Xoga!

Agora podes xogar cos parámetros para ti personalizar o efecto. Tamén pode usar este efecto co ActionScript. Atopar a documentación completa aquí .

Descargar

Prema aquí para baixar o fla. deste tutorial. Nota: A. Fla non inclúe o compoñente de efecto. Co fin de facer o traballo fla, necesitas comprar o Shuffle Efecto Tile aquí .

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

  • Bookmark / Share