Efter att ha skapat en animering i Photoshop måste den sparas i ett av de tillgängliga formaten, varav en är GIF. Ett inslag i detta format är att det är avsett att visa (spela) i webbläsaren.
Om du är intresserad av andra alternativ för att spara animering rekommenderar vi att du läser den här artikeln:
Lektion: Så här sparar du video i Photoshop
Processen med att skapa en GIF-animering beskrivs i en av de tidigare lektionerna, och idag kommer vi att prata om hur man sparar filen i GIF-format och på optimeringsinställningar.
Lektion: Skapa en enkel animering i Photoshop
Sparande gif.
Till att börja med upprepar vi materialet och läs fönstret Spara inställningar. Den öppnas genom att klicka på "Spara för webben" i filmenyn.
Fönstret består av två delar: ett förhandsgranskningsblock
och inställningsblocket.
Block förhandsgranskning
Välj antal visningsalternativ väljs längst upp i blocket. Beroende på behoven kan du välja önskad inställning.
Bilden i varje fönster, utom originalet, är konfigurerat separat. Detta görs så att du kan välja det optimala alternativet.
På vänster sida av blocket finns en liten uppsättning verktyg. Vi kommer bara att använda "hand" och "skala".
Använda "hand" Du kan flytta bilden i det valda fönstret. Valet är också gjord av det här verktyget. "Skala" utför samma åtgärd. Ung och ta bort bilden kan också vara knappar längst ner i blocket.
Lågt Nedan är knappen med inskriptionen "Visa". Den öppnar det valda alternativet i standardwebbläsaren.
I webbläsarfönstret, med undantag för inställningsparametrar, kan vi också få HTML GIF-kod.
Blockera inställningar
I det här blocket är bildparametrarna konfigurerade, överväga det mer.
- Färgschema. Denna inställning bestämmer vilken tabell med indexerade färger som ska tillämpas på bilden när du optimerar.
- Perceptuell, och helt enkelt "system av uppfattning." När den används skapar Photoshop ett bord med färger, styrd av bildens nuvarande nyanser. Enligt utvecklarna är denna tabell så nära som möjligt för hur det mänskliga ögat ser färgen. Plus - Bilden är den mest nära originalet, färgerna sparas maximalt.
- Det selektiva systemet liknar den föregående, men färgerna som är relaterade till webben säkert för banan används huvudsakligen i den. Det fokuserade också på visning av nyanser som är ungefärlig för den ursprungliga.
- Adaptiv. I det här fallet är bordet skapat från färger som är vanligare i bilden.
- Begränsad. Består av 77 färger, några av de prover som ersätts med vit i form av en punkt (korn).
- Beställnings. När du väljer det här systemet är det möjligt att skapa din egen palett.
- Svartvitt. Denna tabell använder endast två färger (svartvitt), även med korn.
- I grå grå. Det finns olika 84 nivåer av gråtoner.
- MacOS och Windows. Borddata sammanställs baserat på funktionerna i kartläggningsbilder i webbläsare som kör dessa operativsystem.
Här är några exempel på att använda system.
Som du kan se har de tre första proverna ganska acceptabel kvalitet. Trots det faktum att de visuellt inte skiljer sig från varandra, på olika bilder kommer dessa system att fungera annorlunda.
- Maximalt antal färger i färgtabellen.
Antalet nyanser i bilden påverkar direkt sin vikt och, följaktligen på nedladdningshastigheten i webbläsaren. Värdet på 128 används oftast, eftersom denna inställning nästan inte påverkar kvaliteten, samtidigt som gifens vikt minskar.
- Webfärger. Denna inställning fastställer toleransen med vilken nyanserna omvandlas till motsvarande från en säker webbpalett. Filområdet bestäms av det värde som skjutreglaget ställt: värdet är högre - filen är mindre. När du konfigurerar webbfärger ska du inte glömma kvaliteten.
Exempel:
- Dysrying gör att du kan släta ut övergångarna mellan färger genom att blanda de nyanser som finns i det valda indexeringsbordet.
Dessutom kommer inställningen att hjälpa till att bevara gradienterna och integriteten hos monokromatiska platser. När du använder dispensering ökar filens vikt.
Exempel:
- Genomskinlighet. GIF-formatet stöder bara absolut transparenta eller absolut ogenomskinliga pixlar.
Denna parameter, utan ytterligare justering, visar dåligt linjekurvorna, lämnar pixel damer.
Justeringen kallas "matt" (i vissa redaktörer "Kaima"). Med det är det konfigurerat att blanda pixlar bilder med en bakgrund av sidan där den kommer att ligga. För den bästa displayen, välj en färg som motsvarar färgen på platsbakgrunden.
- Interlaced. En av de mest användbara för webbinställningar. Om filen har en stor vikt kan du omedelbart visa en bild på sidan, eftersom den laddar upp dess kvalitet.
- SRGB-konvertering hjälper till att spara maximala originalbildsfärger samtidigt som du sparar.
Ställa in "Dysrying Transparency" försämrar bildkvaliteten avsevärt, och vi kommer att prata om parametern "förlust" i den praktiska delen av lektionen.
För bästa förståelse för processen med att inrätta bevarande av GIF i Photoshop måste du träna.
Öva
Målet att optimera bilder för Internet är den maximala reduktionen av filens vikt samtidigt som kvaliteten upprätthålls.
- Efter att ha bearbetat bilden, gå till menyn "Arkiv - Spara för webben".
- Visa visningsläget "4 alternativ".
- Därefter behöver du ett av de alternativ som är mest liknar originalet. Låt det vara en bild till höger om källan. Detta görs för att uppskatta storleken på filen med maximal kvalitet.
Inställningar Inställningar är som följer:
- Färgschema "selektivt".
- "Färger" - 265.
- "Diazering" är "slumpmässig", 100%.
- Ta bort dagarna mittemot parametern "Interlaced", eftersom den sista bilden av bilden blir ganska liten.
- "Webfärger" och "förluster" - noll.
Jämför resultatet med originalet. I botten av provfönstret kan vi se den aktuella GIF-storleken och laddningshastigheten vid den angivna Internethastigheten.
- Gå till bilden nedan just konfigurerad. Låt oss försöka optimera det.
- Lämna systemet oförändrat.
- Antalet färger minskar upp till 128.
- Dysmeringsvärdet reduceras till 90%.
- Webbfärger berör inte, för i det här fallet hjälper det inte oss att hålla kvalitet.
GIF-storleken minskade från 36,59 kb till 26,85 Kb.
- Eftersom vissa kornighet och små defekter redan finns på bilden, låt oss försöka öka "förluster". Denna parameter definierar en tillåten nivå av dataförlust vid komprimering av GIF. Ändra värdet till 8.
Vi lyckades fortfarande minska storleken på filen, samtidigt som du förlorade lite i kvalitet. Gifs väger nu 25,9 kilobytes.
Totalt kunde vi minska storleken på bilden ca 10 kb, vilket är mer än 30%. Mycket bra resultat.
- Ytterligare åtgärder är mycket enkla. Klicka på Spara-knappen.
Vi väljer en plats att spara, ge namnet på GIF och tryck på "Spara" igen.
Observera att det finns ett tillfälle tillsammans med GIF för att skapa ett HTML-dokument som vår bild kommer att byggas. För att göra detta är det bättre att välja en tom mapp.
Som ett resultat får vi en sida och en mapp med bilden.
Tips: När du tilldelar ett filnamn, försök att inte använda kyrilliska tecken, för att inte alla webbläsare kan läsa dem.
Denna lektion för att spara bilden i GIF-format är klar. På det fann vi hur du kan optimera filen för placering på Internet.