Képkellékek létrehozása rétegekből

Utoljára frissítve: 2026. okt. 29.

A generátorral automatikusan hozhat létre fájlokat, ha a rétegnevekhez olyan formátumbővítményeket fűz, mint a .png vagy a .jpg.

Ha fájlkiterjesztéseket fűz a rétegnevekhez, azzal aktiválja a Photoshop generátorát, amely mentéskor automatikusan létrehozza a képfájlokat.Ez kiküszöböli az ismétlődő exportálási lépéseket olyan webes, alkalmazás- és többeszközös projektek esetén, amelyek több formátumot vagy méretet igényelnek.

Ez a munkafolyamat akkor működik a legjobban, ha több formátumban vagy felbontásban van szüksége egységes, ismételhető exportálásra – például @1x, @2x és @3x verziók készítéséhez reszponzív dizájnokhoz.Egyszeri exportáláshoz, vagy ha formátumspecifikus beállításokra van szüksége, használja inkább a(z) Fájl > Exportálás > Exportálás másként lehetőséget.

A generátor létrehoz egy külön mappát az eszközökhöz, és munka közben automatikusan frissíti a fájlokat. Egyetlen Rétegből több formátumot is létrehozhat, megadhatja a minőségi beállításokat, különböző méretekre skálázhatja az eszközöket, és almappákba rendezheti a kimeneteket – mindezt a Rétegelnevezési szabályokkal.

  • Elnevezett rétegeket vagy rétegcsoportokat tartalmazó Photoshop-dokumentum
  • Mentett dokumentum ismert helyre (különben az eszközök az asztalon jelennek meg)
  • A projekthez szükséges kimeneti formátumok ismerete

Képeszközök létrehozásának engedélyezése

Válassza a Fájl > Automatizálás > Generátor beépülő modulok > Képeszközök lehetőséget.

A Rétegek panelen keresse meg az exportálni kívánt réteget vagy csoportot.

Nevezze át a réteget egy fájlkiterjesztés hozzáfűzésével: .jpg, .png, .gif vagy .svg.Például nevezze át a „logo” Réteget erre: „logo.png”.

Mentse a dokumentumot a(z) Ctrl + S (Windows) vagy a(z) Command + S (macOS) billentyűkkel.

A Photoshop a mentett dokumentum mellett egy almappában hozza létre a képfájlt. Ha a dokumentumot még nem mentette, az eszközök egy új mappában jelennek meg az asztalon. A generátor aktív marad – a generátorral engedélyezett Rétegek bármely módosítása automatikusan frissíti a megfelelő eszközöket.

Jegyzet

A rétegnevek nem tartalmazhatnak : (kettőspont) vagy * (csillag) karaktert, mert ezek megakadályozzák az eszközök létrehozását.

Több formátum létrehozása egy rétegből

Egyetlen réteg egyszerre különböző formátumú, méretű és minőségű eszközöket is képes előállítani.A rétegnévben az egyes eszközmeghatározásokat vesszővel vagy pluszjellel válassza el egymástól.

Jelölje ki a réteget a Rétegek panelen.

Nevezze át a réteget vesszővel elválasztott formátumban – például: button.png, button.jpg90, 200% button@2x.png.

Mentse a dokumentumot.

A Photoshop három különálló fájlt hoz létre ugyanabból a Réteg tartalomból, így nincs szükség arra, hogy manuálisan exportálja ugyanazt a grafikát különböző formátumokban.

Minőség szabályozása és elemek méretezése különböző Screens esetén

Jelölje ki a réteget a Rétegek panelen.

Adja hozzá a minőségi vagy méretparamétereket a fájlnévhez.Például: a „button.jpg90” a JPEG minőségét 90%-ra állítja, vagy a „200% logo@2x.png” megduplázza az elem méretét.

Több felbontás esetén válassza el az egyes specifikációkat vesszővel: „icon.png, 200% icon@2x.png, 300% icon@3x.png”.

Mentse el a dokumentumot az összes változat létrehozásához.

A minőségi utótagok szabályozzák a JPG fájlok tömörítését (1-100), valamint a PNG fájlok bitmélységét (8, 24 vagy 32).A méretelőtagok százalékos arányú relatív méretezést vagy abszolút pixelméreteket fogadnak el.Keverheti a mértékegységeket – például: „10in x 5cm banner.jpg” –, és egy dimenziót kihagyva arányosan méretezheti: a „1080 x icon.png” a Szélességet 1080 pixelre állítja, míg megtartja a méretarányt.

Tipp

Használja a @2x és @3x elnevezési konvenciókat, hogy automatikusan létrehozza a retina és nagy DPI-jű verziókat a reszponzív web projektekhez és mobilalkalmazásokhoz.

Relatív méretezési példák:

200% logo.png megduplázza az elem méretét

50% thumbnail.jpg felére csökkenti az elem méretét

Abszolút méretezési példák:

A 300 x 200 hero.png létrehoz egy 300×200 pixeles képet

A 10in x 5cm banner.jpg kevert mértékegységeket használ (10 hüvelyk széles, 5 centiméter magas)

1080 x icon.png a szélességet 1080 pixelre állítja, a magasság arányosan méreteződik

Tipp

Pixelméretek megadásakor írja be a számokat közvetlenül, mértékegység-jelölés nélkül.Használja a „300 x 200” formátumot a „300px x 200px” helyett.

Elemek rendszerezése almappákba

Alapértelmezés szerint minden létrehozott elem egyetlen mappába kerül mentésre a PSD fájl mellett.Ha a fájlnév elé almappa nevet ad meg, a generátor automatikusan létrehozza és használja azt az almappát.Ez rendszerezi az összetartozó elemeket manuális mappakezelés nélkül.

Adja meg az almappa útvonalát a réteg nevében perjel (/) használatával: subfolder/filename.png vagy icons/logo.svg.Több szintet is egymásba ágyazhat: assets/icons/logo.png.

Elemek exportálása meghatározott mappákba

Nevezze át a Réteget a fájlnévben megadott almappa-útvonalak segítségével. Például: mobile/button.png, desktop/button.png.

Mentse a dokumentumot.

A Photoshop automatikusan létrehozza a mappaszerkezetet, és minden elemet a kijelölt helyre helyez. Az almappák méret-előtagokkal és minőségi beállításokkal való kombinálása teljes körű irányítást biztosít az elemek rendszerezése felett: mobile/200% button@2x.png, desktop/button.jpg90.

Dokumentumszintű alapértékek beállítása

Hozzon létre egy speciális Réteget az összes létrehozott elemre vonatkozó alapvonal-beállítások megadásához. Ez megszünteti a paraméterek ismétlődő megadását az egyes rétegek neveiben.

Hozzon létre egy üres Réteget, és nevezze el úgy, hogy az a „default” szóval kezdődjön, amelyet a kívánt beállítások követnek. Gyakori beállítások közé tartozik a „default 200%”, amely minden elemet 200%-ra méretez, a „default assets/”, amely mindent egy assets almappába ment, illetve a „default @2x”, amely minden fájlnévhez hozzáadja a @2x utótagot.

Több alapértéket is kombinálhat: a „default 200% retina/ @2x” minden elemet 200%-ra méretez, egy retina almappába menti őket, és hozzáadja a @2x utótagot a fájlnevekhez. Az egyes Réteg-beállítások felülírják a dokumentum alapértékeit – ha az alapérték a „default 200%” beállítást adja meg, de egy Réteg neve a „50% thumbnail.png” szöveget tartalmazza, az a Réteg 50%-os méretben jön létre.

Munka felhőalapú dokumentumokkal

A felhőalapú dokumentumok a létrehozott elemeket helyileg tárolják, nem közvetlenül a PSD-fájl mellett.A Photoshop fenntartja ezt a szétválasztást, hogy megkülönböztesse a helyi és a felhőben szinkronizált tartalmat.

A felhőalapú dokumentumok elemei a következő helyeken jelennek meg:

  • Windows: C:\Usersusername>\Documents\Adobe\Photoshop Cloud Associates
  • macOS: /Users//Documents/Adobe/Photoshop Cloud Associates

Minden felhőalapú dokumentum saját almappát hoz létre ebben a könyvtárban. Az elemek automatikusan létrejönnek munka közben, de a helyi gépen maradnak, amíg Ön kifejezetten meg nem osztja vagy szinkronizálja őket a Creative Cloudban.

Elemek létrehozásának letiltása

A képelemek létrehozása engedélyezés után aktív marad egy dokumentumnál, és a munkamenetek között is megmarad.A funkció minden mentéskor automatikusan újra létrehozza az elemeket, ami összetett dokumentumok esetén lassíthatja a teljesítményt.

A létrehozás kikapcsolásához az aktuális dokumentumnál szüntesse meg a Fájl > Automatizálás > Generátor beépülő modulok > Képelemek kijelölését. Ez leállítja az automatikus elemlétrehozást, de megtartja a meglévő elemeket, valamint a Rétegek elnevezését.

A generátor összes dokumentumra kiterjedő globális kikapcsolásához válassza a Szerkesztés > Beállítások > Beépülő modulok lehetőséget, törölje a Generátor engedélyezése jelölőnégyzet jelölését, majd válassza az OK gombot. Ez teljesen kikapcsolja a generátor funkcióit, amíg újra nem engedélyezi azokat a Beállításokban.