Despois de crear unha animación en Photoshop, debe ser gardado nun dos formatos dispoñibles, un dos cales é GIF. Unha característica deste formato é que está destinada a amosar (xogar) no navegador.
Se estás interesado en outras opcións para gardar a animación, recomendamos ler este artigo:
Lección: Como gardar o vídeo en Photoshop
O proceso de creación dunha animación GIF foi descrita nunha das leccións anteriores, e hoxe falaremos sobre como gardar o ficheiro en formato GIF e na configuración de optimización.
Lección: Crear unha animación sinxela en Photoshop
Aforrar GIF.
Para comezar, repitimos o material e lea a xanela de Configuración de Gardar. Abre premendo no elemento "Gardar para a web" no menú Ficheiro.
A xanela consta de dúas partes: un bloque de vista previa
e bloque de configuración.
PREVIEW BLOQUE
Seleccione o número de opcións de vista que se selecciona na parte superior do bloque. Dependendo das necesidades, pode seleccionar a configuración desexada.
A imaxe en cada xanela, excepto o orixinal, está configurado por separado. Isto faise para que poida escoller a opción ideal.
No lado esquerdo do bloque hai un pequeno conxunto de ferramentas. Usaremos só a "man" e "escala".
Usando a "man" pode mover a imaxe dentro da xanela seleccionada. A elección tamén está feita por esta ferramenta. "Escala" realiza a mesma acción. Aprox e borrar a imaxe tamén pode ser botóns na parte inferior do bloque.
Baixo abaixo é o botón coa inscrición "Ver". Abre a opción seleccionada no navegador predeterminado.
Na xanela do navegador, excepto para a configuración de parámetros, tamén podemos obter código GIF HTML.
Configuración do bloque
Neste bloque, os parámetros de imaxe están configurados, considérano máis.
- Esquema de cores. Esta configuración determina cal será aplicada a táboa de cores indexadas á imaxe ao optimizar.
- Perceptual e simplemente "esquema de percepción". Cando se usa, Photoshop crea unha táboa de cores, guiada polos matices actuais da imaxe. Segundo os desenvolvedores, esta táboa é o máis próximo posible a como o ollo humano ve a cor. Ademais: a imaxe é a máis próxima ao orixinal, as cores son maximamente gardadas.
- O esquema selectivo é similar ao anterior, pero as cores relacionadas coa web segura para a web son predominantemente utilizadas nel. Tamén se centra na exhibición de tons aproximar á inicial.
- Adaptativo. Neste caso, a táboa créase a partir de cores que son máis comúns na imaxe.
- Limitado. Consta de 77 cores, algunhas das mostras das que son substituídas por branco en forma de punto (gran).
- Custom. Ao elixir este esquema, é posible crear a túa propia paleta.
- Branco e negro. Esta táboa usa só dúas cores (branco e negro), tamén usando grans.
- En graos de gris. Hai varios 84 niveis de grises.
- MacOS e Windows. Os datos da táboa son compilados en función das características das imaxes de mapeamento nos navegadores que executan estes sistemas operativos.
Aquí tes algúns exemplos de aplicar esquemas.
Como podes ver, as tres primeiras mostras teñen unha calidade bastante aceptable. A pesar do feito de que visualmente, case non difiren entre si, en diferentes imaxes, estes réximes funcionarán de forma diferente.
- Número máximo de cores na táboa de cores.
O número de tons da imaxe afecta directamente o seu peso e, en consecuencia, na velocidade de descarga do navegador. O valor de 128 úsase máis frecuentemente, xa que esta configuración case non afecta a calidade, ao reducir o peso do GIF.
- Cores web. Esta configuración establece a tolerancia coa que as sombras son convertidas a equivalentes desde unha paleta web segura. O campo do ficheiro está determinado polo valor establecido polo control deslizante: o valor é maior: o ficheiro é menor. Ao configurar cores web non debe esquecer tamén a calidade.
Exemplo:
- A disryación permítelle suavizar as transicións entre as cores mesturando as sombras que están contidas na táboa de indexación seleccionada.
Ademais, a configuración axudará a preservar os gradientes ea integridade dos sitios monocromáticos. Ao usar dispensación aumenta o peso do ficheiro.
Exemplo:
- Transparencia. O formato GIF soporta só píxeles absolutamente transparentes ou absolutamente opacos.
Este parámetro, sen axuste adicional, mostra mal as curvas das liñas, deixando as mulleres de píxeles.
O axuste chámase "mate" (nalgúns editores "Kaima"). Con el, está configurado para mesturar imaxes de píxeles cun fondo da páxina sobre a que se localizará. Para a mellor pantalla, escolla unha cor correspondente á cor do fondo do sitio.
- Entrelazado. Un dos máis útiles para a configuración web. No caso de que o ficheiro teña un peso considerable, permítelle mostrar inmediatamente unha imaxe na páxina, xa que carga a mellora da súa calidade.
- A conversión SRGB axuda a gardar as cores de imaxe orixinais máximas ao gardar.
Configurar "A transparencia de disrying" empeora significativamente a calidade da imaxe e falaremos do parámetro "perda" na parte práctica da lección.
Para a mellor comprensión do proceso de configurar a preservación de GIFS en Photoshop, debes practicar.
Práctica
O obxectivo de optimizar as imaxes para Internet é a máxima redución do peso do ficheiro mentres mantén a calidade.
- Despois de procesar a imaxe, vai ao menú "Ficheiro - Gardar para web".
- Exponir o modo de vista "4 opción".
- A continuación, necesitas unha das opcións para facer o máis parecido ao orixinal. Deixe que sexa unha imaxe á dereita da fonte. Isto faise para estimar o tamaño do ficheiro con máxima calidade.
A configuración de configuración é a seguinte:
- Esquema de cores "selectivo".
- "Cores" - 265.
- "Diazering" é "aleatorio", 100%.
- Retire as daws fronte ao parámetro "entrelazado", xa que a imaxe final da imaxe será bastante pequena.
- "Cores web" e "perdas" - cero.
Comparar o resultado co orixinal. Na parte inferior da xanela da mostra, podemos ver o tamaño GIF actual e a velocidade de carga na velocidade de Internet especificada.
- Vaia á imaxe de abaixo recentemente configurada. Intentemos optimizalo.
- Deixe o esquema sen cambios.
- O número de cores reducen ata 128.
- O valor de dismering reducido ao 90%.
- As cores web non tocan, porque neste caso non nos axudará a manter a calidade.
O tamaño GIF diminuíu de 36,59 Kb a 26,85 KB.
- Dado que algúns graxos e pequenos defectos xa están presentes na imaxe, intentemos aumentar "perdas". Este parámetro define un nivel permitido de perda de datos ao comprimir GIF. Cambia o valor a 8.
Aínda conseguimos reducir o tamaño do ficheiro, mentres perdemos un pouco de calidade. Os gifs agora pesan 25,9 kilobytes.
Total, puidemos reducir o tamaño da imaxe uns 10 KB, que é máis do 30%. Moi bo resultado.
- As outras accións son moi sinxelas. Fai clic no botón Gardar.
Eliximos un lugar para gardar, dar o nome do GIF e premer de novo "Gardar".
Ten en conta que hai unha oportunidade xunto co GIF para crear un documento HTML ao que se construirá a nosa imaxe. Para iso, é mellor escoller un cartafol baleiro.
Como resultado, obtemos unha páxina e unha carpeta coa imaxe.
Consello: Ao asignar un nome de ficheiro, intente non usar caracteres cirílicos, porque non todos os navegadores son capaces de lelos.
Esta lección para gardar a imaxe no formato GIF complétase. Nel, descubrimos como pode optimizar o ficheiro para a colocación en internet.