Resumo

Neste tutorial vai aprender como crear unha lente que segue o rato e amplia unha parte da imaxe.

Aquí o resultado final (mover o rato):

move rato sobre swf

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 traballa exactamente da mesma en Flash 8 ou Flash CS4. Este tutorial é ActionScript 2 (aínda que ActionScript non é necesario).

Paso 1 - Instalar o compoñente do efecto

Baixo o Efecto Lens 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 ..

Arrastrar compoñente na biblioteca

Paso 2 - Crear Movieclip imaxe

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

Importación de imaxes

Seleccione a imaxe deste e convertelo en un pulse F8 Movieclip [] ou co botón dereito sobre o MovieClip -> "Convert to Symbol ...". Deixa o movieclip o nome de "imaxe" (Nome here it's up to you).

Convertir imaxe en Movieclip

Nome do Movieclip

Paso 3 - Instalación efecto

Nome da capa do MovieClip image ".

Renomeie a capa

Deixa o movieclip o nome de instancia "my_image" (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.

Definir nome de instancia

Crear unha capa nova e nomea-los "efecto" (nomenclatura das capas é só para manter as cousas en orde, podes deixar a capa estándar nomes, escoller outros nomes ou mesmo traballo na capa).

Crear e nomear unha nova 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 imaxe.

Arrastrar compoñente para Movieclip

Seleccione o efecto Lens no escenario e abrir o Panel Inspector compoñente prema Shift [-F7] ou "Window" -> "Component Inspector.

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

Opcións dentro do panel Component Inspector

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

Resultados

Brinque con a configuración dentro do panel inspector de compoñentes e atopar a súa configuración favorita. Máis detalles sobre a configuración Inspector compoñente 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 e Adobe Flash CS4), pero non dentro do navegador.

Tamén pode descargar o Efecto Lens aquí.

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

  • Share / Bookmark