[Tutorial] Como hacer un banner para publicidad

Paso 1: Crear banner
Recursos:

Spoiler:

http://www.tutorialesporuntubo.com/archivos/cmp/85_brush_tutorialesporuntubo.rar

Primero crearemos el gráfico (nuestro banner) para después poder importarlo a Flash.
Abrimos Photoshop de ancho 660(width) por 220 de alto(height) y seleccionamos la herramienta rectángulo y hacemos un rectángulo:
Primero crearemos el gráfico (nuestro banner) para después poder importarlo a Flash.
Abrimos Photoshop de ancho 660(width) por 220 de alto(height) y seleccionamos la herramienta rectángulo y hacemos un rectángulo:

Ahora le damos dos clic@c@s encima de la capa para abrir las opciones de fusión y le aplicamos un trazo a color #ff4e00 y la posición la ponemos Interior.

Seguidamente le aplicamos un degradado:

Como vemos, hacemos un degradado linear de #ff7400 a ffa443. Dejamos el ángulo a 90º. Le damos a OK y guardamos.

Ahora vamos a ponerle los pinceles de las estrellas. Dibujamos unas cuantas a un lado del banner.
Ponemos la capa de las estrellas en modo Luz suave.


Paso 2: Preparar animación
Vamos a empezar con la animación. Abrimos Flash y hacemos un nuevo documento con las propiedades: 660 ancho por 220 de alto.

Creamos una nueva capa y le ponemos de nombre banner. A la derecha, tenemos la biblioteca de medios, arrastramos ahí la imagen que hemos creado con photshop. Una vez hecho esto, arrastramos el banner dentro de la animación.

Una vez hecho esto, bloqueamos la capa para evitar problemas. Creamos otra capa donde pondremos el texto de Tu Publicidad. Una vez creada la capa, con la herramienta texto, escribimos Tu Publicidad.

Vamos hacer que el texto salga por debajo de las estrellas entonces, tienen que respetar la forma de las estrellar al salir. Para eso, creamos una nueva capa y seleccionamos la herramienta pluma y empezamos a repasar la forma de las estrellas como la imagen siguiente:

Seguimos resiguiendo y el relleno sera la parte donde se mostrará el texto así que, seguiremos resiguiendo hacia la izquierda para que quede de la siguiente manera:

Ahora en la capa máscara, nos colocamos en el primer fotograma y le damos al botón derecho y Máscara.


Paso 3: Crear animación
Vamos a alargar los fotogramas de las capas Banner y Máscara a 100 fotogramas (nos colocamos en el fotograma 100 y pulsamos F5). Y nos colocamos en el primero fotograma de Tu Publicidad:

Cuando ya estemos en el primero fotograma, le damos click al botón derecho y pulsamos a Crear interpolación clásica. Ahora vamos al fotograma 60 y pulsamos F6 para alargar la interpolación.

Ahora creamos una nueva capa y la llamamos Aquí para insertar el mismo texto. Ahora seleccionamos del fotograma número 15 hacia adelante y los borramos:

Nos vamos al fotograma número 15, escribimos Aquí y hacemos el mismo procedimiento que con el de Tu Publicidad:

Igualamos los fotogramas al mismo nivel para que lleguen al mismo tiempo al final:

Ahora nos colocamos en el primer fotograma de la capa Aquí y en los menús de la derecha podemos ver la pestaña Interpolación y lo subimos a 100.

En la capa de Tu Publicidad en la aceleración, le damos al lápiz y modificamos la curva y la dejamos como la de la imagen:

Ahora haremos que los textos se desvanezcan poco a poco. Desbloquearemos la capa de Aquí (si la tenemos bloqueada) y iremos al último fotograma, entonces iremos al menú Modificar y Convertir en símbolo (o podemos pulsar F8 directamente).

Le ponemos de nombre aqui y pulsamos a aceptar. Una vez hecho esto, a la derecha en propiedades, tenemos el menú Efecto de color. Lo abrimos y tenemos la pestaña Estilo, lo desplegamos y selecionamos Alfa y lo dejamos a 100%.

Ahora nos ponemos al final de la animación (fotograma 110) y pulsamos F6 para crear los fotogramas restantes. Vamos al último fotograma y le damos click. Una vez le damos click, vamos al menú Alfa de nuevo y lo ponemos a 0%. De esta manera, el texto desaparecerá.

Hacemos el mismo procedimiento con el de Tu Publicidad: lo convertimos en símbolo, lo ponemos con alfa 100%, hacemos más fotogramas y ponemos el último a 0%.

Ahora, para que no se repita muy rápido, vamos a alargar los fotogramas del fondo:

Lo ponemos al fotograma 200 con F6 y listo.

Ya tenemos nuestro banner de publicidad. A partir de aquí, podemos incorporar muchos otros elementos gráficos, otros textos o alargar la animación. Hecharle tiempo y ¡ponerlo a vuestro gusto!

Resultado final:
[Sin imágen]
Fuente: tutorialesporuntubo.com

Jejeje buen tutorial Yoshi_p aunque ya lo sabía hacer, pero es muy útil n.n

Muy buen tutorial, aunque un poco largo xD, ya he hecho un banner de esos y me ha quedado bastante bien xD

Buen tutorial , lo hizo mi amigo Alex

Si quereis algun tutorial lo pedis en tutorialesporuntubo.com;)