Felhasználói útmutató Mégse

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

Megjegyzés:

A Képkellékek funkció ezentúl a Fájl > Automatizálás > Generátorbővítmények lehetőséget választva indítható el.

A PSD-fájlok rétegeinek vagy rétegcsoportjainak tartalmából JPEG, PNG, GIF vagy SVG formátumú képkellékeket hozhat létre. Ha egy réteg vagy rétegcsoport nevéhez hozzáfűzi valamely támogatott képformátum kiterjesztését, a program automatikusan kellékeket hoz létre belőle. Ha gondolja, a létrehozandó képkellékek minőségi és méretbeli paramétereit is megadhatja.

A képkellékek PSD-fájlokból való létrehozása különösen a több kellékre történő weblaptervezés során lehet hasznos.

A webes grafikák készítésének és exportálásának módjáról a Fájlok exportálása a Photoshopból különböző formátumokban című cikkben olvashat.

Képkellékek létrehozása rétegekből és rétegcsoportokból

Hogy érthetőbbé váljon a képkellék-generátor működésének lényege, nézze meg az innen letölthető PSD-példafájlt, amelynek réteghierarchiája a következő:

Photoshop – Képkellékek generálása
Példa: PSD-fájl és annak réteghierarchiája

A fájl réteghierarchiája két rétegcsoportból áll: Rounded_rectangles („Lekerekített_téglalapok”) és Ellipses („Ellipszisek”). Mindkét rétegcsoport öt-öt réteget tartalmaz.

A PSD-fájlból a következőképpen hozhat létre képkellékeket:

  1. Nyissa meg a PSD-fájlt, és válassza a Fájl > Automatizálás > Generátorbővítmények > Képkellékek lehetőséget.
  2. Írja a megfelelő fájlformátum-kiterjesztést (.jpg, .png.gif vagy .svg) a képkellékek létrehozásához használni kívánt rétegek vagy rétegcsoportok neve után. Írja át például a Rounded_rectangles és az Ellipses rétegcsoport nevét a következőre: Rounded_rectangles.jpg és Ellipses.png, az Ellipse_4 („Ellipszis_4”) rétegnek pedig adja az Ellipse_4.gif nevet.
Megjegyzés:

A rétegnevekben nem használhatók a következő speciális karakterek: : és *.

A Photoshop létrehozza a képkellékeket, és menti azokat egy almappába a forrásként szolgáló PSD-fájl mellé. Ha a PSD-forrásfájl még nincs mentve, a Photoshop a rendszer asztalán egy új mappába menti a létrehozott kellékeket.

Photoshop – Képkellékek nevei
A képkellékek nevét a rétegek vagy rétegcsoportok nevéből generálja a program.

Megjegyzés:

A képkellékek létrehozásának engedélyezése az aktuális dokumentumra érvényes. Engedélyezése után a funkció a dokumentum legközelebbi megnyitásakor is elérhető lesz. Ha le szeretné tiltani a képkellékek létrehozását az aktuális dokumentumhoz, törölje a Fájl > Automatizálás > Generátorbővítmények > Képkellékek menüpont jelölését.

Kellékek létrehozása felhőalapú dokumentumokhoz

Ha felhőalapú dokumentummal dolgozik, a kellékek mentése a „Photoshop Cloud Associates” könyvtárba történik:

  • Windows: C:\Users\felhasználónév\Documents\Adobe\Photoshop Cloud Associates
  • macOS: /Users/felhasználónév/Documents/Adobe/Photoshop Cloud Associates

Több kellék létrehozása egy rétegből vagy rétegcsoportból

Ha egyetlen rétegből, illetve rétegcsoportból több képkelléket szeretne létrehozni, az egyes kellékneveket vesszővel válassza el egymástól. Az alábbi rétegnévből például a program három kelléket hoz létre:

Ellipse_4.jpg, Ellipse_4b.png, Ellipse_4c.png

Kellékek mentése almappába

Adott rétegekből/rétegcsoportokból létrehozott képkellékeket közvetlenül a dokumentum kellékmappája alatti almappába is mentheti. Foglalja az almappa nevét a réteg/rétegcsoport nevébe; például:

[almappa]/Ellipse_4.jpg 

Weblaptervezési felhasználás

A képkellékek PSD-fájlokból való létrehozása különösen a több kellékre történő weblaptervezés során lehet hasznos. Példaként tekintse át az alábbi weblaptervet és annak rétegstruktúráját:

Weblapterv és annak rétegstruktúrája

Nyerjük ki a legfelső ikont és a Global Hotspots („Úti célok világszerte”) nevű képrács felső sorát képkellékként való felhasználásra:

  • Írja a kívánt képformátum-kiterjesztést a megfelelő rétegek nevének végéhez.
Photoshop – A megfelelő rétegek, illetve rétegcsoportok átnevezése

Photoshop – A megfelelő rétegek, illetve rétegcsoportok átnevezése

A megfelelő rétegek, illetve rétegcsoportok átnevezése

Megjegyzés:

Egy adott réteg, illetve rétegcsoport tartalmából a program egyetlen képkelléket hoz létre. A fenti képernyőképen látható AdventureCo Logo nevű rétegcsoport például egy alakzatréteget és egy élő szövegréteget tartalmaz. Amikor képkelléket hoz létre a rétegcsoportból, a program összeolvasztja ezeket a rétegeket.

A Photoshop létrehozza a kellékeket, és a forrásként felhasznált PSD-fájllal azonos helyre menti azokat.

Photoshop – Létrehozott képkellékek
Létrehozott képkellékek

Minőség és méret megadása

A JPEG formátumú kellékeket a program alapértelmezés szerint 90%-os minőségben menti. A PNG formátumú kellékeket a Photoshop alapértelmezés szerint 32 bites képként hozza létre. A GIF formátumú kellékeket a program egyszerű alfa átlátszósággal hozza létre.

Amikor kellékek létrehozása céljából átnevezi a kívánt rétegeket és rétegcsoportokat, egyéni minőséget és méretet is megadhat.

JPEG formátumú kellékek paraméterei

  • A kívánt kimeneti minőséget utótagként kell hozzáfűznie a kellék nevéhez: .jpg(1-10) vagy .jpg(1-100%). Például:
    • Ellipse_4.jpg5
    • Ellipse_4.jpg50%
  • A kívánt kimeneti képméretet a kelléknév előtagjaként kell megadni százalékos arányként vagy a támogatott mértékegységek – px (képpont), in (hüvelyk), cm, mm – valamelyikével. A Photoshop ennek megfelelően méretezi a képet. Például:
    • 200% Ellipse_4.jpg
    • 300 x 200 Rounded_rectangle_3.jpg
    • 10in x 200mm Rounded_rectangle_3.jpg

Megjegyzés: Ne felejtsen el szóközt írni az előtag és a kelléknév közé. Ha képpontban adja meg a méretet, a mértékegység elhagyható. Például: 300 x 200.

Megjegyzés:

A kimeneti kép kívánt méretét – ahogy az a példában is látható – különböző mértékegységekben és képpontokban vegyesen is megadhatja. A 4in x 100 Rounded_rectangle_3.jpg például érvényes rétegnév a kellékek létrehozásához.

PNG formátumú kellékek paraméterei

  • A kívánt kimeneti minőséget utótagként kell hozzáfűznie a kellék nevéhez: 8, 24 vagy 32. Például:
    • Ellipse_4.png24
  • A kívánt kimeneti képméretet a kelléknév előtagjaként kell megadni százalékos arányként vagy a támogatott mértékegységek – px (képpont), in (hüvelyk), cm, mm – valamelyikével. A Photoshop ennek megfelelően méretezi a képet. Például:
    • 42% Ellipse_4.png
    • 300mm x 20cm Rounded_rectangle_3.png
    • 10in x 50cm Rounded_rectangle_3.png

Megjegyzés: Ne felejtsen el szóközt írni az előtag és a kelléknév közé. Ha képpontban adja meg a méretet, a mértékegység elhagyható. Például: 300 x 200.

Megjegyzés:

A kimeneti kép kívánt méretét – ahogy az a példában is látható – különböző mértékegységekben és képpontokban vegyesen is megadhatja. A 4in x 100 Rounded_rectangle_3.png például érvényes rétegnév a kellékek létrehozásához.

GIF formátumú kellékek paraméterei

  • A kívánt kimeneti képméretet a kelléknév előtagjaként kell megadni százalékos arányként vagy a támogatott mértékegységek – px (képpont), in (hüvelyk), cm, mm – valamelyikével. Például:
    • 42% Ellipse_4.gif
    • 300mm x 20cm Rounded_rectangle_3.gif
    • 20in x 50cm Rounded_rectangle_3.gif

Megjegyzés: Ne felejtsen el szóközt írni az előtag és a kelléknév közé. Ha képpontban adja meg a méretet, a mértékegység elhagyható. Például: 300 x 200.

Megjegyzés:

A kimeneti kép kívánt méretét – ahogy az a példában is látható – különböző mértékegységekben és képpontokban vegyesen is megadhatja. A 4in x 100 Rounded_rectangle_3.gif például érvényes rétegnév az eszközök létrehozásához.

GIF formátumú kellékek esetén minőségi paraméterek nem adhatók meg.

Összetett rétegnevek összeállítása

Amikor a kellékek létrehozásához elnevez egy adott réteget, több, paramétereket tartalmazó kelléknevet is megadhat. Például:

120% Delicious.jpg, 42% Delicious.png24, 100x100 Delicious_2.jpg90%, 250% Delicious.gif

A Photoshop ebből a rétegből a következő kellékeket hozza létre:

  • Delicious.jpg (8-as minőségű, 120%-ra átméretezett JPG-kép)
  • Delicious.jpg (24 bites, 42%-ra átméretezett PNG-kép)
  • Delicious_2.jpg (90%-os minőségű, 100 x 100 képpont abszolút méretű JPG-kép)
  • Delicious.gif (250%-ra átméretezett GIF-kép)

Példák az abszolút méretezésre

Jó példák az abszolút méretezésre

  • 100x80 foo.png (egyszerű abszolút méretezés)
  • 80 x 100px foo.png (szóközök az értékek között)
  • 4in x100 foo.png (mértékegységek és nem mértékegység típusú értékek keveréke)
  • 90mm x120cm foo.png (különböző mértékegységek keveréke)
  • 100x? foo.png (helyettesítő karakter)
  • ?x60in foo.png (helyettesítő karakter az elején)

Rossz példák az abszolút méretezésre

  • 100x100foo.png (nincs szóköz a fájlnév előtt)
  • 80x100 60% foo.png (abszolút és relatív méretezés keveréke)
  • 50% 80x100 foo.png (abszolút és relatív méretezés keveréke)
  • 20in cm x50cm foo.png (több mértékegység)
  • 30nm x20 nano.png (érvénytelen mértékegység)

Több fájl formázása és elkülönítése

Jó példák

  • Layer 1.png (A fájlnévben megengedett a szóköz – egyetlen „Layer 1.png” nevű fájlt eredményez)
  • Layer 1.png,Layer 2.jpg (elválasztóként használt vessző)
  • Layer 1.png, Layer 2.jpg (elválasztóként használt vessző, utána szóközzel)
  • Layer 1.png+Layer 2.jpg (elválasztóként használt pluszjel)
  • Layer 1.png + Layer 2.jpg (elválasztóként használt pluszjel, utána szóközzel)

Használat a gyakorlatban

100% Delicious, 42% Layer 1.png24 + 100x100 Layer.jpg-90% , 250% Quux/Foo Bar Baz.gif – Három fájlt hoz létre (A „100% Delicious” karakterláncot a program figyelmen kívül hagyja, mert nem fájlnév):

  • Layer 1.png – 42%-os méretezésű 24 bites png
  • Layer.jpg – 100x100 képpont abszolút méretű, 90%-os minőségű jpg
  • Foo Bar Baz.gif – a Quux almappába mentett, 250%-os méretezésű gif

Adja meg a kellékek alapbeállításait

A létrehozott kellékekhez egész dokumentumra érvényes alapbeállításokat adhat meg. Kövesse az alábbi lépéseket:

  1. Hozzon létre a dokumentumban egy üres réteget.
  2. Kezdje a réteg nevét a default kulcsszóval. Most adja meg azokat a beállításokat, amelyeket a dokumentumból generált összes képkellékre alkalmazni szeretne. Például:

default hi-res/

Az összes képkelléket a hi-res nevű almappában hozza létre. Például [kellék_mappa]/hi-res/Delicious.jpg.

default hi-res/@2x

Az összes képkelléket a hi-res nevű almappában hozza létre. Ezen kívül a kellékfájlnév után illeszti a @2x toldalékot. Például [kellék_mappa]/hi-res/Delicious@2x.jpg.

default 50% lo-res/

A képkellékeket 50%-os kicsinyítésben menti a dokumentum kellékmappája alatt lévő lo-res almappába 

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

Két képkelléket hoz létre a rétegből:

  • A hi-res almappában egy @2x toldalékkal kiegészített képkelléket
  • A lo-res almappában egy 50%-ra kicsinyített képkelléket
Megjegyzés:

Az alapértelmezett mérettényezőket felülírják az egyes rétegekre megadott mérettényezők.

Képkellékek létrehozásának letiltása minden dokumentumban

A képkellékek létrehozásának lehetőségét globálisan, minden Photoshop-dokumentumra kiterjedően is letilthatja a Beállítások menüben.

  1. Kattintson a Szerkesztés > Beállítások > Beépülő modulok menüpontra.
  2. Törölje a jelölést a Generátor engedélyezése jelölőnégyzetből.
  3. Kattintson az OK gombra.
Megjegyzés:

Ha a Beállítások párbeszédpanelen tiltja le a képkellékek létrehozását, a Fájl > Automatizálás > Generátorbővítmények menüparancs nem használható. A funkció csak a Beállítások párbeszédpanelen engedélyezhető ismét.

Generátorbővítmények menü

Az asztali Photoshop 2024. júliusi kiadását (25.11-es verzióját) megelőzően a Generátor bővítményeit (beépülő moduljait) a Fájl > Létrehozás paranccsal lehetett megjeleníteni.

Ezentúl a Generátor összes bővítménye (köztük az alapértelmezett Képkellékek bővítmény) a Fájl > Automatizálás > Generátorbővítmények paranccsal jeleníthető meg.  Azért vezettük be ezt a változtatást, hogy egyértelműbb legyen az almenü neve, és hogy meg lehessen különböztetni az almenüt az új generatív funkcióktól, például a Kép létrehozása funkciótól. 

Gyakori kérdések

További hasonló tartalmak

Kapjon segítséget gyorsabban és könnyebben!

Új felhasználó?