Nodeems Dir eng Animatioun am Photoshop erstallt hutt, musst Dir se an engem vun de verfügbare Formater späicheren, eng dovun ass GIFAn. Eng Feature vun dësem Format ass datt et geduecht ass fir ze weisen (Playback) an engem Browser.
Wann Dir un aner Méiglechkeeten interesséiert sidd fir Animatioun ze spueren, da recommandéiere mir dësen Artikel ze liesen:
Lektioun: Wéi een Video am Photoshop späichert
Kreatiounsprozess GIF Animatioun gouf an engem vun de viregte Lektioune beschriwwen, an haut schwätze mer iwwer wéi d'Datei am Format gespäichert gëtt GIF an iwwer Optimiséierungsastellungen.
Lektioun: Maacht eng einfach Animatioun am Photoshop
GIF spueren
Als éischt, loosst eis d'Material widderhuelen a vertraut mat der Spuer Astellungsfenster ginn. Et öffnet andeems Dir op den Artikel klickt. Spuert fir Web am Menu Datei.
D'Fenster besteet aus zwee Deeler: e Virschaublock
an Astellunge blockéieren.
Preview Block
D'Wiel vun der Unzuel u Kucktoptiounen gëtt uewen op der Spär ausgewielt. Ofhängeg vun Äre Bedierfnesser, kënnt Dir déi gewënschten Astellung auswielen.
D'Bild an all Fenster, ausser dem Original, ass separat konfiguréiert. Dëst gëtt gemaach fir datt Dir déi bescht Optioun wielt.
Am ieweschten lénksen Deel vum Block ass e klenge Set mat Tools. Mir benotze just "Hand" an "Skala".
Mat Hänn Dir kënnt d'Bild an der gewielter Fënster réckelen. D'Auswiel ass och mat dësem Tool gemaach. "Skala" leet déiselwecht Aktioun aus. Dir kënnt mat de Knäppercher um Enn vum Block zoomen an eraus.
Drënner ass e Knäppchen mat der Inscriptioun GesinnAn. Et öffnet déi gewielte Optioun am Standard Browser.
An der Browserfenster, nieft engem Set vu Parameteren, kënne mir och kréien HTML Code GIFen
Astellunge blockéieren
An dësem Block sinn d'Bildparameter ugepasst, mir wäerte et méi detailléiert betruechten.
- Faarfschema. Dës Astellung bestëmmt wéi eng indexéiert Faarfdësch op d'Bild wärend der Optimisatioun ugewannt gëtt.
- Perceptuell, awer einfach e "Perceptiounsplang." Wann Dir applizéiert, erstellt Photoshop e Faarftabell, guidéiert vun den aktuellen Faarwen vum Bild. Geméiss den Entwéckler ass dës Tabell sou no wéi méiglech un wéi d'mënschlecht Auge Faarwen gesäit. Plus - d'Bild am nootsten vum Original, d'Faarwen gi maximal konservéiert.
- Selektiv De Schema ass ähnlech wéi dee virdru, awer et benotzt haaptsächlech Faarwen déi sécher sinn fir de Web. Et gëtt och de Schwéierpunkt op der Affichage vu Schatten no beim Original.
- AdaptivAn. An dësem Fall gëtt den Dësch erstallt vu Faarwen déi méi heefeg am Bild sinn.
- LimitéiertAn. Et besteet aus 77 Faarwen, e puer vun deenen duerch Wäiss a Form vun engem Punkt (Korn) ersat ginn.
- BenotzerdefinéiertAn. Wann Dir dëse Schema wielt, gëtt et méiglech Är eege Palette ze kreéieren.
- Schwaarz a wäissAn. Nëmmen zwee Faarwen ginn an dësem Dësch (schwaarz a wäiss) benotzt, a benotzt och d'Graffgréisst.
- A GrostufenAn. Verschidde 84 Niveaue vu Schiet gi gro benotzt.
- MacOS an WindowsAn. Dës Dëscher ginn zesummegesat baséiert op d'Features fir d'Biller ze weisen an Browser déi dës Betribssystemer hunn.
Hei sinn e puer Beispiller vu Circuitverbrauch.
Wéi Dir kënnt gesinn, sinn déi éischt dräi Proben vu ganz akzeptabel Qualitéit. Trotz der Tatsaach datt visuell si bal net vuneneen ënnerscheeden, funktionnéieren dës Schemaen op verschiddene Biller.
- Déi maximal Unzuel vu Faarwen an engem Faarftabell.
D'Zuel vu Schatten am Bild beaflosst direkt säi Gewiicht, an deementspriechend d'Downloadgeschwindegkeet am Browser. Meescht allgemeng benotzt Wäert 128, well sou eng Astellung bal keen Effekt op d'Qualitéit huet, wärend d'Gewiicht vum GIF reduzéiert gëtt.
- Web Faarwen. Dës Astellung setzt d'Toleranz mat deenen d'Schatten un Äquivalente vun enger sécherer Web Palette ëmgewandelt ginn. D'Gewiicht vun der Datei gëtt vum Wäert festgeluegt vum Schieber: de Wäert ass méi héich - d'Datei ass méi kleng. Wann Dir Webfarben opstellt, vergiesst net iwwer d'Qualitéit.
E Beispill:
- Dithering erlaabt Iech d'Transitioune tëscht de Faarwen ze vermëschen andeems Dir d'Schatten an der gewielter Indexéierungstabell vermëschen.
Och d'Upassung hëlleft, sou wäit wéi méiglech, d'Gradienten an d'Integritéit vu monophonesche Sektiounen ze erhaalen. Wann dithering ugewandt ass, erhéicht d'Datei Gewiicht.
E Beispill:
- Transparenz Format GIF ënnerstëtzt nëmmen absolut transparent oder absolut oppen Pixelen.
Dëse Parameter, ouni zousätzlech Upassung, weist schlecht gebogen Linnen a léisst Pixelladder hannerloossen.
Fine Tuning gëtt genannt "Matt" (an e puer Editiounen "Grenz") Mat senger Hëllef ass Pixel vum Bild mam Hannergrond vun der Säit gemëscht konfiguréiert. Fir de beschten Affichage, wielt eng Faarf déi mat der Hannergrondfaarf vum Site entsprécht.
- Interlacéiert. Ee vun de nëtzlechsten fir Web Astellungen. An dësem Fall, wann d'Datei bedeitend Gewiicht huet, erlaabt et Iech direkt d'Bild op der Säit ze weisen, wat d'Qualitéit verbessert wéi se lued.
- De sRGB Konversioun hëlleft beim Erspuerten de Maximum vun den originale Bildfaarwen ze halen.
Personnalisatioun "Iwwerginn vun der Transparenz" däitlech degradéiert d'Bildqualitéit, an iwwer de Parameter "Verloschter" mir schwätzen am prakteschen Deel vun der Lektioun.
Fir e bessere Verständnis vum Prozess vun der Astellung vum GIF Spueren am Photoshop, musst Dir üben.
Praxis
D'Zil fir d'Biller fir den Internet ze optimiséieren ass d'Datei Gewiicht ze minimiséieren, wärend d'Qualitéit oprecht erhalen.
- Nodeems Dir d'Bild veraarbecht hutt, gitt op d'Menüskaart Datei - späichere fir de Web.
- Mir setzen de Bléckmodus "4 Optiounen".
- Als nächst musst Dir eng vun den Optiounen sou ähnlech wéi méiglech mam Original maachen. Loosst et ass d'Bild riets vun der Quell. Dëst gëtt gemaach fir d'Dateigréisst op maximal Qualitéit ze schätzen.
Parameter Astellunge sinn wéi follegt:
- Faarfschema "Selektiv".
- Faarwen - 265.
- Dithering - "Random", 100 %.
- Mir läschen d'Daw virum Parameter Interlacéiert, well de leschte Volumen vum Bild ass zimmlech kleng.
- Web Faarwen an "Verloschter" - null.
Verglach d'Resultat mam Original. Am ënneschten Deel vun der Fënster mat der Probe kënne mir déi aktuell Gréisst vum GIF a seng Downloadgeschwindegkeet mat der ugewisener Internetgeschwindegkeet gesinn.
- Gitt op d'Bild hei just konfiguréiert. Probéiert et ze optimiséieren.
- Mir loossen de Schema onverännert.
- D'Zuel vu Faarwen gëtt op 128 reduzéiert.
- Wäert Dithering reduzéieren op 90%.
- Web Faarwen mir beréieren net, well an dësem Fall wäert et eis net hëllefen d'Qualitéit ze halen.
D'GIF Gréisst ass ofgeholl vun 36,59 KB op 26,85 KB.
- Zënter datt d'Bild scho puer Kürnisitéit a kleng Mängel huet, probéiere mer eropzesetzen "Verloschter"An. Dëse Parameter definéiert den akzeptablen Niveau vum Datenverloscht während der Kompressioun. GIFAn. Verännert de Wäert op 8.
Mir hunn et fäerdeg bruecht d'Dateigréisst weider ze reduzéieren, wärend e bësse an der Qualitéit verléiert. D'GIFs weien elo 25,9 Kilobyte.
Insgesamt konnte mer d'Bildgréisst mat ongeféier 10 KB reduzéieren, wat méi wéi 30% ass. E ganz gutt Resultat.
- Weider Aktiounen si ganz einfach. Klickt op de Knäppchen Späicheren.
Wielt eng Plaz fir ze späicheren, gitt den Numm vum GIF, a klickt nach eng Kéier "Späicheren ".
Opgepasst datt et eng Méiglechkeet mat GIF schafen an HTML Dokument an deem eist Bild agebonne gëtt. Fir dëst ze maachen, ass et besser en eidelen Dossier ze wielen.
Als Resultat kréie mer eng Säit an en Dossier mat engem Bild.
Tipp: wann Dir e Fichier nennt, probéiert net kyrillesch Zeechen ze benotzen, well net all Browser kënnen se liesen.
Dëst ass d'Lektioun fir Bild am Format ze späicheren GIF ofgeschloss. Duerno hu mer erausfonnt wéi eng Datei fir Astelle am Internet optimiséiert ka ginn.
