Wie kann man Gif in Photoshop halten?

Anonim

Wie kann man Gif in Photoshop halten?

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.

Punkt speichern für das Web im Menü Datei, um die Gifs in Photoshop zu speichern

Das Fenster besteht aus zwei Teilen: einem Vorschatzblock

Eine Kid-Einheit in den Einstellungen der Parameter der Erhaltung der Gifs in Photoshop

und Einstellungsblock.

Blockieren Sie die Einstellungen im Fenster der Gifki-Konservierungs-Einstellungen in Photoshop

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.

Auswählen von Anzeigenoptionen im Fenster Gifki-Konservierungseinstellungen in Photoshop

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.

Hand- und Skalierungswerkzeuge im Fenster Gifki-Konservierungseinstellungen in Photoshop

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.

Bildwaage im Fenster Gifki-Konservierungseinstellungen in Photoshop

Under unten ist der Knopf mit der Inschrift "Ansicht". Es öffnet die ausgewählte Option im Standardbrowser.

Bildansicht-Taste im Browser im Einstellungsfenster der Gifting-Parameter in Photoshop

Im Browserfenster können wir mit Ausnahme des Einstellens von Parametern auch HTML-GIF-Code erhalten.

Vorschau des Bildes im Standardbrowser, während Sie die Gifs in Photoshop aufrechterhalten

Einstellungen blockieren

In diesem Block sind die Bildparameter konfiguriert, betrachten es mehr.

  1. Farbschema. Diese Einstellung bestimmt, welche Tabelle der indizierten Farben beim Optimieren auf das Bild angewendet wird.

    Auswahl der Farbindexing-Schema während der Wartung von Gifs in Photoshop

    • 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.

    Bildmuster mit verschiedenen Farben indexiert Tische, während Sie Gifs in Photoshop aufrechterhalten

    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.

  2. Maximale Anzahl von Farben in der Farbtabelle.

    Festlegen der maximalen Anzahl der Farben in der Indextabelle, während Sie die Gifs in Photoshop aufrechterhalten

    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.

    Beispiele für Einstellungen für die maximale Anzahl von Farben in der Indexierungstabelle, während die Gifs in Photoshop aufrechterhalten werden

  3. 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.

    Einstellen der Bildkonvertierungstoleranz in Webfarben, während Sie Gifs in Photoshop aufrechterhalten

    Beispiel:

    Beispiele für die Einrichtung der Farbumwandlung in WEEB, während Sie Gifs in Photoshop aufrechterhalten

  4. Dysrying ermöglicht es Ihnen, die Übergänge zwischen den Farben durch Mischen der in der ausgewählten Indexierungstabelle enthaltenen Farben zu glätten.

    Dystering-Einstellung während der Wartung von Gifs in Photoshop

    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:

    Beispiele für die Anwenden von Dystering-Einstellungen bei der Aufrechterhaltung der Gifs in Photoshop

  5. Transparenz. Das GIF-Format unterstützt nur absolut transparente oder absolut undurchsichtige Pixel.

    Festlegen der Hintergrundtransparenz während der Wartung von Gifs in Photoshop

    Dieser Parameter, ohne zusätzliche Anpassung, zeigt schlecht die Linienkurven, die Pixel-Damen hinterlassen.

    Beispiele für die Verwendung von Anpassungsmatten bei der Aufrechterhaltung der Gifs in Photoshop

    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.

    Einstellen des Mischens von Pixelbildern mit dem Hintergrund der Presseseiten Resoe in Photoshop

  6. 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.

    Festlegen der Interlaced, während Sie Gifs in Photoshop aufrechterhalten

  7. Die SRGB-Konvertierung hilft beim Speichern maximaler Originalbildfarben beim Speichern.

    Festlegen der Konvertierung von Farben in SRGB, während Sie Gifs in Photoshop aufrechterhalten

Die Einrichtung von "Dysrying-Transparenz" verschlechtert die Bildqualität deutlich, und wir sprechen über den Parameter "Verlust" im praktischen Teil der Lektion.

Dysiraying-Einstellungen für Transparenz- und Datenverlust bei der Aufrechterhaltung der GIFs in Photoshop

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.

  1. Gehen Sie nach der Verarbeitung des Bildes in die "Datei - speichern für das Web speichern".
  2. Zahlen Sie den Ansichtsmodus "4 Option".

    Auswahl der Anzahl der Optionen zum Anzeigen von Ergebnissen bei der Aufrechterhaltung der Gifs in Photoshop

  3. 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.

      Festlegen der Parameter des Referenzbildes, während Sie die Gifs in Photoshop aufrechterhalten

    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.

    Vergleich des Ergebnisses der Optimierung des Bildes mit dem Original, während die Gifs in Photoshop aufrechterhalten wird

  4. 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.

      Setzen Sie die Zielbildparameter ein, während Sie die Gifs in Photoshop aufrechterhalten

    GIF-Größe verringerte sich von 36,59 kb auf 26,85 kB.

    Reduzierte Bildgröße nach der Optimierung bei der Aufrechterhaltung der Gifs in Photoshop

  5. 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.

    Festlegen der Ebene des zulässigen Datenverlusts beim Komprimieren von GIF, um die Gifs in Photoshop zu speichern

    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.

    Bildgröße nach dem Einrichten von Verlust beim Aufrechterhalten von Gifs in Photoshop

    Insgesamt konnten wir die Größe des Bildes etwa 10 kb reduzieren, was mehr als 30% beträgt. Sehr gutes Ergebnis.

  6. Weitere Aktionen sind sehr einfach. Klicken Sie auf die Schaltfläche Speichern.

    Speichern Sie die Taste im Fenster Gifki-Konservierungseinstellungen in Photoshop

    Wir wählen einen Platz zum Speichern, geben Sie den Namen des GIF an und drücken Sie erneut "Speichern".

    Wählen Sie einen Ort und einen Namen der Erhaltung der Gifs in Photoshop

    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.

    Speichern von Gifs zusammen mit dem HTML-Dokument in Photoshop

    Infolgedessen erhalten wir eine Seite und einen Ordner mit dem Bild.

    Ordner mit gespeicherten GIF in Photoshop

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.

Weiterlesen