Gifs animados

Gifs animados

Posteado el 03. Jun, 2010 por Webi in Efectos, Photoshop

Cuando nos falle el flash y la animación es pequeña nunca se olviden del buen amigo Photoshop que nos saca de apuros para animaciones también :)

Esto es lo que aprenderemos a animar

Gifs animados

Gifs animados

PASO 1

Crear un nuevo documento de Photoshop de 500 x 500 píxeles y le aplicamos un gradiente desde la esquina superior izquierda con los colores #911169 y # 5b1569

Gifs animados

PASO 2

Con la herramienta Text Tool escribimos la palabra estrella con un color #e76dbf

Gifs animados

PASO 3

Con el comando Ctrl + J duplicamos la capa 2 veces para tener 3 capas de texto como las que se muestra en la imagen.

Gifs animados

PASO 4

Seleccionamos la primera capa de texto y ahora vamos al menú Filter – Noise – Add Noise y agregamos una cantidad de ruido de 20; agregamos una cantidad diferente para cada capa de texto 21 y 22.

Gifs animados

PASO 5

Creamos una capa nueva sobre la capa de texto y con la herramienta brush con un sepillo de estrellas decoramos el texto, repetimos el mismo proceso para las demás capas de texto variando el estilo.

Gifs animados

PASO 6

Vamos al menú Window – Animation y Creamos 3 frames nuevos cada 1 conteniendo la combinación de la capa estrella y estrellas.

Gifs animados

PASO 7

Ahora solo nos queda salvar la animación para ello vamos al menú File – Save for Web and Devices y salvamos como un GIF con los valores que se ven en la imagen.

Gifs animados

PASO 8

FINAL

Gifs animados

Gifs animados



Descarga el editable de Gifs animados

Tags: ,

Deja tu Comentario

Tutoriales en la web se reserva el derecho de moderación de los comentarios. Evita por favor utilizar palabras soeces, ataques directos e insultos, de lo contrario tu comentario será eliminado.

Get Adobe Flash playerPlugin by wpburn.com wordpress themes