Tallenna Photoshop-kuvat GIF-muodossa verkko- ja mobiililaitteille

Tiedostojen tallentaminen verkkoon tai mobiililaitteisiin Photoshop Creative Suite 5:ssä luo pienemmän version kuvastasi, joten se latautuu nopeasti. Ideana on tehdä kuvasta mahdollisimman pieni ja samalla pitää se visuaalisesti miellyttävänä.

Käytä GIF-muotoa, jos sinulla on suuria yksivärisiä alueita.

Tallenna Photoshop-kuvat GIF-muodossa verkko- ja mobiililaitteille

Kuva, jossa on paljon yksivärisiä, tekee hyvän GIF:n.

GIF-muoto ei ole häviöllinen ( se ei menetä tietoja, kun tiedosto pakataan tähän muotoon), mutta se pienentää tiedostokokoa käyttämällä rajoitettua määrää värejä väritaulukossa. Mitä pienempi värien määrä, sitä pienempi tiedostokoko. Jos olet koskaan työskennellyt Index-väritilassa, tunnet tämän prosessin.

GIF-tiedostomuoto tukee läpinäkyvyyttä. Yleensä GIF-tiedostot eivät tee hyvää työtä kaikessa, joka vaatii sujuvan siirtymisen yhdestä väristä toiseen, koska muodossa on heikko antialiasing- tuki , jota Photoshop käyttää rosoisten reunojen tasoittamiseen. Kun kuva siirtyy yhdestä väristä toiseen, Photoshop tuottaa useita pikselien värejä luodakseen tasaisen sekoituksen näiden kahden värin välille.

Koska antialiasoinnin on luotava useita värejä tätä tehostetta varten, GIF-tiedostoja ei yleensä suositella. Itse asiassa, kun pienennät GIF-kuvan kokoa, näet paremmin juovia (artefaktti, joka näkyy kuvassa raitoja), koska anti-aliasointia ei voi tapahtua , kun kuvassa on saatavilla rajoitettu määrä värejä. GIF-muoto.

Voit tietysti lisätä dramaattisesti värien määrää luodaksesi tasaisemman siirtymän, mutta tällöin on vaarana luoda hirviötiedostoja, joiden lataaminen kestää ikuisuuden.

Tallenna GIF-muodossa

Kun valitset Tiedosto→Tallenna Webille ja laitteille, näet ensin käytettävissä olevat GIF-muotovaihtoehdot. Ne voivat olla sinulle selkeämpiä, jos sinulla on kuva auki (jossa on paljon yksivärisiä).

Voit tallentaa tiedoston verkkoa varten GIF-muodossa seuraavasti:

Valitse Tiedosto → Tallenna Webille ja laitteille.

Tallenna verkkoon ja laitteisiin -valintaikkuna tulee näkyviin.

Napsauta yläreunassa 2-Up-välilehteä.

Näet alkuperäisen kuvan vasemmalla ja optimoidun kuvan oikealla (tai ylhäällä ja alhaalla kuvan mittasuhteista riippuen).

Näytön alaosassa näet alkuperäisen tiedoston koon verrattuna optimoituun tiedostokokoon sekä likimääräisen latausajan. Latausaika on tärkeä. Useimmat ihmiset eivät odota kymmentä sekuntia enempää verkkosivun ilmestymistä, joten pidä kunkin kuvan latausaika viidessä sekunnissa tai sitä lyhyemmässä ajassa.

Muuta latausnopeutta valitsemalla Esikatselu-valikosta (etsi Save for Web & Devices -valintaikkunan oikeasta yläkulmasta nuoli).

Valitse avattavasta Esiasetukset-luettelosta GIF 32 No Dither.

Saatat jo nähdä muutoksen. Photoshop tarjoaa sinulle esiasetuksia, joista voit valita, tai voit muokata ja tallentaa omia.

Valitse, käytetäänkö kuvaan erittelyä valitsemalla vaihtoehto Määritä dither-algoritmi -pudotusvalikosta.

Tämä valinta on täysin henkilökohtainen. Koska saatat rajoittaa värejä, Photoshop voi sekoittaa käytettävissä olevien värien pikselit sekoittamalla puuttuvia värejä. Monet suunnittelijat valitsevat No Dither -vaihtoehdon, koska värjäys voi luoda kuvaan luonnottomia väripilkkuja.

Tallenna Photoshop-kuvat GIF-muodossa verkko- ja mobiililaitteille

Valitse esiasetuksista tai luo omat mukautetut asetukset.

Jos kuvasi on läpinäkyvällä tasolla ja haluat säilyttää tämän läpinäkyvyyden Web-sivulla, valitse Läpinäkyvyys-valintaruutu.

Väritaulukko Tallenna verkkoon ja laitteisiin -valintaikkunassa

Kun tallennat kuvan GIF-muodossa Tallenna verkkoon ja laitteisiin -valintaikkunan avulla, näet kuvan väritaulukon valintaikkunan oikealla puolella. Väritaulukko on tärkeä, koska sen avulla näet kuvassa käytetyt värit, mutta sen avulla voit myös muokata väritaulukkoa käyttämällä alareunassa olevia vaihtoehtoja.

Voit halutessasi mukauttaa väritaulukkoasi valitsemalla joitakin värejä verkkoturvallisiksi ja lukitsemalla värit, jotta ne eivät pomppaudu pois, kun vähennät käytettyjen määrää.

Voit mukauttaa väritaulukkoa seuraavasti:

Jos kuvassasi on vain muutama väri, jotka haluat muuntaa Web-turvallisiksi väreiksi, valitse Pipetti-työkalu Save for Web & Devices -valintaikkunan vasemmalta puolelta ja napsauta väriä Optimoidussa näkymässä.

Näyteväri on korostettu väritaulukossa.

Napsauta Web Safe -painiketta väritaulukon alaosassa.

Kun ylität tämän painikkeen, näkyviin tulee työkaluvihje Siirtää/poistaa valitut värit verkkopaneeliin.

Näkyviin tulee timantti, joka osoittaa, että väri on nyt suojattu verkossa.

Lukitse värit, joita et halua poistaa, kun vähennät väritaulukon värien määrää.

Valitse väri Eyedropper-työkalulla tai valitse se väritaulukosta ja napsauta sitten Lukitse väri -painiketta. Valkoinen neliö ilmestyy oikeaan alakulmaan, mikä osoittaa, että väri on lukittu.

Jos lukitset 32 ​​väriä ja pienennät sitten väritaulukon 24:ään, osa lukituista väreistäsi poistetaan. Jos päätät lisätä värejä, lukitut värit palaavat ensimmäisinä.

Tallenna Photoshop-kuvat GIF-muodossa verkko- ja mobiililaitteille

Mukauta värejä Tallenna verkkoa ja laitteita varten -ikkunan väritaulukon avulla.

Miten väritaulukko luodaan? Valitsemasi värinvähennysalgoritmimenetelmän perusteella Tallenna verkkoon ja laitteisiin -ominaisuus ottaa näytteitä ilmoittamastasi värien määrästä. Jos värien pitäminen verkon turvassa on tärkeää, valitse menetelmälle Restrictive (Web) -vaihtoehto. Jos haluat kuvasi näyttävän paremmalta useimmilla näytöillä, mutta et välttämättä verkkoturvallisen, valitse Mukautuva vaihtoehto.

Käytä avattavaa Värit-valikkoa tai anna numero lisätäksesi tai poistaaksesi värejä väritaulukosta.

Jos kuvasi käyttää läpinäkyvyyttä, valitse Läpinäkyvyys-valintaruutu Save for Web & Devices -valintaikkunan yläosasta.

Muista, että läpinäkyvyys lasketaan yhdeksi väreistäsi väritaulukossa.

Valitse Lomitettu-valintaruutu vain, jos GIF-kuvasi on suuri (25 kt tai suurempi).

Tämän vaihtoehdon valitseminen saa kuvan kerääntymään useisiin skannauksiin Web-sivulla – matalaresoluutioinen kuva, joka ponnahtaa esiin nopeasti ja päivitetään sitten korkeamman resoluution kuvalla, kun lataus on valmis. Lomitus antaa illuusion latauksen sujumisesta nopeammin, mutta suurentaa tiedostokokoa, joten käytä sitä vain tarvittaessa.

Napsauta Tallenna.

Nyt kuva on valmis liitettäväksi sähköpostiviestiin tai käytettäväksi web-sivulla.

Leave a Comment

Kuinka käyttää läpinäkyvyyttä SVG-tiedostoihin

Kuinka käyttää läpinäkyvyyttä SVG-tiedostoihin

Opi käyttämään läpinäkyvyyttä SVG-grafiikassa Illustratorissa. Tutustu SVG-tiedostojen tulostamiseen läpinäkyvällä taustalla ja läpinäkyvyystehosteiden käyttämiseen.

Kuvien käsittely Adobe XD:ssä

Kuvien käsittely Adobe XD:ssä

Kun olet tuonut kuvat Adobe XD:hen, sinulla ei ole paljon muokkaushallintaa, mutta voit muuttaa kuvien kokoa ja kiertää niitä aivan kuten minkä tahansa muun muodon avulla. Voit myös pyöristää tuodun kuvan kulmia helposti kulmawidgetien avulla. Kuvien peittäminen määrittelemällä suljetun muodon […]

Tekstin ominaisuuksien säätäminen Adobe XD:ssä

Tekstin ominaisuuksien säätäminen Adobe XD:ssä

Kun Adobe XD -projektissasi on tekstiä, voit alkaa muuttaa tekstin ominaisuuksia. Näitä ominaisuuksia ovat Fonttiperhe, Fonttikoko, Fontin paino, Tasaus, Merkkien väli (välitys ja seuranta), Riviväli (alku), Täyttö, Reuna (viiva), Varjo (pudottava varjo) ja Taustan sumennus. Katsotaanpa, kuinka näitä ominaisuuksia käytetään. Tietoja luettavuudesta ja fontista […]

Työskentely taidetaulujen kanssa Photoshop CC:ssä

Työskentely taidetaulujen kanssa Photoshop CC:ssä

Aivan kuten Adobe Illustratorissa, Photoshop-piirustustaulut tarjoavat mahdollisuuden luoda erillisiä sivuja tai näyttöjä yhdelle asiakirjalle. Tämä voi olla erityisen hyödyllistä, jos rakennat näyttöjä mobiilisovellukselle tai pienelle esitteelle. Voit ajatella piirustustaulua erityisenä tasoryhmänä, joka on luotu Tasot-paneelin avulla. Sen […]

Muodot ja polygonit InDesignissa

Muodot ja polygonit InDesignissa

Monia InDesign Tools -paneelin työkaluja käytetään viivojen ja muotojen piirtämiseen sivulle, joten sinulla on useita eri tapoja luoda mielenkiintoisia piirustuksia julkaisuihisi. Voit luoda InDesignissa mitä tahansa perusmuodoista monimutkaisiin piirustuksiin sen sijaan, että joutuisit käyttämään piirustusohjelmaa, kuten […]

Rivitä teksti Adobe Illustrator CC:ssä

Rivitä teksti Adobe Illustrator CC:ssä

Tekstin kääriminen Adobe Illustrator CC:ssä ei ole aivan sama asia kuin lahjan kääriminen – se on helpompaa! Tekstin rivitys pakottaa tekstin kiertämään grafiikan ympärille, kuten tässä kuvassa. Tämä ominaisuus voi lisätä luovuutta mihin tahansa kappaleeseen. Grafiikka pakottaa tekstin kiertymään ympärilleen. Luo ensin […]

Kuinka muuttaa muotojen kokoa Illustratorissa

Kuinka muuttaa muotojen kokoa Illustratorissa

Kun suunnittelet Adobe Illustrator CC:llä, tarvitset usein muodon, jonka koko on tarkka (esimerkiksi 2 x 3 tuumaa). Kun olet luonut muodon, paras tapa muuttaa sen kokoa tarkkoihin mittoihin on käyttää tässä kuvassa näkyvää Transform-paneelia. Valitse objekti ja valitse sitten Ikkuna → Muunna muotoon […]

QR-koodien luominen InDesign CC:ssä

QR-koodien luominen InDesign CC:ssä

InDesignilla voit luoda ja muokata QR-koodigrafiikkaa. QR-koodit ovat viivakoodimuoto, johon voidaan tallentaa tietoja, kuten sanoja, numeroita, URL-osoitteita tai muita tietoja. Käyttäjä skannaa QR-koodin kamerallaan ja ohjelmistollaan laitteella, kuten älypuhelimella, ja ohjelmisto hyödyntää […]

Kuinka saada uusi valokuva näyttämään vanhalta Photoshop CS6:ssa

Kuinka saada uusi valokuva näyttämään vanhalta Photoshop CS6:ssa

Saattaa olla hetkiä, jolloin tarvitset uuden kuvan näyttääksesi vanhalta. Photoshop CS6 tarjoaa sinut. Mustavalkokuvaus on uudempi ilmiö kuin uskotkaan. Dagerrotypioissa ja muissa varhaisissa valokuvissa oli usein ruskehtava tai sinertävä sävy. Voit luoda omia seepiasävyisiä mestariteoksia. Sävytetyt kuvat voivat luoda […]

Live Paint -ominaisuus Adobe CS5 Illustratorissa

Live Paint -ominaisuus Adobe CS5 Illustratorissa

Adobe Creative Suite 5 (Adobe CS5) Illustratorin Live Paint -ominaisuuden avulla voit luoda haluamasi kuvan ja täyttää alueet väreillä. Live Paint -ämpäri tunnistaa automaattisesti alueet, jotka koostuvat itsenäisistä risteävistä poluista ja täyttää ne vastaavasti. Maali tietyllä alueella pysyy elävänä ja virtaa automaattisesti, jos […]