Näpunäiteid veebikujunduse salvestamiseks Adobe CS5 Illustratoris

Adobe Creative Suite 5 (Adobe CS5) Illustratori kujunduse veebi jaoks salvestamisel pidage meeles järgmisi punkte – need muudavad kogu protsessi teile ja kõigile, kes teie illustratsioone kasutavad, palju lihtsamaks.

  • Hoidke failisuurused väikesed. Ärge unustage, et kui salvestate veebilehe illustratsioone, on sellel lehel ka palju muid elemente. Enamik külastajaid ei oota lehe allalaadimist üle kümne sekundi, enne kui loobuvad ja teisele veebisaidile siirduvad.

    Valikuid tehes jälgige faili suurust ja optimeeritud kunstiteoseid eelvaateakna vasakus alanurgas. GIF peaks olema keskmiselt umbes 10 000 ja JPEG umbes 15 000. (Kuigi need reeglid ei ole kivisse kirjutatud, ärge proovige veebilehele 100K JPEG-vormingut lüüa.)

    Allalaadimisaega saate muuta, klõpsates dialoogiboksi Save for Web & Devices paremas ülanurgas paneelimenüüd ja valides Optimeeri faili suurusele. Seejärel saate sisestada faili lõpliku suuruse ja lasta Illustratoril dialoogiboksis Save for Web & Devices seaded luua.

  • Enne salvestamist vaadake faili eelvaadet. Kui soovite enne salvestamist näha kunstiteost veebibrauseris, klõpsake dialoogiboksi Salvesta veebi ja seadmetesse allosas nuppu Eelvaade vaikesirves. Valitud brauser kuvatakse koos teie kunstiteostega sellisel kvaliteeditasemel ja -suuruses, nagu see kuvatakse.

    Kui ühtegi brauserit pole valitud, klõpsake ja hoidke all nuppu Eelvaade vaikebrauseris, et valida Muu, ja seejärel sirvige, et leida brauser, mida soovite eelvaateks kasutada. Dialoogiboksi Save for Web & Devices juurde naasmiseks sulgege brauser.

  • Muutke suurust. Enamik inimesi vaatab oma brauseriaknaid tavaliselt umbes 700 x 500 piksliga alal. Sõltuvalt ekraani eraldusvõimest võib see säte 14-tollisel monitoril katta kogu ekraani. Isegi 21-tollise kõrge eraldusvõimega monitoriga vaatajad ei taha sageli, et brauseriaken kataks kogu oma ekraani, mistõttu nende alade suurus on siiski ligikaudu 700 x 500 pikslit.

    Kunstiteose suuruse valimisel valige see, mille proportsioonid on sarnased. Näiteks kui soovite, et illustratsioon hõivaks umbes veerandi brauseriakna laiusest, tehke pildi laius umbes 175 pikslit (700/4 = 175). Kui pilt on suurem kui 500 pikslit, vähendage ka kõrgust, vastasel juhul peavad vaatajad kogu pildi nägemiseks kerima

    Kasutage uute suuruste sisestamiseks vahekaarti Pildi suurus. Kuni märkeruut Piira proportsioone on märgitud, muutuvad nii pildi kõrgus kui laius proportsionaalselt. Suuruse muutmiseks klõpsake nuppu Rakenda, kuid ärge sulgege dialoogiboksi Save for Web & Devices.

  • Lõpetage salvestamine. Kui te pole kunstiteosega lõpetanud, kuid soovite oma sätted salvestada, hoidke all klahvi Alt (Windows) või Option (Mac) ja klõpsake nuppu Jäta meelde. (Kui te ei hoia all klahvi Alt või Option, on nupp Mäleta nupp Valmis.) Kui olete lõpetanud, klõpsake nuppu Salvesta ja salvestage fail sobivasse asukohta.


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