Luo kuvaresursseja Photoshopissa

painovalmis-aineisto
Painovalmis aineisto
2017/09/18
annukka.info synttäriarvonta
2017/10/04
Näytä kaikki

Luo kuvaresursseja Photoshopissa

Photoshop vinkki

En tiedä tekeekö kukaan muu enää mun lisäkseni web-grafiikkaa Photoshopilla, mutta tässä todella paljon aikaa säästävä vinkki kaikille ’ei-Sketch-käyttäjille’. Tämän niksin avulla vältyt itse tekemästä jokaisesta kuvasta kaksi eri kokoista versiota webiä varten ja annat Photoshopin luoda ne puolestasi.

Nimeä kaikki tasot jotka haluat viedä kuvasta webiin, siten että niillä on haluamasi tiedostopääte (kuva.xxx). Jos kuvalle ei anneta päätettä, sitä ei viedä ohjelmasta.

Tasot photoshopissa

Tee ylimmäksi tasoksi tyhjä taso ja anna sen nimeksi default hi-res/@2x + 50% lo-res/

Tason nimi photoshop

Tässä nimessä hi-res ja lo-res ovat kansion nimet, jotka luodaan vietäessä. Hi-resiin PS laittaa kuvat 1:1 kokoon ja lisää automaattisesti nimeen ”retina”liitteen @2x. Lo-res kansioon viedään kuvista puolet pienempi versio.

Valitse Tiedosto/Luo/Kuvaresurssit

Photoshop luo alkuperäisen kuvan tallennuspaikkaan Assets-kansion, jonka sisällä:

Kansiot photoshop

Ja edelleen Hi-resin sisällä:

retina kuvat

Vastaa

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *

Spam Blocking by WP-SpamShield

This site uses Akismet to reduce spam. Learn how your comment data is processed.