Salvestage Photoshopi pildid veebi- ja mobiilseadmete jaoks GIF-vormingus

Failide salvestamine rakenduses Photoshop Creative Suite 5 veebi või mobiilseadmete jaoks loob teie pildist väiksema versiooni, nii et see laaditakse kiiresti. Idee on muuta pilt võimalikult väikeseks, jättes see visuaalselt meeldivaks.

Kasutage GIF-vormingut, kui teil on suured ühevärvilised alad.

Salvestage Photoshopi pildid veebi- ja mobiilseadmete jaoks GIF-vormingus

Paljude ühevärviliste piltidega saab hea GIF-i.

GIF-vorming ei ole kadudega ( see ei kaota andmeid, kui fail selles vormingus tihendatakse), kuid see vähendab faili suurust, kasutades värvitabelis piiratud arvu värve. Mida väiksem on värvide arv, seda väiksem on faili suurus. Kui olete kunagi töötanud värvirežiimis Index, olete selle protsessiga tuttav.

Läbipaistvust toetab GIF-failivorming. Üldiselt ei tööta GIF-failid hästi millegi puhul, mis vajab sujuvat üleminekut ühelt värvilt teisele, kuna vormingus on kehv antialiasing , mida Photoshop kasutab sakiliste servade silumiseks. Kui pilt läheb ühelt värvilt teisele, toodab Photoshop mitut värvi pikslit, et luua kahe värvi vahel ühtlane segu.

Kuna antialias peab selle efekti jaoks looma mitut värvi, ei ole GIF-failid üldiselt soovitatavad. Tegelikult, kui vähendate GIF-i suurust, näete paremini triipe (artefakt, mis kuvatakse pildil triipudena), kuna antialias ei saa toimuda piiratud arvu värvide korral, mis on saadaval GIF-vormingus.

Muidugi saate sujuvama ülemineku loomiseks järsult suurendada värvide arvu, kuid siis võite luua koletisfaile, mille allalaadimine võtab igaviku.

Salvesta GIF-ina

Kui valite Fail → Salvesta veebi ja seadmete jaoks, näete esmalt saadaolevaid GIF-vormingu valikuid. Need võivad olla teile selgemad, kui teil on avatud pilt (palju ühevärvilisi).

Faili veebi jaoks GIF-vormingus salvestamiseks toimige järgmiselt.

Valige Fail → Salvesta veebi ja seadmete jaoks.

Ilmub dialoogiboks Save for Web & Devices.

Klõpsake ülaosas vahekaarti 2-up.

Vasakul näete originaalpilti ja paremal optimeeritud pilti (või ülalt ja alt, olenevalt pildi proportsioonidest).

Ekraani alumises osas näete algset faili suurust võrreldes optimeeritud failisuurusega, samuti ligikaudset allalaadimisaega. Allalaadimise aeg on oluline. Enamik inimesi ei oota veebilehe ilmumist üle kümne sekundi, seega hoidke iga pildi allalaadimisaeg kuni viis sekundit või vähem.

Muutke allalaadimiskiirust, valides menüüst Eelvaade (otsige dialoogiboksi Save for Web & Devices paremas ülanurgas olevat noolt).

Valige eelseadistatud ripploendist GIF 32 No Dither.

Võib-olla näete juba muutust. Photoshop pakub teile eelseadistusi, mille hulgast saate valida, või saate neid kohandada ja salvestada.

Valige, kas soovite pildile hajutada, valides ripploendist Määrake lahterdamise algoritm.

See valik on puhtalt isiklik. Kuna te võite värve piirata, võib Photoshop puuduvate värvide simuleerimiseks kasutada saadaolevate värvide pikslite segamiseks segamist. Paljud disainerid valivad valiku No Dither, kuna värvimine võib tekitada pildile ebaloomulikke värvilaike.

Salvestage Photoshopi pildid veebi- ja mobiilseadmete jaoks GIF-vormingus

Valige eelseadete hulgast või looge oma kohandatud sätted.

Kui teie pilt on läbipaistval kihil ja soovite seda läbipaistvust veebilehel säilitada, märkige ruut Läbipaistvus.

Värvitabel dialoogiboksis Salvesta veebi ja seadmete jaoks

Kui salvestate pildi GIF-vormingus dialoogiboksi Save for Web & Devices abil, näete dialoogiboksi paremal küljel pildi värvitabelit. Värvitabel on oluline, kuna see mitte ainult ei lase teil näha pildil kasutatud värve, vaid võimaldab ka allosas olevate valikute abil värvitabelit kohandada.

Võib-olla soovite oma värvitabelit kohandada, valides mõned värvid, et need oleksid veebis turvalised, ja lukustades värvid, et kasutatavate arvu vähendamisel need ära ei lööks.

Värvitabeli kohandamiseks toimige järgmiselt.

Kui teie pildil on vaid mõned värvid, mida soovite teisendada veebikindlateks värvideks, valige dialoogiboksis Save for Web & Devices (Salvesta veebi ja seadmetesse) vasakult tööriist Eyedropper ja klõpsake optimeeritud vaates soovitud värvi.

Valitud värv on värvitabelis esile tõstetud.

Klõpsake värvitabeli allosas nuppu Veebiturvaline.

Kui ületate selle nupu, kuvatakse kohtspikker Nihutab/Tühistab valitud värvid veebipaneelile.

Ilmub teemant, mis näitab, et värv on nüüd veebis ohutu.

Lukustage värvid, mida te ei soovi värvide tabelis värvide arvu vähendamisel kustutada.

Valige värv tilguti tööriistaga või valige see värvitabelist ja seejärel klõpsake nuppu Lukusta värv. Paremasse alumisse nurka ilmub valge ruut, mis näitab, et värv on lukustatud.

Kui lukustate 32 värvi ja vähendate seejärel värvitabelit 24-le, kustutatakse mõned teie lukustatud värvid. Kui otsustate värve lisada, naasevad need lukustatud värvid esimestena.

Salvestage Photoshopi pildid veebi- ja mobiilseadmete jaoks GIF-vormingus

Kohandage värve, kasutades värvitabelit aknas Salvesta veebi ja seadmete jaoks.

Kuidas värvitabel luuakse? Valitud värvide vähendamise algoritmi meetodi põhjal valib funktsioon Salvesta veebi ja seadmete jaoks valitud värvide arvu. Kui värvide veebiturvalisus on oluline, valige meetodi jaoks suvand Piirav (Web); Kui soovite, et teie pilt näeks enamikul monitoridel parem välja, kuid ei pruugi olla veebiturvaline, valige suvand Kohanduv.

Värvide lisamiseks või värvitabelist kustutamiseks kasutage rippmenüüd Värvid või sisestage arv.

Kui teie pilt kasutab läbipaistvust, märkige dialoogiboksi Save for Web & Devices ülaosas ruut Läbipaistvus.

Pidage meeles, et läbipaistvust loetakse värvitabelis üheks teie värviks.

Märkige ruut Interlaced ainult siis, kui teie GIF-pilt on suur (25K või suurem).

Selle suvandi valimisel kuvatakse veebilehel mitu skannimist – madala eraldusvõimega pilt, mis hüppab kiiresti üles ja mida värskendatakse allalaadimise lõppedes kõrgema eraldusvõimega pildiga. Põimimine loob illusiooni, et allalaadimine toimub kiiremini, kuid suurendab faili suurust, nii et kasutage seda ainult vajadusel.

Klõpsake nuppu Salvesta.

Nüüd on pilt valmis e-kirjale lisamiseks või veebilehel kasutamiseks.


Kuidas SVG-dele läbipaistvust rakendada

Kuidas SVG-dele läbipaistvust rakendada

Siit saate teada, kuidas Illustratoris SVG-graafikale läbipaistvust rakendada. Uurige, kuidas väljastada läbipaistva taustaga SVG-sid ja rakendada läbipaistvusefekte.

Piltidega töötamine Adobe XD-s

Piltidega töötamine Adobe XD-s

Pärast piltide importimist Adobe XD-sse ei ole teil palju redigeerimiskontrolli, kuid saate kujutiste suurust muuta ja pöörata täpselt nagu mis tahes muu kujuga. Samuti saate nurgavidinate abil hõlpsasti ümardada imporditud pildi nurki. Piltide maskeerimine Kinnise kuju määratlemisega […]

Kuidas kohandada teksti atribuute Adobe XD-s

Kuidas kohandada teksti atribuute Adobe XD-s

Kui teie Adobe XD projektis on tekst olemas, saate hakata teksti atribuute muutma. Nende atribuutide hulka kuuluvad fondiperekond, fondi suurus, fondi kaal, joondus, märgivahe (joonimine ja jälgimine), reavahe (eesmärk), täitmine, ääris (joon), vari (langev vari) ja tausta hägu. Nii et vaatame üle, kuidas neid omadusi rakendatakse. Loetavuse ja fondi kohta […]

Photoshop CC graafikaplaatidega töötamine

Photoshop CC graafikaplaatidega töötamine

Nii nagu Adobe Illustratoris, võimaldavad Photoshopi joonised luua ühes dokumendis eraldi lehti või ekraane. See võib olla eriti kasulik, kui koostate ekraane mobiilirakenduse või väikese brošüüri jaoks. Joonistahvlit võib pidada eri tüüpi kihirühmaks, mis on loodud paneeli Kihid abil. Selle […]

Kujundid ja hulknurgad InDesignis

Kujundid ja hulknurgad InDesignis

Paljusid InDesigni tööriistade paneelil leiduvaid tööriistu kasutatakse lehele joonte ja kujundite joonistamiseks, nii et teil on väljaannete jaoks huvitavate jooniste loomiseks mitu erinevat võimalust. InDesignis saate luua kõike alates põhikujunditest kuni keerukate joonisteni, selle asemel, et kasutada joonistusprogrammi nagu […]

Murdke tekst Adobe Illustrator CC-s

Murdke tekst Adobe Illustrator CC-s

Teksti pakkimine Adobe Illustrator CC-s ei ole päris sama, mis kingituse pakkimine – see on lihtsam! Teksti murdmine sunnib teksti ümber graafika, nagu on näidatud sellel joonisel. See funktsioon võib lisada igale teosele pisut loovust. Graafika sunnib teksti enda ümber keerduma. Esiteks looge […]

Kuidas Illustratoris kujundite suurust muuta

Kuidas Illustratoris kujundite suurust muuta

Adobe Illustrator CC-s kujundamisel on sageli vaja, et kuju oleks täpse suurusega (näiteks 2 x 3 tolli). Pärast kujundi loomist on parim viis selle täpsete mõõtude muutmiseks kasutada sellel joonisel näidatud teisenduspaneeli. Laske objekt valida ja seejärel valige Aken → Teisenda […]

Kuidas luua InDesign CC-s QR-koode

Kuidas luua InDesign CC-s QR-koode

InDesigni saate kasutada QR-koodi graafika loomiseks ja muutmiseks. QR-koodid on vöötkoodi vorm, mis võib salvestada teavet, nagu sõnad, numbrid, URL-id või muud tüüpi andmed. Kasutaja skannib QR-koodi kasutades oma kaamerat ja tarkvara seadmes, näiteks nutitelefonis ning tarkvara kasutab […]

Kuidas muuta uus foto Photoshop CS6-s vanaks

Kuidas muuta uus foto Photoshop CS6-s vanaks

Võib juhtuda, et vajate uut fotot, et vana välja näha. Photoshop CS6 pakub teile tähelepanu. Must-valge fotograafia on uuem nähtus, kui arvata võiks. Dagerrotüüpidel ja muudel varastel fotodel oli sageli pruunikas või sinakas toon. Saate ise luua seepiatoonides meistriteoseid. Toonitud pildid võivad luua […]

Adobe CS5 Illustratori Live Paint funktsioon

Adobe CS5 Illustratori Live Paint funktsioon

Adobe Creative Suite 5 (Adobe CS5) Illustratori funktsiooni Live Paint kasutades saate luua soovitud pildi ja täita piirkonnad värviga. Live Paint ämber tuvastab automaatselt iseseisvatest ristuvatest teedest koosnevad piirkonnad ja täidab need vastavalt. Teatud piirkonna värv jääb elavaks ja voolab automaatselt, kui seda on […]