Kuvaresurssien luominen tasoista

PSD-tiedoston tason tai tasoryhmän sisällöstä voi luoda JPEG-, PNG- tai GIF-muotoisia kuvaresursseja. Resurssit luodaan automaattisesti, kun tuetun kuvatiedostomuodon tunniste liitetään tason tai tasoryhmän nimeen. Voit halutessasi määrittää luotaville kuvaresursseille myös laatu- ja kokoparametrit.

Kuvaresurssien luominen PSD-tiedostosta on kätevää etenkin, kun verkkosisältöä luodaan useita eri laitteita silmällä pitäen.

Tietoja verkkografiikan luomisesta Adobe Generatorilla saat artikkelista Resurssien erottelu verkkokäyttöön.

Kuvaresurssien luomista oppii ymmärtämään, kun ajattelee PSD-tiedostoa (lataus tästä linkistä), jossa on seuraavat tasot:

Tässä tiedostossa on kaksi tasoryhmää, Nelikulmiot ja Ellipsit. Kummassakin ryhmässä on viisi tasoa.

Voit luoda tästä PSD-tiedostosta kuvaresursseja seuraavasti:

1. Kun PSD-tiedosto on avattu, valitse Tiedosto > Luo > Kuvaresurssit.
2. Lisää tarvittavat tiedostotunnisteet (.jpg, .png tai .gif) niiden tasojen tai tasoryhmien nimiin, joista haluat luoda kuvaresursseja. Voit vaihtaa tasoryhmien Nelikulmiot ja Ellipsit nimiksi Nelikulmiot.jpg ja Ellipsit.png ja tason Ellipsi_4 nimeksi Ellipsi_4.gif.

Photoshop luo kuvaresurssit ja tallentaa ne alikansioon alkuperäisen PSD-tiedoston yhteyteen. Jos alkuperäistä PSD-tiedostoa ei ole vielä tallennettu, Photoshop tallentaa resurssit
uuteen kansioon työpöydälle.

Jos haluat luoda tasosta tai tasoryhmästä useita resursseja, erota resurssien nimet pilkuin. Kun taso nimetään esimerkiksi seuraavasti, siitä luodaan kolme resurssia:

Ellipsi_4.jpg, Ellipsi_4b.png, Ellipsi_4c.png

Tietyistä tasoista tai tasoryhmistä luodut kuvaresurssit voi tallentaa alikansioon, joka on heti dokumentin resurssikansion alla. Lisää alikansion nimi tason tai tasoryhmän nimeen, esimerkiksi:

[alikansio]/Ellipsi_4.jpg 

Kuvaresurssien luominen PSD-tiedostosta on kätevää etenkin, kun verkkosisältöä luodaan useita eri laitteita silmällä pitäen. Otetaan esimerkiksi seuraava verkkosivu ja sen tasorakenne:

Erotetaanpa yläreunan symboli ja Global Hotspots -kuvaruudukon ylärivi kuvaresursseiksi:

• Lisätään kuvatiedostotunnisteet tasojen nimiin.

Tasojen tai tasoryhmien nimeäminen uudelleen

Photoshop luo resurssit ja tallentaa ne alkuperäisen PSD-tiedoston kanssa samaan paikkaan.

JPEG-resurssien oletuslaatuasetuksena on 90 %. PNG-resurssit luodaan oletusarvoisesti 32-bittisinä kuvina. GIF-resurssien luonnissa käytetään tavallista alfaläpinäkyvyyttä.

Samalla kun nimeät tasoja ja tasoryhmiä uudelleen, voit muokata luotavien resurssien laatu- ja kokoasetuksia.

• Liitä haluttu laatuarvo resurssin nimeen muodossa .jpg(1–10) tai .jpg(1–100%). Esimerkki:
  • Ellipsi_4.jpg5
  • Ellipsi_4.jpg50%
• Liitä kuvaresurssin nimen eteen sen haluttu koko joko suhteellisessa koossa tai tuetuissa yksiköissä (px, in, cm tai mm) ilmaistuna. Photoshop skaalaa kuvan arvon mukaisesti. Esimerkki:
  • 200% Ellipsi_4.jpg
  • 300 x 200 Nelikulmio_3.jpg
  • 10in x 200mm Nelikulmio_3.jpg
    

Huomautus: Muista lisätä välilyönti etuliitteen ja resurssin nimen väliin. Jos annat koon pikseleinä, yksikön tunnusta ei tarvitse lisätä. Esimerkiksi 300 x 200.

• Liitä resurssin nimeen haluttu laatuarvo 8, 24 tai 32. Esimerkki:
  • Ellipsi_4.png24
• Liitä kuvaresurssin nimen eteen sen haluttu koko joko suhteellisessa koossa tai tuetuissa yksiköissä (px, in, cm tai mm) ilmaistuna. Photoshop skaalaa kuvan arvon mukaisesti. Esimerkki:
  • 42% Ellipsi_4.png
  • 300mm x 20cm Nelikulmio_3.png
  • 10in x 50cm Nelikulmio_3.png

Huomautus: Muista lisätä välilyönti etuliitteen ja resurssin nimen väliin. Jos annat koon pikseleinä, yksikön tunnusta ei tarvitse lisätä. Esimerkiksi 300 x 200.

• Liitä kuvaresurssin nimen eteen sen haluttu koko joko suhteellisessa koossa tai tuetuissa yksiköissä (px, in, cm tai mm) ilmaistuna. Esimerkki:
  • 42% Ellipsi_4.gif
  • 300mm x 20cm Nelikulmio_3.gif
  • 20in x 50cm Nelikulmio_3.gif

Huomautus: Muista lisätä välilyönti etuliitteen ja resurssin nimen väliin. Jos annat koon pikseleinä, yksikön tunnusta ei tarvitse lisätä. Esimerkiksi 300 x 200.

GIF-resursseille ei voi määrittää laatuparametrejä.

Kun tasoa nimetään resurssien luontia varten, sille voidaan kerralla määrittää useita resurssinimiä tarvittavin parametrein. Esimerkki:

120% Herkku.jpg, 42% Herkku.png24, 100x100 Herkku_2.jpg90%, 250% Herkku.gif

Photoshop luo tästä tasosta seuraavat resurssit:

• Herkku.jpg (JPG-kuva laatuarvolla 8 ja skaalauksella 120 %)
• Herkku.png (24-bittinen PNG-kuva skaalauksella 42 %)
• Herkku_2.jpg (JPG-kuva laatuarvolla 90 % ja absoluuttisessa koossa 100×100 pikseliä)
• Herkku.gif (GIF-kuva skaalauksella 250 %).

Luoduille resursseille voi määrittää koko dokumentin laajuiset oletusasetukset. Noudata seuraavia ohjeita:

1. Luo dokumenttiin tyhjä taso.
2. Aloita tason nimi avainsanalla default. Määritä seuraavaksi asetukset, joita haluat käyttää kaikissa dokumentista luoduissa kuvaresursseissa. Esimerkki:
   

Voit poistaa kuvaresurssien luonnin käytöstä kaikissa Photoshop-dokumenteissa muokkaamalla Oletusasetuksia.

1. Valitse Muokkaa > Oletusasetukset > Plug-Init.
2. Poista valinta kohdasta Ota luontitoiminto käyttöön.
3. Valitse OK.