Flash Tutorials Cool Effect!

Resumo

Neste tutorial vai aprender como crear un balance, onde unha imaxe desaparece a outro cun xenio como / waggle / transición / oscilación jiggle. Podes establecer a duración da transición (en cadros) e da amplitude, o que representa a forza da distorsión da imaxe. Para completar o tutorial non necesita dunha liña de ActionScript.

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. Ela funciona exactamente da mesma co 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 Wobble . 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.

Paso 2 - Importar imaxes Slideshow

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

Seleccione a imaxe Frist e convertela en un [Movieclip] presionar F8 ou prema co botón dereito sobre o MovieClip -> "Convert to symbol ...". Deixa o Movieclip o nome de "image1".

Seleccione a segunda imaxe e convertela en un [Movieclip] presionar F8 ou prema co botón dereito sobre o MovieClip -> "Convert to symbol ...". Deixa o Movieclip o nome de "imagem2".

Paso 3 - Establecer nome da instancia da imaxe Movieclip

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

Paso 4 - Aplicar efecto

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

Paso 5 - Axuste a configuración do efecto

Prema no compoñente e abrir o compoñente inspector panel preme [Shift-F7] ou "Window" -> "compoñente Inspector". No Movieclip "Start" lista de selección ", my_image_01" debe ser seleccionada.

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

6 ª Etapa - Play!

Brinque con 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 co 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 ou Flash CS4), pero non dentro do navegador.

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