Tecnología

Inicio

Cómo crear un Banner Tutorial de Flash

Cómo crear un Banner Tutorial de Flash


banners flash se pueden ver en casi cualquier sitio que aloja los anuncios. Flash es una de las herramientas de software de diseño web más populares, y la cantidad de innovadoras animaciones que se pueden realizar con el conocimiento básico del programa que funciona inspira a una amplia gama de diferentes diseños de banner flash. banners flash permiten a los diseñadores hacen uso del sonido, vídeo, fotos y mini-juegos interactivos, incluso. Todas estas cualidades hacen de Flash la opción número uno para el diseño de anuncios de banner. Creación de un banner simple es fácil de hacer y toma menos de media hora, independientemente del nivel de habilidad.

Instrucciones

El diseño de un simple Flash Banner

1 Editar las dimensiones de dos imágenes a 430 píxeles de ancho por 180 píxeles de alto, con un programa de edición de imágenes. Guarde y cierre los archivos y el programa.

2 Crear un nuevo documento de Flash con una velocidad de 22 fotogramas por segunda (fps) y las mismas dimensiones que las imágenes (430 píxeles por 180 píxeles).

3 Cambiar el nombre de "capa 1" a "cuadro 1" en el panel Línea de tiempo.

4 Seleccione el primer fotograma de "cuadro 1" y presionar "CTRL + R" para importar una imagen en el escenario.

5 Alinear la imagen al centro del escenario con el panel "Align" (CTRL + F3).

6 Haga clic en el cuadro 80 del "cuadro 1" y añadir marcos pulsando la tecla "F5".

7 Pulse el botón "Insertar capa" en el panel Línea de tiempo y colocar la nueva capa por encima de "cuadro 1"; cambiar el nombre de la nueva capa "línea 1."

8 Dibujar un rectángulo de 10 píxeles de ancho por 20 píxeles de alto en la capa "línea 1" y alinearla a derecha horizontal y vertical central con el panel "Align".

9 Insertar un fotograma clave en el fotograma 10 de la "línea 1" pulsando la tecla "F6".

10 Haga clic en el rectángulo con el marco 10 seleccionado y seleccione la función "Transformación libre" en el panel de "herramientas". Haga clic y arrastre el tirador de transformación horizontal hacia la izquierda hasta que se extiende por todo el ancho de la etapa.

11 Haga clic en el fotograma 20 de la "línea 1" e inserte un fotograma clave con la tecla "F6".

12 Haga clic en el rectángulo y seleccione la función "Transformación libre". Haga clic y arrastre el controlador de media-baja vertical de transformar y arrastre el rectángulo hacia abajo hasta que llegue al fondo del escenario. Repita este proceso con el asa vertical transformar media-alta.

13 Haga clic derecho en el fotograma 5 de la "línea 1" y elegir la opción "Forma Tween" en el menú contextual. Repita este proceso en el marco 15.

14 Haga clic en "línea 1" en el panel de "nombres de capa" y seleccione "Máscara" en el menú contextual.

15 "Cuadro 2." Insertar una nueva capa por encima de la "línea 1" y cambie su nombre

dieciséis Seleccione el fotograma 60 de la "imagen 2" y presione "F6" y luego "Ctrl + R" para importar la segunda foto a la etapa.

17 Centre la nueva imagen en el escenario con el panel "Align".

18 Seleccione el fotograma 160 de "imagen 2" y pulse la tecla "F5" para insertar marcos.

19 Inserte una nueva capa por encima de "imagen 2" y cambie su nombre por "la línea 2."

20 Repita los pasos 8 a 14; cambiar la alineación de inicio del rectángulo hacia la esquina superior izquierda del escenario en lugar de derecho y central.

Hacer que el Banner con enlace

21 Inserte una nueva capa por encima de las capas existentes y cambiar el nombre de "botón".

22 Dibujar un rectángulo sin trazo y las mismas dimensiones que la etapa (430px x 180px).

23 Seleccione el rectángulo y pulse "F8" para convertirlo en un "botón" en el cuadro de diálogo "Nuevo símbolo".

24 Introduzca el nuevo símbolo de botón, haciendo doble clic en el rectángulo. Arrastre el fotograma clave de "arriba" a "Hit".

25 Haga clic en "Escena 1" y seleccione el fotograma 160 de "botón" y pulse la tecla "F5".

26 Seleccione el fotograma 1 de "botón" y pulse "F9" para abrir el panel de ActionScript.

27 Escriba lo siguiente en el panel de ActionScript:
en lanzamiento) {
getURL ( "http://www.somewebsite.com", "_blank");
}

28 Pulse "CTRL + ENTER" para probar el acabado Flash Banner.

Consejos y advertencias

  • Más imágenes y fotos se pueden añadir a la bandera siguiendo el mismo proceso y el cambio de la posición de partida de la capa de "línea" correspondiente.