Posteado por: alcubillas | abril 17, 2009

Como crear un baner o firma con movimiento

1° Lo primero es conseguir la imagen de un boligrafo, pincel o algo parecido y dejarlo en fondo transparente.

2° En este caso abri un documento nuevo de 400×115 pixeles al cual hay que agregarle el texto que queramos y dar click con el boton derecho del raton y seleccionar “Rasterizar capa”.


3° Pegar el boligrafo, pincles o lo aque allas escojido (ya con el fondo transparente).

4° Yo agregare un estilo al texto y despues agregare una Nueva capa para unirlas y con esto dejar el puro texto ya con el estilo (control + E).

5° Bien ahora debemos tener el texto y el boligrafo en capas separadas.

6° Ahora hay que hacer copias de esas capas segun los caracteres que tengamos, yo en este ejemplo hize 2 copias (del texto y del boligrafo) por letra a esepcion de la “A” que de esa hize 4 copias.

7° Ahora nos situamos en la primer capa de texto y con la herramienta de borrador quitamos las letras que no queramos.En el caso de este ejemplo voy a poner un boligrafo al inicio y al final de cada letra.

8° Ya que terminamos de poner el primer boligrafo en su lugar unimos las 2 primeras capas (texto y boligrafo) (control + E)

9° Como vemos en la siguiente imagen el comienzo de la letra “A” ya quedo unido (*resaltado rojo) y ahora paso a el final de la donde ago lo mismo,borro todo el texto que no me sirbe, y situo el boligrafo al final del caracter y vuelvo a unir y asi sucesivamente hasta tener toda la firma.

10° Ya terminada la firma, la pasamos a Image Ready. (en esta otra imagen se ve que use 4 copias para la “A” y 2 copias para cada caracter)

11° Ya en Imagen Ready damos click en la paleta animacion en la flechita azul, despues damos click en “Crear cuadros a partir de capas”, esto nos creara la secuencia de la animacion, si nuestras capas quedaron bien ordenadas la firma ya esta lista solo nos quedara optimizarla.

12° Podemos dar mas tiempo a algun cuadro (en este ejemplo yo hize una pausa de 0.3segundos al final). En el recuadro verde de la siguiente imagen muestra los parametros que yo use, ustedes pueden optimizarlo aun mas, es cuentin de gustos y cuanta calidad queramos sacrificar por peso.

Este es el resultado que nos queda :

gracias a: Alaskak
Anuncios

Responses

  1. Hi, interesting post. I have been pondering this topic,so thanks for writing. I’ll definitely be subscribing to your site. Keep up the good work

  2. Hola hola lo he intentado un monton de veces y no consigo pasar del paso 6º debe ser porque soy novato o tonto porque explicado esta un monton de bien. ¡Ah! se me olvidaba uso Photoshop CS3
    Gracias
    Marcos


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Categorías

A %d blogueros les gusta esto: