U kunt JPEG-, PNG-, GIF- of SVG-afbeeldingsmiddelen genereren op basis van de inhoud van een laag of laaggroep in een PSD-bestand. Er worden automatisch middelen gegenereerd wanneer u een ondersteunde extensie voor een afbeeldingsindeling toevoegt aan de naam van een laag of laaggroep. U kunt desgewenst ook de parameters voor kwaliteit en grootte opgeven voor de gegenereerde afbeeldingsmiddelen.
Het genereren van afbeeldingsmiddelen uit een PSD-bestand is bijzonder handig wanneer u websites ontwerpt voor verschillende apparaten.
Voor het maken en exporteren van webafbeeldingen, zie Het exporteren van bestanden in verschillende formaten vanuit Photoshop.
Als u de generator voor afbeeldingselementen beter wilt begrijpen, kunt u dit eenvoudige PSD-bestand (te downloaden via deze koppeling) gebruiken met de volgende laagvolgorde:
De laaghiërarchie voor dit bestand bestaat uit twee laaggroepen: Rounded_rectangles en Ellipses. Elk van deze laaggroepen bevat vijf lagen.
Voer de volgende stappen uit om afbeeldingsmiddelen te genereren op basis van dit PSD-bestand:
De speciale tekens : en * worden niet ondersteund in laagnamen.
Photoshop genereert de afbeeldingsmiddelen en slaat deze samen met het PSD-bronbestand op in een submap. Als het PSD-bronbestand nog niet is opgeslagen, slaat Photoshop de gegenereerde middelen op in een nieuwe map op uw bureaublad.
Het genereren van afbeeldingsmiddelen is ingeschakeld voor het huidige document. Als deze functie eenmaal is ingeschakeld, blijft deze steeds actief wanneer u het document weer opent. Ga naar Bestand > Genereren > Afbeeldingsmiddelen om het genereren van afbeeldingsmiddelen uit te schakelen voor het huidige document.
Als u met een clouddocument werkt, worden assets opgeslagen in de map Photoshop Cloud Associates:
Als u meerdere middelen wilt genereren op basis van een laag of laaggroep, scheidt u de middelnamen met een komma van elkaar. De volgende laagnaam genereert bijvoorbeeld drie middelen:
Ellipse_4.jpg, Ellipse_4b.png, Ellipse_4c.png
U kunt ervoor kiezen om afbeeldingsmiddelen die vanuit bepaalde lagen/laaggroepen zijn gegenereerd, op te slaan in een submap, direct onder de middelenmap van het document. Neem de naam van de submap op in de naam van de laag/laaggroep, bijvoorbeeld:
[submap]/Ellipse_4.jpg
Het genereren van afbeeldingsmiddelen uit een PSD-bestand is bijzonder handig wanneer u websites ontwerpt voor verschillende apparaten. Neem bijvoorbeeld het volgende webontwerp en de bijbehorende laagstructuur:
We gaan het pictogram bovenaan en de bovenste rij van het afbeeldingsraster Global Hotspots extraheren als afbeeldingsmiddelen:
Wijzig de namen van de desbetreffende lagen/laaggroepen
Er wordt één afbeeldingsmiddel gegenereerd op basis van de inhoud van een laag of laaggroep. De laaggroep AdventureCo Logo in de bovenstaande illustratie bevat bijvoorbeeld een vormlaag en een actieve tekstlaag. Deze lagen worden samengevoegd wanneer een afbeeldingsmiddel wordt gemaakt op basis van de laaggroep.
Photoshop genereert de middelen en slaat deze op dezelfde locatie op als het PSD-bronbestand.
JPEG-middelen worden standaard met een kwaliteit van 90% gegenereerd. PNG-middelen worden standaard als 32-bits afbeeldingen gegenereerd. GIF-middelen worden met standaard alfatransparantie gegenereerd.
Als u de namen van lagen of laaggroepen wijzigt in voorbereiding op het genereren van middelen, kunt u kwaliteit en grootte aanpassen.
Opmerking:Vergeet niet een spatie te plaatsen tussen het voorvoegsel en de naam van het middel. Als u de grootte in pixels opgeeft, kunt u de eenheid weglaten. Bijvoorbeeld 300 x 200.
Zoals uit de illustratie blijkt, kunt u verschillende eenheden en pixels door elkaar gebruiken als u de gewenste grootte voor de uitvoerafbeelding opgeeft. Zo is 4in x 100 Rounded_rectangle_3.jpg een geldige laagnaam voor het genereren van middelen.
Opmerking:Vergeet niet een spatie te plaatsen tussen het voorvoegsel en de naam van het middel. Als u de grootte in pixels opgeeft, kunt u de eenheid weglaten. Bijvoorbeeld 300 x 200.
Zoals uit de illustratie blijkt, kunt u verschillende eenheden en pixels door elkaar gebruiken als u de gewenste grootte voor de uitvoerafbeelding opgeeft. Zo is 4in x 100 Rounded_rectangle_3.png een geldige laagnaam voor het genereren van middelen.
Opmerking:Vergeet niet een spatie te plaatsen tussen het voorvoegsel en de naam van het middel. Als u de grootte in pixels opgeeft, kunt u de eenheid weglaten. Bijvoorbeeld 300 x 200.
Zoals uit de illustratie blijkt, kunt u verschillende eenheden en pixels door elkaar gebruiken als u de gewenste grootte voor de uitvoerafbeelding opgeeft. Zo is 4in x 100 Rounded_rectangle_3.gif een geldige laagnaam voor het genereren van middelen.
Parameters voor kwaliteit zijn niet beschikbaar voor GIF-middelen.
U kunt meerdere middelnamen opgeven met parameters terwijl u een laag benoemt voor het genereren van middelen. Bijvoorbeeld:
120% Delicious.jpg, 42% Delicious.png24, 100x100 Delicious_2.jpg90%, 250% Delicious.gif
Photoshop genereert de volgende middelen op basis van deze laag:
100% Delicious, 42% Laag 1.png24 + 100x100 Laag.jpg-90% , 250% Quux/Foo Bar Baz.gif resulteert in drie bestanden (de tekenreeks '100% Delicious' wordt genegeerd omdat het geen bestandsnaam is):
U kunt voor het gehele document standaardinstellingen voor de gegenereerde middelen opgeven. Voer de volgende stappen uit:
default hi-res/
Hiermee worden alle afbeeldingsmiddelen gegenereerd in een submap hi-res. Bijvoorbeeld [middelenmap]/hi-res/Delicious.jpg.
default hi-res/@2x
Hiermee worden alle afbeeldingsmiddelen gegenereerd in een submap hi-res. Voeg daarnaast het achtervoegsel @2x aan de middelnamen toe. Bijvoorbeeld [middelenmap]/hi-res/Delicious@2x.jpg.
default 50% lo-res/
Hiermee slaat u afbeeldingsmiddelen met een schaal van 50% op in de submap lo-res onder de middelenmap van het document
default hi-res/@2x + 50% lo-res/
Hiermee worden twee afbeeldingsmiddelen vanuit een laag gemaakt:
Standaard schaalfactoren worden overschreven door schaalfactoren die voor een specifieke laag zijn opgegeven.
U kunt het genereren van afbeeldingsmiddelen globaal uitschakelen voor alle Photoshop-documenten door uw Voorkeuren te wijzigen.
De opdracht Bestand > Genereren is niet beschikbaar als u het genereren van afbeeldingsmiddelen uitschakelt in de Voorkeuren. U kunt deze functie alleen weer inschakelen in het dialoogvenster Voorkeuren.
Middelnamen dienen uniek te zijn op documentniveau.
JPG-middelen worden standaard met een kwaliteit van 90% gegenereerd. PNG-middelen worden standaard als 32-bits afbeeldingen gegenereerd. GIF-middelen worden met standaard alfatransparantie gegenereerd.
Ja. Transparantie en andere op een laag toegepaste effecten worden weerspiegeld in de middelen die op basis van die laag worden gegenereerd. Het is echter mogelijk dat deze effecten worden samengevoegd in de gegenereerde middelen.
Middelen worden bijgesneden tot de documentgrenzen. Als een afbeelding groter is dan de documentgrenzen, maakt Generator niet de bijbehorende afbeeldingsmiddelen.
U kunt niet alleen een komma (,), maar ook het plus-teken (+) gebruiken als scheidingsteken tussen namen van afbeeldingsmiddelen. Bijvoorbeeld:
42% Rounded_rectangle_1.png24 + 100x100 Rounded_rectangle_1.jpg90%
is gelijk aan:
42% Rounded_rectangle_1.png24, 100x100 Rounded_rectangle_1.jpg90%
Aanmelden bij je account