Scribd
Cargar
48 vistas15 páginas

Clase Modelo UVM V - Final

El documento explica cómo crear un gif animado. Un gif es un formato de imagen que permite hasta 256 colores y es más ligero que un video pero más dinámico que una imagen estática. Explica que es importante optimizar el peso del gif para que cargue rápido en una página web. Luego detalla los pasos para crear un gif en Photoshop a partir de un video, incluyendo recortar el video, seleccionar el área y exportar como gif optimizando el peso sin perder calidad.

Cargado por

Richard97
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPT, PDF, TXT o lee en línea desde Scribd
48 vistas15 páginas

Clase Modelo UVM V - Final

El documento explica cómo crear un gif animado. Un gif es un formato de imagen que permite hasta 256 colores y es más ligero que un video pero más dinámico que una imagen estática. Explica que es importante optimizar el peso del gif para que cargue rápido en una página web. Luego detalla los pasos para crear un gif en Photoshop a partir de un video, incluyendo recortar el video, seleccionar el área y exportar como gif optimizando el peso sin perder calidad.

Cargado por

Richard97
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPT, PDF, TXT o lee en línea desde Scribd

Clase modelo UVM

Tema
Diseño de Gif animado
¿Qué es un gif?

La palabra GIF es una sigla que significa Graphics


Interchange Format, o en español, Formato de
Intercambio de Gráficos.

Estos cuentan con un máximo de 256 colores, por lo


que son más livianos que los videos pero más
dinámicos que las imágenes convencionales, tomando
lo mejor de ambos formatos.
Ejemplos
Diseño de un Gif

Es de suma importancia que el gif que vayamos a


subir a la web ya sea a nuestra página web o un sitio
de redes sociales tenga un peso optimo, pues si es
muy pesado el gif ocasionara que esta cargue más
lento en nuestra página web, arruinado completamente
la experiencia del usuario.
Ejemplo

Peso: 1.5 Mb Peso: 700 kb


Programas

El programa más usado para editar y crear desde cero


un gif es Adobe Photoshop, tiene las herramientas
completas para poder importar cualquier imagen o
video.

En la actualidad existen páginas donde se puede crear


de manera rápida y dinámicas estos gif, ejemplos de
estas páginas son GIPHY contando con un banco de
millones de gifs más los miles que se añaden diario.
Como crear un gif animado

En Photoshop abrimos el video que queremos


convertir a gif.
Como crear un gif animado

Una vez que el video este en la mesa de trabajo nos


dirigimos a ventana y buscamos la opción de línea de
tiempo.
Como crear un gif animado

Recortamos el video a unos segundos logrando


acaparar la escena de nuestro interés.
Como crear un gif animado

Con la herramienta de selección marco rectangular


delimitaremos el área que queremos cortar.
Como crear un gif animado

Una vez tengamos recortada el área nos dirigimos a


archivo, después a exportar y por ultimo a guardar para
web.
Como crear un gif animado

En esta parte para guardar el archivo nos aseguramos que este en gif,
nos aseguramos que este la opción sin tramado y en ajuste de web
vamos moviendo según lo requiramos para que pese menos el archivo
sin que pierda mucha calidad. Después guardamos el archivo.
Como crear un gif animado

El resultado es el siguiente:

Dimensiones: 797 x 720 pixeles


Peso de la imagen: 2.66 MB
¡Gracias por escuchar!

"Por siempre responsable de lo que se ha cultivado"

También podría gustarte