Nachdem Sie eine Animation in Photoshop erstellt haben, muss es in einem der verfügbaren Formate gespeichert werden, von denen eines GIF ist. Ein Merkmal dieses Formats ist, dass es im Browser angezeigt (Abspielen) im Browser auszusehen.
Wenn Sie an anderen Optionen zum Speichern von Animationen interessiert sind, empfehlen wir Ihnen, diesen Artikel zu lesen:
Lektion: So speichern Sie das Video in Photoshop
Der Prozess der Erstellung einer GIF-Animation wurde in einem der vorherigen Lektionen beschrieben, und heute sprechen wir darüber, wie Sie die Datei im GIF-Format und auf Optimierungseinstellungen speichern können.
Lektion: Erstellen Sie eine einfache Animation in Photoshop
GIF speichern.
Um damit zu beginnen, wiederholen wir das Material und lesen das Fenster "Einstellungen speichern". Es wird geöffnet, indem Sie im Menü Datei auf das Element "Nach Web speichern" klicken.
Das Fenster besteht aus zwei Teilen: einem Vorschatzblock
und Einstellungsblock.
Blockvorschau
Wählen Sie die Anzahl der Ansichtsoptionen aus, die oben im Block ausgewählt ist. Je nach Bedarf können Sie die gewünschte Einstellung auswählen.
Das Bild in jedem Fenster, außer dem Original, ist separat konfiguriert. Dies geschieht, so dass Sie die optimale Option auswählen können.
Auf der linken Seite des Blocks gibt es einen kleinen Werkzeugsatz. Wir werden nur die "Hand" und "Skala" verwenden.
Mit der "Hand" können Sie das Bild innerhalb des ausgewählten Fensters verschieben. Die Wahl wird auch von diesem Werkzeug vorgenommen. "Skala" führt dieselbe Aktion aus. Ca. Das Bild löschen kann auch Tasten am unteren Rand des Blocks sein.
Under unten ist der Knopf mit der Inschrift "Ansicht". Es öffnet die ausgewählte Option im Standardbrowser.
Im Browserfenster können wir mit Ausnahme des Einstellens von Parametern auch HTML-GIF-Code erhalten.
Einstellungen blockieren
In diesem Block sind die Bildparameter konfiguriert, betrachten es mehr.
- Farbschema. Diese Einstellung bestimmt, welche Tabelle der indizierten Farben beim Optimieren auf das Bild angewendet wird.
- Wahrnehmungs- und einfaches "Schema der Wahrnehmung". Wenn es verwendet wird, erstellt Photoshop eine Tabelle der Farben, die von den aktuellen Bildschirmen geführt wird. Nach Angaben der Entwickler ist dieser Tisch so nahe wie möglich, wie das menschliche Auge die Farbe sieht. Plus - Das Bild ist das Nahe des Originals, die Farben sind maximal gespeichert.
- Das selektive Schema ist dem vorherigen ähnlich, aber die Farben, die sich auf das Web Secure für das Web befassen, werden überwiegend darin verwendet. Es konzentrierte sich auch auf das Display der Schattierungen, die ungefähr dem anfänglichen angenehm sind.
- Adaptiv. In diesem Fall wird die Tabelle aus Farben erstellt, die im Bild häufiger sind.
- Begrenzt. Besteht aus 77 Farben, von denen einige der Proben in Form eines Punktes (Getreide) durch Weiß ersetzt werden.
- Benutzerdefiniert. Bei der Auswahl dieses Schemas können Sie Ihre eigene Palette erstellen.
- Schwarz und weiß. Diese Tabelle verwendet nur zwei Farben (Schwarz und Weiß), auch mit Getreide.
- In Graustufen. Es gibt verschiedene 84 Stufen von Graustufen.
- Makos und Fenster. Tabellendaten werden basierend auf den Merkmalen von Abbildungsbildern in Browsern kompiliert, die diese Betriebssysteme ausführen.
Hier sind einige Beispiele für Anwenden von Schemata.
Wie Sie sehen, haben die ersten drei Proben eine ziemlich akzeptable Qualität. Trotz der Tatsache, dass sie visuell fast voneinander unterscheiden, funktionieren diese Systeme auf unterschiedlichen Bildern anders.
- Maximale Anzahl von Farben in der Farbtabelle.
Die Anzahl der Farbtöne im Bild beeinflusst das Gewicht direkt und dementsprechend in der Downloadgeschwindigkeit im Browser. Der Wert von 128 wird am häufigsten verwendet, da diese Einstellung fast nicht die Qualität beeinträchtigt, während das Gewicht des GIF reduziert wird.
- Webfarben. Diese Einstellung legt die Toleranz fest, mit der die Farbtöne umgewandelt werden, um von einer sicheren Bahnpalette gleichwertig zu sein. Das Feld der Datei wird durch den vom Schieberegler eingestellten Wert ermittelt: Der Wert ist höher - die Datei ist weniger. Bei der Einrichtung von Webfarben sollte auch keine Qualität vergessen.
Beispiel:
- Dysrying ermöglicht es Ihnen, die Übergänge zwischen den Farben durch Mischen der in der ausgewählten Indexierungstabelle enthaltenen Farben zu glätten.
Die Einstellung hilft auch, die Farbverläufe und die Integrität von monochromatischen Standorten zu erhalten. Bei Verwendung der Abgabe erhöht das Gewicht der Datei.
Beispiel:
- Transparenz. Das GIF-Format unterstützt nur absolut transparente oder absolut undurchsichtige Pixel.
Dieser Parameter, ohne zusätzliche Anpassung, zeigt schlecht die Linienkurven, die Pixel-Damen hinterlassen.
Die Anpassung heißt "matt" (in einigen Redakteuren "Kaima"). Damit ist es konfiguriert, Pixel-Bilder mit einem Hintergrund der Seite zu mischen, auf der es sich befindet. Wählen Sie für die beste Anzeige eine Farbe, die der Farbe des Site-Hintergrunds entspricht.
- Verschoben. Eine der nützlichsten für Webeinstellungen. Falls die Datei ein erhebliches Gewicht hat, können Sie sofort ein Bild auf der Seite anzeigen, da er die Verbesserung seiner Qualität lädt.
- Die SRGB-Konvertierung hilft beim Speichern maximaler Originalbildfarben beim Speichern.
Die Einrichtung von "Dysrying-Transparenz" verschlechtert die Bildqualität deutlich, und wir sprechen über den Parameter "Verlust" im praktischen Teil der Lektion.
Für das beste Verständnis des Prozesses, den Erhalt der Gifs in Photoshop aufzubauen, müssen Sie üben.
Üben
Das Ziel, Bilder für das Internet zu optimieren, ist die maximale Reduzierung des Gewichts der Datei, während die Qualität aufrechterhalten wird.
- Gehen Sie nach der Verarbeitung des Bildes in die "Datei - speichern für das Web speichern".
- Zahlen Sie den Ansichtsmodus "4 Option".
- Als Nächstes benötigen Sie eine der Optionen, um das Original am ähnlichsten zu machen. Lass es ein Bild rechts von der Quelle sein. Dies geschieht, um die Größe der Datei mit maximaler Qualität abzuschätzen.
Einstellungeneinstellungen sind wie folgt:
- Farbschema "selektiv".
- "Farben" - 265.
- "Dauer" ist "zufällig", 100%.
- Entfernen Sie die Daws gegenüber dem Parameter "Interlaced", da das endgültige Bild des Bildes recht klein ist.
- "Webfarben" und "Verluste" - Null.
Vergleichen Sie das Ergebnis mit dem Original. Am unteren Rand des Sample-Fensters können wir die aktuelle GIF-Größe und die Ladedrehzahl an der angegebenen Internetdrehzahl sehen.
- Gehen Sie zu dem gerade konfigurierten Bild. Versuchen wir, es zu optimieren.
- Lassen Sie das Schema unverändert.
- Die Anzahl der Farben reduziert bis zu 128.
- Dysmering-Wert wurde auf 90% reduziert.
- Webfarben berühren sich nicht, denn in diesem Fall hilft es nicht, die Qualität zu halten.
GIF-Größe verringerte sich von 36,59 kb auf 26,85 kB.
- Da einige Körnigkeit und kleine Mängel bereits auf dem Bild vorhanden sind, versuchen wir, "Verluste" zu erhöhen. Dieser Parameter definiert einen zulässigen Datenverlust bei der Komprimierung von GIF. Ändern Sie den Wert auf 8.
Wir haben es immer noch geschafft, die Größe der Datei zu reduzieren, während wir ein wenig in der Qualität verlieren. GIFs wiegt jetzt 25,9 Kilobyte.
Insgesamt konnten wir die Größe des Bildes etwa 10 kb reduzieren, was mehr als 30% beträgt. Sehr gutes Ergebnis.
- Weitere Aktionen sind sehr einfach. Klicken Sie auf die Schaltfläche Speichern.
Wir wählen einen Platz zum Speichern, geben Sie den Namen des GIF an und drücken Sie erneut "Speichern".
Bitte beachten Sie, dass zusammen mit dem GIF eine Gelegenheit besteht, ein HTML-Dokument zu erstellen, an dem unser Bild erstellt wird. Dazu ist es besser, einen leeren Ordner auszuwählen.
Infolgedessen erhalten wir eine Seite und einen Ordner mit dem Bild.
Tipp: Versuchen Sie beim Zuweisen eines Dateinamens, nicht kyrillische Zeichen zu verwenden, da nicht alle Browser sie lesen können.
Diese Lektion zum Speichern des Bildes im GIF-Format ist abgeschlossen. Darauf haben wir herausgefunden, wie Sie die Datei für die Platzierung im Internet optimieren können.