Kun tallennat Adobe Creative Suite 5 (Adobe CS5) Illustrator -kuvia verkkokäyttöön, pidä mielessä seuraavat seikat – ne tekevät koko prosessista paljon helpompaa sinulle ja kaikille kuviesi käyttäjille:
Pidä tiedostokoot pieninä. Älä unohda, että jos tallennat web-sivun kuvituksia, sivulla on myös monia muita elementtejä. Useimmat kävijät eivät odota yli kymmentä sekuntia sivun latautumista ennen kuin luovuttavat ja siirtyvät toiselle verkkosivustolle.
Kun teet valintoja, pidä silmällä tiedoston kokoa ja optimoitua kuvitusta esikatseluikkunan vasemmassa alakulmassa. GIF:n pitäisi olla keskimäärin noin 10 kt ja JPEG:n noin 15 kt. (Vaikka nämä säännöt eivät ole kiveen kirjoitettuja, älä yritä lyödä 100K JPEG:tä verkkosivulle.)
Voit muuttaa latausaikaa napsauttamalla Save for Web & Devices -valintaikkunan oikeassa yläkulmassa olevaa paneelivalikkoa ja valitsemalla Optimoi tiedostokokoon. Sitten voit syöttää lopullisen tiedostokoon ja antaa Illustratorin luomaan asetukset Tallenna verkkoa ja laitteita varten -valintaikkunaan.
Esikatsele tiedostoa ennen sen tallentamista. Jos haluat nähdä taideteoksen verkkoselaimessa ennen sen tallentamista, napsauta Esikatselu oletusselaimessa -painiketta Tallenna verkkoa ja laitteita varten -valintaikkunan alaosassa. Valittu selain näkyy taideteoksen kanssa siinä laatutasossa ja koossa, jossa se näkyy.
Jos selainta ei ole valittu, napsauta ja pidä painettuna Esikatselu oletusselaimessa -painiketta valitaksesi Muu ja etsi sitten selain, jota haluat käyttää esikatseluun. Sulje selain palataksesi Save for Web & Devices -valintaikkunaan.
Muuta kokoa. Useimmat ihmiset yleensä katselevat selainikkunoitaan alueella, jonka koko on noin 700 x 500 pikseliä. Näytön resoluutiosta riippuen tämä asetus voi kattaa koko näytön 14 tuuman näytössä. Edes katsojat, joilla on 21 tuuman korkearesoluutioinen näyttö, eivät kuitenkaan usein halua peittää koko näyttöään selainikkunan alla, joten heidän alueensa ovat silti noin 700 x 500 pikseliä.
Kun valitset taideteokselle koon, valitse sellainen, jonka mittasuhteet ovat samanlaiset. Jos esimerkiksi haluat kuvituksen peittävän noin neljänneksen selainikkunan leveydestä, tee kuvasta noin 175 pikseliä leveä (700 / 4 = 175). Jos kuva on yli 500 pikseliä, pienennä myös korkeutta kokoa tai muuten katsojan täytyy rullata nähdäkseen koko kuvan
Käytä Kuvakoko-välilehteä syöttääksesi uusia kokoja. Niin kauan kuin Rajaa mittasuhteet -valintaruutu on valittuna, sekä kuvan korkeus että leveys muuttuvat suhteessa. Napsauta Käytä-painiketta muuttaaksesi kokoa, mutta älä sulje Save for Web & Devices -valintaikkunaa.
Viimeistele tallennus. Jos et ole valmis kuvien käsittelyyn, mutta haluat tallentaa asetukset, pidä Alt-näppäintä (Windows) tai Optio-näppäintä (Mac) painettuna ja napsauta Muista-painiketta. (Jos et pidä Alt- tai Optio-näppäintä painettuna, Muista-painike on Valmis-painike.) Kun olet valmis, napsauta Tallenna-painiketta ja tallenna tiedosto oikeaan paikkaan.
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.
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 […]
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 […]
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 […]
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 […]
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 […]
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 […]
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ää […]
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 […]
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 […]
