Resumo

Neste tutorial vai aprender como crear unha transición entre dúas imaxes, onde as imaxes son barallaron 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, imaxe dispoñible no arquivo zip tutorial)

Nota: As imaxes nese tutorial están feitos en Flash CS3. Ela traballa exactamente da mesma en Flash CS4. Este tutorial é un ActionScript 3 Proxecto (Este compoñente está disponible exclusivamente para o AS3, por iso non haberá versión AS2 no futuro).

Paso 1 - Instalar o compoñente do efecto

Adquira o Efecto de 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 ..

Arrastrar compoñente na biblioteca

Paso 2 - Importar foto Slideshow

Importación dúas imaxes [Ctrl-R] ou "File" -> "Import" -> "Importar para a terceira fase ...".

Importar imaxes ao estadio

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

Convertir primeira imaxe para Movieclip

Definir nome da primeira imaxe Movieclip

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

Converter a imaxe segundo a Movieclip

Definir nome da segunda imaxe Movieclip

Paso 3 - Definir nome da instancia da imaxe Movieclip

Deixa o MovieClip da primeira imaxe o nome de instancia "my_image_01" (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. Define o nome de instancia para o MovieClip imaxe segundo a my_image_02 ".

Definir nome da instancia de primeiro Movieclip

Definir nome de instancia do Movieclip segunda

Paso 4 - Aplicar efecto

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

Arrastrar compoñente para Movieclip

Paso 5 - Axuste configuración do efecto

Prema no compoñente e abra o panel Inspector compoñente prema Shift [-F7] ou "Window" -> "Component Inspector. No "Iniciar Movieclip lista", selecciona "my_image_01" debe ser seleccionada.

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

Todos Movieclips con nomes de instancia neste cadro están listados na sección "Iniciar Movieclip" End Movieclip lista e seleccione ". Dende que arrastrou o efecto sobre o MovieClip "my_image_01", esta é a primeira Movieclip. Como "fin Movieclip" select "my_image_02". Deixe a outra definición para agora.

Establecer como my_image_02 End Movieclip

Paso 6 - Exportación

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

Resultados

Paso 6 - Play!

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

Descargar

Prema aquí para baixar o fla. Deste tutorial. Nota: O fla. Non inclúe o compoñente efecto. Co fin de facer funcionar o fla, ten que mercar o Shuffle Efecto Tile aquí.

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

  • Share / Bookmark