Después de crear una animación en Photoshop, debe guardarse en uno de los formatos disponibles, uno de los cuales es GIF. Una característica de este formato es que está destinada a mostrar (reproducir) en el navegador.
Si está interesado en otras opciones para guardar la animación, le recomendamos leer este artículo:
LECCIÓN: Cómo guardar el video en Photoshop
El proceso de creación de una animación GIF se describió en una de las lecciones anteriores, y hoy hablaremos sobre cómo guardar el archivo en formato GIF y en la configuración de optimización.
LECCIÓN: Crea una animación simple en Photoshop.
Salvando gif.
Para empezar, repitimos el material y leemos la ventana Guardar configuración. Se abre haciendo clic en el elemento "Guardar para Web" en el menú Archivo.
La ventana consta de dos partes: un bloque de vista previa
y la configuración bloquea.
Vista previa de bloque
Seleccione el número de opciones de vista se selecciona en la parte superior del bloque. Dependiendo de las necesidades, puede seleccionar la configuración deseada.
La imagen en cada ventana, excepto el original, se configura por separado. Esto se hace para que pueda elegir la opción óptima.
En el lado izquierdo del bloque hay un pequeño conjunto de herramientas. Utilizaremos solo la "mano" y la "escala".
Usando la "mano", puede mover la imagen dentro de la ventana seleccionada. La elección también es hecha por esta herramienta. "Escala" realiza la misma acción. Aprox y eliminar la imagen también puede ser botones en la parte inferior del bloque.
Bajo abajo es el botón con la inscripción "Ver". Abre la opción seleccionada en el navegador predeterminado.
En la ventana del navegador, excepto para configurar parámetros, también podemos obtener código GIF HTML.
Ajustes de bloque
En este bloque, los parámetros de la imagen están configurados, lo consideran más.
- Esquema de colores. Esta configuración determina qué tabla de colores indexados se aplicará a la imagen cuando se optimice.
- Perceptual, y simplemente "esquema de percepción". Cuando se usa, Photoshop crea una tabla de colores, guiada por los tonos actuales de la imagen. Según los desarrolladores, esta tabla es lo más cercana posible a la forma en que el ojo humano ve el color. Además, la imagen es la más cercana al original, los colores se guardan maximamente.
- El esquema selectivo es similar al anterior, pero los colores relacionados con la web segura para la banda se usan predominantemente en ella. También se centró en la visualización de tonos aproximados a la inicial.
- Adaptado. En este caso, la tabla se crea a partir de colores que son más comunes en la imagen.
- Limitado. Consta de 77 colores, algunas de las muestras de las cuales se reemplazan con blanco en forma de un punto (grano).
- Personalizado. Al elegir este esquema, es posible crear su propia paleta.
- En blanco y negro. Esta tabla utiliza solo dos colores (blanco y negro), también usando grano.
- En grados de gris. Hay varios niveles de 84 tonos de gris.
- Macos y ventanas. Los datos de la tabla se compilan en función de las características de las imágenes de mapeo en los navegadores que ejecutan estos sistemas operativos.
Aquí hay algunos ejemplos de sistemas de aplicación.
Como puede ver, las tres primeras muestras tienen una calidad bastante aceptable. A pesar del hecho de que visualmente casi no se diferencian entre sí, en diferentes imágenes, estos esquemas funcionarán de manera diferente.
- Número máximo de colores en la tabla de colores.
El número de matices en la imagen afecta directamente su peso, y, en consecuencia, en la velocidad de descarga en el navegador. El valor de 128 se usa con mayor frecuencia, ya que esta configuración casi no afecta la calidad, al tiempo que reduce el peso del GIF.
- Colores web. Esta configuración establece la tolerancia con la que los tonos se convierten en equivalentes de una paleta web segura. El campo del archivo está determinado por el valor establecido por el control deslizante: el valor es mayor: el archivo es menor. Al configurar los colores web, no debe olvidarse también de la calidad.
Ejemplo:
- Dysrying le permite alisar las transiciones entre los colores mezclando los tonos que están contenidos en la tabla de indexación seleccionada.
Además, la configuración ayudará a preservar los gradientes y la integridad de los sitios monocromáticos. Cuando se usa la dispensación aumenta el peso del archivo.
Ejemplo:
- Transparencia. El formato GIF admite solo píxeles absolutamente transparentes, o absolutamente opacos.
Este parámetro, sin ajuste adicional, muestra las curvas de líneas, dejando a las damas de píxeles.
El ajuste se llama "mate" (en algunos editores "Kaima"). Con él, está configurado para mezclar imágenes de píxeles con un fondo de la página en la que se ubicará. Para la mejor pantalla, elija un color correspondiente al color del fondo del sitio.
- Entrelazado. Uno de los más útiles para la configuración web. En el caso de que el archivo tenga un peso considerable, le permite mostrar inmediatamente una imagen en la página, ya que carga mejorando su calidad.
- La conversión SRGB ayuda a ahorrar los colores máximos de la imagen originales mientras se guarda.
Configuración de la "transparencia de diserción" empeora significativamente la calidad de la imagen, y hablaremos sobre el parámetro "pérdida" en la parte práctica de la lección.
Para la mejor comprensión del proceso de configuración de la preservación de los GIF en Photoshop, debe practicar.
Práctica
El objetivo de optimizar las imágenes para Internet es la reducción máxima del peso del archivo mientras se mantiene la calidad.
- Después de procesar la imagen, vaya al menú "ARCHIVO - GUARDAR PARA WEB".
- Exhibe el modo de vista "4 opciones".
- A continuación, necesita una de las opciones para hacer lo más similar al original. Deja que sea una imagen a la derecha de la fuente. Esto se hace para estimar el tamaño del archivo con la máxima calidad.
La configuración de la configuración es la siguiente:
- Esquema de color "selectivo".
- "Colores" - 265.
- "Diazering" es "aleatorio", 100%.
- Retire los DAWS opuestos al parámetro "Interlaced", ya que la imagen final de la imagen será bastante pequeña.
- "Colores web" y "Pérdidas" - Cero.
Compara el resultado con el original. En la parte inferior de la ventana de muestra, podemos ver el tamaño de GIF actual y la velocidad de carga en la velocidad de Internet especificada.
- Ve a la imagen de abajo, simplemente configurada. Intentemos optimizarlo.
- Dejar el esquema sin cambios.
- El número de colores reduce hasta 128.
- Valor de disfrazado reducido al 90%.
- Los colores web no tocan, porque en este caso no nos ayudará a mantener la calidad.
El tamaño de GIF disminuyó de 36.59 Kb a 26.85 KB.
- Dado que algunos fanáticos y pequeños defectos ya están presentes en la imagen, tratemos de aumentar las "pérdidas". Este parámetro define un nivel permisible de pérdida de datos al comprimir el GIF. Cambie el valor a 8.
Seguimos logramos reducir el tamaño del archivo, al tiempo que perdimos un poco de calidad. Los GIFS ahora pesan 25.9 kilobytes.
Total, pudimos reducir el tamaño de la imagen de aproximadamente 10 kb, que es más del 30%. Muy buen resultado.
- Las acciones adicionales son muy simples. Haga clic en el botón Guardar.
Elegimos un lugar para guardar, dale el nombre del GIF, y presionamos "Guardar" de nuevo.
Tenga en cuenta que hay una oportunidad junto con el GIF para crear un documento HTML al que se construirá nuestra imagen. Para hacer esto, es mejor elegir una carpeta vacía.
Como resultado, obtenemos una página y una carpeta con la imagen.
Sugerencia: al asignar un nombre de archivo, intente no usar caracteres cirílicos, ya que no todos los navegadores pueden leerlos.
Esta lección para guardar la imagen en el formato GIF se completa. En él, descubrimos cómo puede optimizar el archivo de ubicación en Internet.