Vinkkejä verkkokuvien tallentamiseen Adobe CS5 Illustratorissa

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.


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 […]