Resumo

Neste tutorial vai aprender como crear un efecto de transición, onde un remuíños acios image / twirls / xiro a outro. Podes establecer a duración (en cadros) da transición. No ActionScript é necesario para completar este tutorial, vai traballar só na liña do tempo e establecer o parámetro do efecto dentro do Inspector do compoñente.

Aquí o resultado final:


Requisitos

Flash 8, 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. Funciona exactamente o mesmo co Flash 8 e Flash CS4. Este tutorial é un ActionScript 2 Project (o compoñente está tamén dispoñible en versión AS3).

Paso 1 - Instalar o compoñente do efecto

Download Efecto do remuíños. 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 imaxe frist 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 de instancia primeira imaxe Movieclip

Definir nome da instancia da imaxe segundo Movieclip

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 de" select ", my_image_01" debe ser seleccionada.

Obxectivo Movieclips no compoñente Inspector

Todos Movieclips con nomes de instancia neste cadro están listados na sección "target Movieclip" lista de selección. Dende que draged o efecto sobre o MovieClip "my_image_01", este é o MovieClip frist. Como "fin Movieclip" select "my_image_01". Deixe a outra configuración en branco de momento. Exportar a película flash [Ctrl-Intro] ou "comando" -> "Test Movie" e podes ver que a transición de imaxe.

Resultados

Paso 6 - Play!

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

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.

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

  • Share / Bookmark