Sådan holder du GIF i Photoshop

Efter at have oprettet en animation i Photoshop, skal den gemmes i en af ​​de tilgængelige formater, hvoraf den ene er GIF. Et træk ved dette format er, at det er meningen at vise (afspilning) i browseren.

Hvis du er interesseret i andre muligheder for at gemme animation, anbefaler vi at læse denne artikel:

Lektion: Sådan gemmes video i Photoshop

Processen med at oprette en GIF-animation blev beskrevet i en af ​​de foregående lektioner, og i dag vil vi tale om, hvordan man gemmer filen i GIF-format og på optimeringsindstillinger.

Lektion: Opret en simpel animation i Photoshop

Gemmer GIF.

Til at begynde med gentager vi materialet og læser vinduet Gem indstillinger. Det åbner ved at klikke på "Gem for Web" -elementet i menuen Filer.

Vinduet består af to dele: en forhåndsvisningsblok

og indstillingsblok.

Blok preview

Vælg antallet af visningsindstillinger er valgt øverst på blokken. Afhængigt af behovene kan du vælge den ønskede indstilling.

Billedet i hvert vindue, undtagen originalen, er konfigureret separat. Dette gøres, så du kan vælge den optimale mulighed.

I venstre side af blokken er der et lille sæt værktøjer. Vi vil kun bruge "hånd" og "skala".

Brug af "Hand" Du kan flytte billedet i det valgte vindue. Valget er også lavet af dette værktøj. "Skala" udfører den samme handling. Ca. og Slet Billedet kan også være knapper nederst på blokken.

Lavt nedenfor er knappen med indskriften "View". Det åbner den valgte indstilling i standardbrowseren.

I browservinduet, bortset fra at indstille parametre, kan vi også få HTML GIF-kode.

Blokere indstillinger.

I denne blok er billedparametrene konfigureret, overvej det mere.

1. Farveskema. Denne indstilling bestemmer, hvilken tabel med indekserede farver der skal anvendes på billedet, når du optimerer.

   

   • Perceptuel og simpelthen "ordning for opfattelse". Når det bruges, opretter Photoshop en tabel med farver, der styres af de nuværende nuancer af billedet. Ifølge udviklerne er denne tabel så tæt som muligt på, hvordan det menneskelige øje ser farven. Plus - billedet er mest tæt på originalen, farverne er maksimalt gemt.
   • Den selektive ordning svarer til den forrige, men farverne relateret til internettet, der er sikker for internettet, bruges overvejende i den. Det fokuserede også på visning af nuancer omtrentlig til den oprindelige.
   • Fleksibel. I dette tilfælde oprettes bordet fra farver, der er mere almindelige i billedet.
   • Begrænset. Består af 77 farver, hvoraf nogle af prøverne er erstattet med hvidt i form af et punkt (korn).
   • Brugerdefinerede. Når du vælger denne ordning, er det muligt at oprette din egen palette.
   • Sort og hvid. Denne tabel bruger kun to farver (sort / hvid), også ved hjælp af korn.
   • I grå kvaliteter. Der er forskellige 84 niveauer af gråtoner.
   • MacOS og Windows. Borddataene udarbejdes baseret på funktionerne i kortlægning af billeder i browsere, der kører disse operativsystemer.

   Her er nogle eksempler på påføring af ordninger.

   

   Som du kan se, har de første tre prøver helt acceptabel kvalitet. På trods af at visuelt ikke ikke adskiller sig fra hinanden, vil disse ordninger på forskellige billeder fungere forskelligt.

2. Maksimalt antal farver i farvetabellen.

   

   Antallet af nuancer i billedet påvirker direkte dets vægt, og følgelig på downloadhastigheden i browseren. Værdien af ​​128 bruges oftest, da denne indstilling næsten ikke påvirker kvaliteten, samtidig med at vægten af ​​GIF'en reduceres.

   

3. Webfarver. Denne indstilling etablerer den tolerance, som nuancerne konverteres til tilsvarende fra en sikker webpalette. Filfeltet bestemmes af værdien af ​​skyderen: Værdien er højere - filen er mindre. Når du opretter webfarver, skal du ikke også glemme kvaliteten.

   

   Eksempel:

   

4. Dystyr giver dig mulighed for at udjævne overgangen mellem farver ved at blande de nuancer, der er indeholdt i det valgte indekseringstabel.

   

   Indstillingen vil også hjælpe, hvordan man bevarer gradienterne og integriteten af ​​monokromatiske steder. Ved brug af dispensering øger filen af ​​filen.

   Eksempel:

   

5. Gennemsigtighed. GIF-formatet understøtter kun absolut gennemsigtige eller absolut uigennemsigtige pixels.

   

   Denne parameter, uden yderligere justering, viser dårligt linjeskurverne, der forlader pixel damer.

   

   Justeringen kaldes "Matte" (i nogle redaktører "Kaima"). Med det er den konfigureret til at blande pixels billeder med en baggrund af den side, som den vil blive placeret på. For den bedste skærm skal du vælge en farve svarende til farven på webstedets baggrund.

   

6. Interlaced. En af de mest nyttige til webindstillinger. I tilfælde af at filen har en betydelig vægt, kan du straks vise et billede på siden, da det læser forbedring af kvaliteten.

   

7. SRGB-konvertering hjælper med at gemme maksimale originale billedfarver, mens du gemmer.

   

Opsætning af "dystyr gennemsigtighed" forværrer signifikant billedkvaliteten, og vi vil tale om parameteren "tab" i den praktiske del af lektionen.

For den bedste forståelse af processen med at oprette bevarelsen af ​​GIFS i Photoshop, skal du øve.

Øve sig

Målet med at optimere billeder til internettet er den maksimale reduktion af filens vægt, samtidig med at kvaliteten opretholdes.

1. Når du har behandlet billedet, skal du gå til menuen "File - Gem for Web".
2. Udstilling af "4-option" View-tilstanden.

   

3. Dernæst har du brug for en af ​​mulighederne for at gøre mest ud til originalen. Lad det være et billede til højre for kilden. Dette gøres for at estimere størrelsen af ​​filen med maksimal kvalitet.

   Indstillinger indstillinger er som følger:

   • Farveskema "selektiv".
   • "Farver" - 265.
   • "Diazering" er "tilfældigt", 100%.
   • Fjern daven overfor "interlaced" parameteren, da det sidste billede af billedet vil være ret lille.
   • "Web farver" og "tab" - nul.

     

   Sammenlign resultatet med originalen. I bunden af ​​prøvevinduet kan vi se den aktuelle GIF-størrelse og indlæsningshastigheden ved den angivne internethastighed.

   

4. Gå til billedet nedenfor, lige konfigureret. Lad os prøve at optimere det.
   • Forlad ordningen uændret.
   • Antallet af farver reducerer op til 128.
   • Dysering værdi reduceret til 90%.
   • Web-farver rører ikke, fordi det i dette tilfælde ikke hjælper os med at holde kvaliteten.

     

   GIF-størrelse faldt fra 36,59 kb til 26,85 kb.

   

5. Da nogle korniness og små defekter allerede er til stede i billedet, lad os forsøge at øge "tab". Denne parameter definerer et tilladt niveau af data tab ved komprimering af GIF. Ændre værdien til 8.

   

   Vi formåede stadig at reducere størrelsen af ​​filen, mens vi taber lidt i kvalitet. GIFS vejer nu 25,9 kilobytes.

   

   I alt var vi i stand til at reducere størrelsen af ​​billedet omkring 10 KB, hvilket er mere end 30%. Meget godt resultat.

6. Yderligere handlinger er meget enkle. Klik på knappen Gem.

   

   Vi vælger et sted at gemme, giv navnet på GIF'en, og tryk på "Gem" igen.

   

   Bemærk venligst, at der er en mulighed sammen med GIF for at oprette et HTML-dokument, som vores billede vil blive bygget på. For at gøre dette er det bedre at vælge en tom mappe.

   

   Som følge heraf får vi en side og en mappe med billedet.

   

Tip: Når du tildeler et filnavn, skal du prøve ikke at bruge cyrilliske tegn, fordi ikke alle browsere er i stand til at læse dem.

Denne lektion for at gemme billedet i GIF-formatet er afsluttet. På den fandt vi ud af, hvordan du kan optimere filen for placering på internettet.