Tip:
Highlight text to annotate it
X
Crea tu propio GIF.
¡Hola!, mi nombre es Eduardo Barrera Demares...
soy estudiante de Comunicación social de la Universidad Tecnológica de Bolívar.
Si deseas conocer más de mi puedes seguirme en Twitter como @Edmares_...
...o si prefieres bloguear me encuentras como Eddie Demares.
En el siguiente video tutorial te voy a enseñar paso a paso, como construir un Gif animado.
Antes que nada, Graphics Interchange Format, que traduce a Formato de Intercambio de Gráficos...
...suele utilizarse, especialmente en gráficos pequeños, que pueden ser animados...
...Debido que, solo soporta 256 colores, y un canal de transparencias...
Este formato suprime color, de esta manera, a mayor comprensión mayor pérdida de calidad de la imagen.
Para iniciar vamos a elegir archivo>Nuevo.
Se abre el cuadro de diálogo del nuevo documento. Le damos un nombre, en este caso GIF animado...
... y en predefinir, seleccionamos la opción deseada...
...en este caso, mi GIF es para dispositivos y móviles...
...Y luego vamos a introducir las medidas del alto y ancho del lienzo en píxeles, centímetros o pulgadas...
Las medidas son relativas, dependiendo para que lo vayas a usar (Yo dejaré las que Photoshop sugiere).
...y resolución
Photoshop nos propone tamaño...
...anchura...
...resolución.
De esta manera, le damos ok, y ya está preparado el lienzo para crear el GIF.
Posteriormente escogemos la imagen o imágenes que se van a utilizar o escribir los textos que queremos animar.
Yo utilizaré la imagen de mi gato.
Como la foto está en formato vertical. Me voy a imagen, rotación de imagen y le doy click en noventa grados AC.
En la parte posterior derecha, se encuentran las capas...
Como lo notamos cada una tiene estos iconos en forma de ojos que indican la visibilidad de cada una.
En efecto, si la desactivamos solo se lograra observar la capas activas.
Del manejo de estas depende el éxito de nuestro GIF animado.
Nos vamos a ventana y le damos clic en Línea de tiempo, en otras versiones de Photoshop se llama “animación”.
Aparecerá el siguiente recuadro con estas opciones:
Esta primera herramienta sirve para convertir la línea de tiempo en video.
Esta otra para seleccionar las opciones de repetición.
Estas selecciona el primer cuadro.
Esta selecciona el cuadro anterior, este el siguiente y la que viene, el último.
Esta intercala cuadros de animación
Con esta duplicamos los cuadros seleccionados.
Y con esta eliminamos los cuadros seleccionados.
Ahora, con esta herramienta, duplicaremos únicamente las capas activas.
De esta manera.Para hacer el primer recuadro, activamos las capas que queremos de primero.
Cliqueamos aquí, en duplicar capas, y automáticamente se genera el primer recuadro omitiendo las capas que no queremos que se vean.
Y automáticamente se genera el primer recuadro omitiendo las capas que no queremos que se vean.
Luego, hacemos lo mismo con la siguiente capa y así sucesivamente.
Ya tengo listos mis cuadros. Ahora, vamos a definir los tiempos y las veces que se va a repetir.
Si nos damos cuenta, en cada recuadro tiene el tiempo de retardo en 0, sin embargo, lo podemos modificar.
Veamos cómo: Le damos clic en el 0 para desplegar las demás opciones.
Como notamos, podemos retardar cada cuadro de acuerdo al tiempo más conveniente para nuestra animación...
...desde 0.00 segundos, 0,10 segundos o sin retardo.
Ya probamos y definimos los tiempos. Si te gustó como quedó. Ahora solo queda exportarlo como Gif.
Luego definimos las opciones de repetición de la animación. Entre una vez, 3 veces, infinito u otra opción.
Ya probamos y definimos los tiempos. Si te gustó como quedó. Ahora solo queda exportarlo como Gif.
Para ello, nos vamos al menú archivo>guardar para la web.
Y Photoshop muestra un recuadro donde define unos ajustes, los cuales puedes modificar si deseas.
Sin embargo, simplemente utilizaré el ajuste preestablecido. Damos guardar. Aceptar y listo.
De esta forma, tenemos nuestro primer GIF animado.
Recuerden algo: Es sumamente importante tener completo manejo de las capas, pues a partir de ellas, definimos el resultado final de nuestro GIF.
Es conveniente de que cada elemento se encuentre en diferentes capas para un mayor control, así como yo lo hice
Al igual que los tiempos, así que prueba hasta que encuentres el que necesitas.
Si deseas convertirlo en vídeo, puedes dar clic al icono convertir línea de tiempo en video en el menú línea de tiempo.
Donde podrás agregar pistas de audio, manejo del volumen o hacerle transiciones al video.
Bueno recuerda, esto fue Crea tu GIF.
Si no conoces alguna de las herramientas de Photoshop, puedes ingresar a mi vídeo tutorial
Mi nombre es Eduardo Barrera Demares. Puedes seguirme en Twitter como @Edmares_...
o si prefieres bloguear me encuentras como Eddie Demares.
¡Muchas gracias!