Dom. May 5th, 2024

En este tutorial intentare explicar como crear una frima animada. 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 :

Bueno hasta aqui este tutorial(es el primero que ago) espero y me alla podido explicar bien. El hacer esta firma es un poco laborioso pero cuando se le va agarrando practica se hace muy rapido.Soy novato en este tema de Photoshop y de ImageReady asi que tal vez algunos de los pasos los puedan hacer mas faciles, yo les comparto algo que parendi hace unos dias.

NOTA: Si NO agregas estilo al texto no es necesario crear una nueva capa y unirlas, con solo «Rasterizar capa» tiene.

FUENTE

Por Atomico