Flash Tutorials Cool Effect!

Resumo

Neste tutorial vai aprender como crear unha lente que acompaña o rato e amplía parte dunha imaxe.

Aquí o resultado final (move o rato):

Requisitos

Flash 8, Flash CS3 ou Flash CS4.
1 foto (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 en Flash 8 ou Flash CS4. Este tutorial é ActionScript 2 (ActionScript, aínda que non sexa obrigatorio).

compoñente Paso 1 - Instala o efecto

Baixo o efecto de lente aquí . 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 - Crear imaxe Movieclip

Importar unha imaxe preme [Ctrl-R] ou "File" -> "Importar" -> "Importar para a terceira fase ...". Nesta imaxe vai despois aplicar o efecto.

Seleccione a 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 "imaxe" (nome aquí, cómpre a ti).

efecto Paso 3 - Instalación

Nome da capa do Movieclip imaxe da imaxe ".

Deixa o Movieclip o nome da instancia my_image "(pode escoller un nome 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.

Crear un novo layer e nomeá-los "efecto" (O nome das capas é só para manter as cousas en orde, podes deixar a capa de nomes estándar, escoller outros nomes ou incluso traballar nunha capa).

Prema no primeiro cadro do "efecto" capa e arrastra o efecto de lente da súa biblioteca para o palco. O compoñente snap debe automaticamente para o ángulo superior esquerdo do movieclip da imaxe.

Seleccione o efecto de lente no escenario e abrir o compoñente inspector panel preme [Shift-F7] ou "Window" -> "compoñente Inspector".

No "target Movieclip lista" seleccionar my_image "debe ser seleccionada. Todos Movieclips con nomes de instancia neste cadro están listados na sección "target Movieclip lista selecciona". Desde que ten só un Movieclip compoñente asume que quere aplicar o efecto sobre o Movieclip "my_image". Set "Cursor sensibles" para "Si". Isto garante que o compoñente segue o rato.

Exportar a película flash. Move o rato e podes ver que a lente acompaña o rato.

Brinque con a configuración dentro do panel inspector compoñente e atopar a súa configuración favorita. Máis información sobre o inspector compoñente configuración aquí .

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.

Tamén pode descargar o efecto de lente aquí .

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