Išsaugokite „Photoshop“ vaizdus kaip GIF žiniatinkliui ir mobiliesiems įrenginiams

Išsaugojus failus žiniatinkliui ar mobiliesiems įrenginiams programoje „Photoshop Creative Suite 5“, sukuriama mažesnė vaizdo versija, todėl jis bus greitai įkeltas. Idėja yra padaryti vaizdą kuo mažesnį, išlaikant jį vizualiai malonų.

Jei turite didelių vientisų spalvų plotų, naudokite GIF formatą.

Išsaugokite „Photoshop“ vaizdus kaip GIF žiniatinkliui ir mobiliesiems įrenginiams

Daug vientisų spalvų vaizdas sukuria gerą GIF.

GIF formatas nėra nuostolingas ( nepraranda duomenų, kai failas suglaudinamas šiuo formatu), tačiau sumažina failo dydį, nes spalvų lentelėje naudojamas ribotas spalvų skaičius. Kuo mažesnis spalvų skaičius, tuo mažesnis failo dydis. Jei kada nors dirbote rodyklės spalvų režimu, esate susipažinę su šiuo procesu.

Skaidrumą palaiko GIF failo formatas. Paprastai GIF failai neatlieka gero darbo, kai reikia sklandžiai pereiti iš vienos spalvos į kitą, nes formate nepakankamai palaikomas anti-aliasing , kurį Photoshop naudoja nelygiems kraštams išlyginti. Kai vaizdas pereina iš vienos spalvos į kitą, „Photoshop“ sukuria kelias pikselių spalvas, kad sukurtų tolygų dviejų spalvų mišinį.

Kadangi slapyvardžio panaikinimas turi sukurti kelias spalvas šiam efektui, GIF failai paprastai nerekomenduojami. Tiesą sakant, kai sumažinate GIF dydį, geriau matote juosteles (artefaktą, kuris vaizde atrodo kaip dryžiai), nes anti-aliasing negali įvykti esant ribotam spalvų skaičiui. GIF formatu.

Žinoma, galite žymiai padidinti spalvų skaičių, kad sukurtumėte sklandesnį perėjimą, bet tada rizikuojate sukurti pabaisos failus, kurių atsisiuntimas trunka amžinai.

Išsaugoti kaip GIF

Kai pasirenkate Failas → Išsaugoti žiniatinkliui ir įrenginiams, pirmiausia pamatysite galimas GIF formato parinktis. Jie gali būti jums aiškesni, jei atidarėte vaizdą (su daugybe vientisų spalvų).

Norėdami išsaugoti žiniatinklio failą kaip GIF, atlikite šiuos veiksmus:

Pasirinkite Failas → Išsaugoti žiniatinkliui ir įrenginiams.

Pasirodo dialogo langas Išsaugoti žiniatinkliui ir įrenginiams.

Viršuje spustelėkite skirtuką 2 aukštyn.

Kairėje matote originalų vaizdą, o dešinėje – optimizuotą (arba viršuje ir apačioje, priklausomai nuo vaizdo proporcijų).

Apatinėje ekrano dalyje matote pradinį failo dydį, palyginti su optimizuotu failo dydžiu, taip pat apytikslį atsisiuntimo laiką. Atsisiuntimo laikas yra svarbus. Daugelis žmonių nelaukia ilgiau nei dešimt sekundžių, kol pasirodys tinklalapis, todėl kiekvieno vaizdo atsisiuntimo laikas turėtų būti penkios ar trumpesnis.

Pakeiskite atsisiuntimo greitį pasirinkdami meniu Peržiūra (ieškokite rodyklės viršutinėje dešinėje dialogo lango Išsaugoti žiniatinkliui ir įrenginiuose pusėje).

Išskleidžiamajame sąraše Iš anksto nustatytas pasirinkite GIF 32 No Dither.

Jau galite pastebėti pasikeitimą. „Photoshop“ suteikia jums išankstinių nustatymų, iš kurių galite pasirinkti, arba galite tinkinti ir išsaugoti savo.

Pasirinkę parinktį išskleidžiamajame sąraše Specify the Dither Algorithm, pasirinkite, ar norite, kad vaizdas būtų pakeistas.

Šis pasirinkimas yra grynai asmeninis. Kadangi galbūt ribojate spalvas, „Photoshop“ gali naudoti keitimą, kad sumaišytų galimų spalvų pikselius, kad imituotų trūkstamas spalvas. Daugelis dizainerių pasirenka „No Dither“ parinktį, nes dažymas gali sukurti nenatūralių spalvinių dėmių vaizde.

Išsaugokite „Photoshop“ vaizdus kaip GIF žiniatinkliui ir mobiliesiems įrenginiams

Pasirinkite iš išankstinių nustatymų arba sukurkite savo pasirinktinius nustatymus.

Jei jūsų vaizdas yra skaidriame sluoksnyje ir norite išlaikyti tą skaidrumą tinklalapyje, pažymėkite žymės langelį Skaidrumas.

Spalvų lentelė dialogo lange Išsaugoti žiniatinkliui ir įrenginiams

Kai įrašote vaizdą GIF formatu naudodami dialogo langą Išsaugoti žiniatinkliui ir įrenginiams, dešinėje dialogo lango pusėje matote vaizdo spalvų lentelę. Spalvų lentelė yra svarbi, nes ji ne tik leidžia matyti paveikslėlyje naudojamas spalvas, bet ir leidžia tinkinti spalvų lentelę naudojant apačioje esančias parinktis.

Galbūt norėsite tinkinti savo spalvų lentelę pasirinkdami kai kurias spalvas, kad jos būtų saugios žiniatinklyje, ir užrakindamos spalvas, kad sumažinus naudojamų skaičių jos nebūtų nukritusios.

Norėdami tinkinti spalvų lentelę, atlikite šiuos veiksmus:

Jei jūsų paveikslėlyje yra tik kelios spalvos, kurias norite konvertuoti į žiniatinklyje saugias spalvas, dialogo lango Išsaugoti žiniatinkliui ir įrenginiams kairėje pasirinkite įrankį Eyedropper ir spustelėkite spalvą optimizuotame rodinyje.

Spalvų lentelėje paryškinta atrinkta spalva.

Spalvų lentelės apačioje spustelėkite mygtuką Web Safe.

Kai perbrauksite šį mygtuką, pasirodys patarimas Perkelia / atšaukia pasirinktas spalvas į žiniatinklio skydelį.

Pasirodo deimantas, nurodantis, kad spalva dabar saugi žiniatinklyje.

Užrakinkite spalvas, kurių nenorite ištrinti, nes sumažinate spalvų skaičių spalvų lentelėje.

Pasirinkite spalvą naudodami Eyedropper įrankį arba pasirinkite ją spalvų lentelėje ir spustelėkite mygtuką Užrakinti spalvą. Apatiniame dešiniajame kampe pasirodo baltas kvadratas, nurodantis, kad spalva užrakinta.

Jei užrakinsite 32 spalvas ir sumažinsite spalvų lentelę iki 24, kai kurios užrakintos spalvos bus ištrintos. Jei pasirinksite pridėti spalvų, tos užrakintos spalvos bus pirmosios.

Išsaugokite „Photoshop“ vaizdus kaip GIF žiniatinkliui ir mobiliesiems įrenginiams

Tinkinkite spalvas naudodami spalvų lentelę lange Išsaugoti žiniatinklyje ir įrenginiuose.

Kaip kuriama spalvų lentelė? Remiantis pasirinktu spalvų mažinimo algoritmo metodu, funkcija Išsaugoti žiniatinkliui ir įrenginiams atrenka jūsų nurodytą spalvų skaičių. Jei svarbu išlaikyti spalvų žiniatinklio saugumą, pasirinkite metodo parinktį Ribojantis (Web); Jei norite, kad jūsų vaizdas daugumoje monitorių atrodytų geriau, bet nebūtinai būtų saugus žiniatinklyje, pasirinkite parinktį Adaptive.

Naudokite išskleidžiamąjį meniu Spalvos arba įveskite skaičių, kad pridėtumėte arba ištrintumėte spalvas iš spalvų lentelės.

Jei vaizde naudojamas skaidrumas, dialogo lango Išsaugoti žiniatinkliui ir įrenginiams viršuje pažymėkite langelį Skaidrumas.

Atminkite, kad skaidrumas yra skaičiuojamas kaip viena iš jūsų spalvų spalvų lentelėje.

Pažymėkite žymės langelį Interlaced, tik jei jūsų GIF vaizdas yra didelis (25K ar didesnis).

Pasirinkus šią parinktį, vaizdas tinklalapyje bus nuskaitytas keliais nuskaitymais – mažos skyros vaizdas, kuris greitai iššoka ir atnaujinamas didesnės skyros vaizdu, kai atsisiuntimas bus baigtas. Supynimas sukuria iliuziją, kad atsisiuntimas vyksta greičiau, bet padidina failo dydį, todėl naudokite jį tik prireikus.

Spustelėkite Išsaugoti.

Dabar vaizdas yra paruoštas pridėti prie el. laiško arba naudoti tinklalapyje.


Kaip SVG pritaikyti skaidrumą

Kaip SVG pritaikyti skaidrumą

Sužinokite, kaip „Illustrator“ pritaikyti skaidrumą SVG grafikai. Sužinokite, kaip išvesti SVG su skaidriu fonu ir pritaikyti skaidrumo efektus.

Darbas su vaizdais Adobe XD

Darbas su vaizdais Adobe XD

Importavę vaizdus į „Adobe XD“, neturėsite daug redagavimo valdymo galimybių, tačiau galite keisti vaizdų dydį ir pasukti juos taip, kaip darytumėte bet kurią kitą formą. Taip pat galite lengvai apvalinti importuoto vaizdo kampus naudodami kampinius valdiklius. Vaizdų užmaskavimas Nustatydami uždarą formą […]

Kaip koreguoti teksto ypatybes „Adobe XD“.

Kaip koreguoti teksto ypatybes „Adobe XD“.

Kai turite tekstą Adobe XD projekte, galite pradėti keisti teksto ypatybes. Šios ypatybės apima šriftų šeimą, šrifto dydį, šrifto svorį, lygiavimą, tarpą tarp simbolių (įbrėžimas ir sekimas), eilučių tarpus (pirmaujantis), užpildymą, kraštinę (brūkšnį), šešėlį (metamas šešėlis) ir fono suliejimą. Taigi pažiūrėkime, kaip šios savybės taikomos. Apie skaitomumą ir šriftą […]

Darbas su piešiniais Photoshop CC

Darbas su piešiniais Photoshop CC

Kaip ir „Adobe Illustrator“, „Photoshop“ piešinių lentos suteikia galimybę viename dokumente sukurti atskirus puslapius arba ekranus. Tai gali būti ypač naudinga, jei kuriate ekranus mobiliajai programai ar nedidelei brošiūrai. Galite galvoti apie piešinių lentą kaip apie specialų sluoksnių grupės tipą, sukurtą naudojant skydelį Sluoksniai. Jos […]

„InDesign“ formos ir daugiakampiai

„InDesign“ formos ir daugiakampiai

Daugelis įrankių, kuriuos rasite skydelyje „InDesign Tools“, naudojami linijoms ir formoms piešti puslapyje, todėl galite įvairiais būdais kurti įdomius savo leidinių brėžinius. „InDesign“ viduje galite kurti bet ką – nuo ​​pagrindinių formų iki sudėtingų brėžinių, o ne naudoti piešimo programą, pvz., […]

Apvyniokite tekstą „Adobe Illustrator CC“.

Apvyniokite tekstą „Adobe Illustrator CC“.

Teksto įvyniojimas naudojant Adobe Illustrator CC nėra tas pats, kas įvynioti dovaną – tai lengviau! Teksto apvyniojimas verčia tekstą apvynioti aplink grafiką, kaip parodyta šiame paveikslėlyje. Ši funkcija bet kuriam kūriniui gali suteikti šiek tiek kūrybiškumo. Grafika verčia tekstą apvynioti aplink jį. Pirmiausia sukurkite […]

Kaip pakeisti figūrų dydį „Illustrator“.

Kaip pakeisti figūrų dydį „Illustrator“.

Kuriant „Adobe Illustrator CC“ dažnai reikia tikslaus dydžio (pavyzdžiui, 2 x 3 colių) formos. Sukūrus formą, geriausias būdas pakeisti jos dydį iki tikslių išmatavimų yra naudoti transformavimo skydelį, parodytą šiame paveikslėlyje. Pasirinkite objektą ir pasirinkite Langas → Transformuoti į […]

Kaip sukurti QR kodus „InDesign CC“.

Kaip sukurti QR kodus „InDesign CC“.

Naudodami „InDesign“ galite kurti ir keisti QR kodo grafiką. QR kodai yra brūkšninio kodo forma, kurioje galima saugoti informaciją, pvz., žodžius, skaičius, URL adresus ar kitų formų duomenis. Naudotojas nuskaito QR kodą naudodamas savo fotoaparatą ir programinę įrangą įrenginyje, pavyzdžiui, išmaniajame telefone, o programinė įranga naudoja […]

Kaip padaryti, kad nauja nuotrauka atrodytų sena naudojant „Photoshop CS6“.

Kaip padaryti, kad nauja nuotrauka atrodytų sena naudojant „Photoshop CS6“.

Gali būti, kad jums prireiks naujos nuotraukos, kad atrodytumėte sena. „Photoshop CS6“ jums tinka. Nespalvota fotografija yra naujesnis reiškinys, nei galėtumėte pagalvoti. Dagerotipai ir kitos ankstyvosios nuotraukos dažnai turėjo rusvą ar melsvą atspalvį. Galite sukurti savo sepijos atspalvių šedevrus. Tonuotos nuotraukos gali sukurti […]

„Adobe CS5 Illustrator“ „Live Paint“ funkcija

„Adobe CS5 Illustrator“ „Live Paint“ funkcija

Naudodami „Adobe Creative Suite 5 (Adobe CS5) Illustrator“ funkciją „Live Paint“ galite sukurti norimą vaizdą ir užpildyti sritis spalvomis. „Live Paint“ kibiras automatiškai aptinka regionus, sudarytus iš nepriklausomų susikertančių takų, ir atitinkamai juos užpildo. Dažai tam tikrame regione išlieka gyvi ir teka automatiškai, jei tokių yra […]