Gif con Photoshop

2010
01
OCT

Gif con Photoshop
photoshop, capa letra animacion visible
Aún no hay comentarios. Anímate a participar

Si nos quedaba alguna duda sobre la cantidad de posibilidades diferentes que nos ofrece photoshop, hoy vamos a aprender como se realiza un pequeño gif animado con este programa. Haremos un gif con un texto, como ejemplo de las amplias posibilidades que nos ofrece este tipo de herramienta.

Abrimos photoshop > Archivo > Nuevo > ancho: 600 px alto: 600 px resolucion: 72 px (si vamos a utilizarlo para una web o similar)

Con la herramienta Degradado (G) que se encuentra en la columna de herramientas de la izquierda de nuestra pantalla, debajo del cubo de pintura, seleccionamos los colores que utilizaremos para el degradado, este caso nosotros hemos elegido el #112c91 para el principio y #0ea2cd para el final, como vemos en la imagen.

Tras expander el degradado de arriba hacia abajo, izquierda a derecha o al contrario (como más nos guste), escribiremos el texto.

Este giff va a consistir en la aparicion de letras consecutivamente por lo que, vamos a escribir las letras de la palabra en distintas capas. En este caso en la capa 1 la G, en la capa 2 I y en la capa 3 la F. Para poder cambiar su situación sin problemas y que el archivo ocupe menos espacio hemos rasterizado las capas de texto, recordad click en el boton derecho encima de la capa y rasterizar.

Una vez tenga las letras en capas separadas, llego el momento de crear la animación.

Ventana > Animación > Nueva capa

Una vez tenga la primera capa tendre que dejar visible (en el cuadro de capas) unicamente la capa con la primera letra, es decir, capa 1 y capa fondo.

Realizare la misma accion con el resto de las capas, aunque en este caso tan solo tendre que ir dejando visibles el resto de capas con las letras puesto que iran apareciendo y no al contrario. Podeis ver debajo de las diferentes capas de animación la opcion de cambiar el tiempo visible de cada una y la posibilidad de que la animacion transcurra una vez o sea infinita en el tiempo. Para guardar este tipo de trabajo, lo tendremos que hacer en Guardar para web y dispositivos con una extension .GIF (que seleccionaremos en la pestaña de ajustes del cuadro que nos aparece al guardar.