Käyttöopas Peruuta

Kuvaresurssien luominen tasoista

Huomautus:

Kuvaresurssit on nyt Tiedosto > Automatisoitu > Generator-laajennukset -kohdassa.

PSD-tiedoston tason tai tasoryhmän sisällöstä voi luoda JPEG-, PNG- GIF- tai SVG-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 luonnista ja viennistä on artikkelissa Tiedostojen vienti Photoshopista eri tiedostomuodoissa.

Kuvaresurssien luominen tasoista tai tasoryhmistä

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

Kuvaresurssien luominen Photoshopissa
PSD-esimerkkitiedosto tasoineen

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 > Automatisoi > Generator-laajennukset > Kuvaresurssit.
  2. Lisää tarvittavat tiedostotunnisteet (.jpg, .png.gif, tai .svg) 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.
Huomautus:

Tasojen nimissä ei voi käyttää erikoismerkkejä : ja *.

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

Kuvaresurssien nimet Photoshopissa
Kuvaresurssien nimet luodaan tasojen tai tasoryhmien nimistä.

Huomautus:

Kuvaresurssien luonti on käytössä työstettävässä dokumentissa. Kun toiminto on otettu käyttöön, se on käytössä myös, kun dokumentti avataan seuraavan kerran. Jos haluat poistaa kuvaresurssien luonnin käytöstä, poista valinta kohdasta Tiedosto > Automatisoi > Generator-laajennukset > Kuvaresurssit.

Resurssien luominen pilvidokumenteille

Kun käsittelet pilvidokumenttia, resurssit tallennetaan Photoshop Cloud Associates -hakemistoon:

  • Windows: C:\Users\käyttäjänimi\Documents\Adobe\Photoshop Cloud Associates
  • macOS: /Users/käyttäjänimi/Documents/Adobe/Photoshop Cloud Associates

Useiden kuvaresurssien luominen tasosta tai tasoryhmästä

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

Resurssien tallentaminen alikansioon

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 

Verkkosisältöesimerkki

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:

Verkkosivu ja sen tasorakenne

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

  • Lisätään kuvatiedostotunnisteet tasojen nimiin.
Tasojen tai tasoryhmien nimeäminen uudelleen Photoshopissa

Tasojen tai tasoryhmien nimeäminen uudelleen Photoshopissa

Tasojen tai tasoryhmien nimeäminen uudelleen

Huomautus:

Tason tai tasoryhmän sisällöstä luodaan yksi kuvaresurssi. Esimerkiksi yllä olevan kuvan AdventureCo-logo-tasoryhmä sisältää muototason ja tekstitason. Tasot yhdistetään, kun tasoryhmästä luodaan kuvaresurssi.

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

Luodut kuvaresurssit Photoshopissa
Luodut kuvaresurssit

Laatu- ja kokoparametrien määrittäminen

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.

JPEG-resurssien parametrit

  • 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.

Huomautus:

Kuten esimerkeistä käy ilmi, voit käyttää eri yksiköitä ja pikseliarvoja samassa resurssissa määrittäessäsi sen kokoa. Esimerkiksi 4in x 100 Nelikulmio_3.jpg on resurssin luontiin kelpaava nimi.

PNG-resurssien parametrit

  • 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.

Huomautus:

Kuten esimerkeistä käy ilmi, voit käyttää eri yksiköitä ja pikseliarvoja samassa resurssissa määrittäessäsi sen kokoa. Esimerkiksi 4in x 100 Nelikulmio_3.png on resurssin luontiin kelpaava nimi.

GIF-resurssien parametrit

  • 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.

Huomautus:

Kuten esimerkeistä käy ilmi, voit käyttää eri yksiköitä ja pikseliarvoja samassa resurssissa määrittäessäsi sen kokoa. Esimerkiksi 4in x 100 Nelikulmio_3.gif on resurssin luontiin kelpaava nimi.

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

Monimutkaiset tasojen nimet

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 %).

Esimerkkejä absoluuttisesta skaalauksesta

Hyviä esimerkkejä absoluuttisesta skaalauksesta

  • 100x80 foo.png (yksinkertainen absoluuttinen skaalaus)
  • 80 x 100px foo.png (välit pituuksien välissä)
  • 4in x100 foo.png (yksikkö ja ei yksikköä)
  • 90mm x120cm foo.png (eri yksiköt)
  • 100x? foo.png (yleismerkki)
  • ?x60in foo.png (yleismerkki alussa)

Huonoja esimerkkejä absoluuttisesta skaalauksesta

  • 100x100foo.png (ei väliä ennen tiedostonimeä)
  • 80x100 60% foo.png (absoluuttisen ja suhteellisen skaalauksen yhdistelmä)
  • 50% 80x100 foo.png (absoluuttisen ja suhteellisen skaalauksen yhdistelmä)
  • 20in cm x50cm foo.png (useita yksikköjä)
  • 30nm x20 nano.png (virheellinen yksikkö)

Usean tiedoston muotoileminen ja erottaminen

Hyviä esimerkkejä

  • Layer 1.png (väli on sallittu tiedostonimessä – tuloksena on yksi tiedosto nimeltä Layer 1.png)
  • Layer 1.png,Layer 2.jpg (pilkku erottimena)
  • Layer 1.png, Layer 2.jpg (pilkku ja väli(t) erottimena)
  • Layer 1.png+Layer 2.jpg (plusmerkki erottimena)
  • Layer 1.png + Layer 2.jpg (plusmerkki ja väli(t) erottimena)

Resurssien yhdistäminen

Resursseista 100% Herkku, 42% Layer 1.png24 + 100x100 Layer.jpg-90%, 250% Quux/Foo Bar Baz.gif on tuloksena kolme tiedostoa (100% Herkku -merkkijono ohitetaan, koska se ei ole tiedostonimi):

  • Layer 1.png skaalauksella 42 % 24-bittisenä png-tiedostona
  • Layer.jpg absoluuttisessa 100x100 pikselin koossa jpg-tiedostona, jonka laatu on 90 %
  • Foo Bar Baz.gif alikansiossa Quux skaalauksella 250 % gif-tiedostona.

Resurssien oletusasetusten määrittäminen

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:

default hi-res/

Kaikki kuvaresurssit luodaan hi-res-nimiseen kansioon. Esimerkki: [resurssikansio]/hi-res/Herkku.jpg.

default hi-res/@2x

Kaikki kuvaresurssit luodaan hi-res-nimiseen kansioon. Lisäksi resurssien nimien perään lisätään @2x. Esimerkki: [resurssikansio]/hi-res/Herkku@2x.jpg.

default 50% lo-res/

Kuvaresursseja pienennetään 50 prosenttia, ja ne tallennetaan lo-res-nimiseen alikansioon, joka on dokumentin resurssikansiossa. 

default hi-res/@2x + 50% lo-res/

Tasosta luodaan kaksi kuvaresurssia:

  • Hi-res-nimiseen alikansioon luodaan kuvaresurssi, jonka nimen perässä on @2x.
  • Lo-res-nimiseen alikansioon luodaan kuvaresurssi, jota on pienennetty 50 prosenttia
    .
Huomautus:

Yksittäisille tasoille määritetyt skaalauskertoimet korvaavat oletusarvoiset skaalauskertoimet.

Kuvaresurssien luonnin poistaminen käytöstä kaikissa dokumenteissa

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.
Huomautus:

Tiedosto > Automatisoi > Generator-laajennukset -valikon komento poistuu käytöstä, kun kuvaresurssien luonti poistetaan käytöstä Oletusasetuksissa. Toiminnon voi ottaa uudelleen käyttöön vain Oletusasetukset-valintaikkunasta.

Generator-laajennusvalikko

Ennen Photoshopin tietokoneversion versiota 25.11 julkaisua heinäkuussa 2024 Generator-laajennukset sijaitsivat Tiedosto > Generoi -valikossa.

Nyt kaikki Generator-laajennukset, myös Kuvaresurssit -oletuslaajennus, ovat Tiedosto > Automatisoi > Generator-laajennukset -valikossa.  Tämä muutos selkeytti alivalikon nimeä ja erotti sen uusista generatiivisista ominaisuuksista, kuten Generoi kuva -toiminnosta.

Usein kysytyt kysymykset

Lisää samantyyppisiä

Pyydä apua nopeammin ja helpommin

Oletko uusi käyttäjä?