Afbeeldingsmiddelen genereren op basis van lagen

Door bestandsextensies aan laagnamen toe te voegen, activeer je de Generator van Photoshop om automatisch afbeeldingsbestanden te maken wanneer je opslaat. Hiermee vervallen herhalende exportstappen voor web, app en projecten voor meerdere apparaten waarvoor meerdere formaten of grootten nodig zijn.

workflow werkt het best wanneer je consistente, herhaalbare exports nodig hebt in meerdere formaten of resoluties, zoals het produceren van versies @1x, @2x en @3x voor responsive design. Gebruik in plaats daarvan Bestand > Exporteren > Exporteren als in plaats daarvan.

De generator maakt een speciale map voor je assets en werkt bestanden automatisch bij terwijl je werkt.Je kunt meerdere formaten genereren uit één enkele laag, kwaliteitsinstellingen opgeven, assets schalen naar verschillende grootten en uitvoer ordenen in submappen, allemaal via naamgevingsconventies voor lagen.

• Photoshop document met benoemde lagen of laaggroepen
• Opgeslagen document op een bekende locatie (anders verschijnen assets op Desktop)
• Kennis van vereiste uitvoerformaten voor je project

Genereren van afbeelding asset inschakelen

Photoshop maakt het afbeeldingsbestand in een submap naast je opgeslagen document. Als je document nog niet is opgeslagen, verschijnen assets in een nieuwe map op je Desktop. De generator blijft actief: elke wijziging in lagen waarvoor de generator is ingeschakeld, activeert automatische updates van bijbehorende assets.

Meerdere formaten uit één laag genereren

Eén enkele laag kan tegelijk assets produceren in verschillende formaten, grootten en kwaliteitsniveaus. Scheid elke assetspecificatie in de laagnaam met een komma of een plusteken.

Photoshop genereert drie afzonderlijke bestanden uit dezelfde Laagcontent, waardoor je dezelfde graphic niet handmatig in verschillende indelingen hoeft te exporteren.

Regelpaneel voor kwaliteit en assets op schaal voor verschillende Screens

Kwaliteitssuffixen bepalen de compressie voor JPG-bestanden (1-100) en de bitdiepte voor PNG-bestanden (8, 24 of 32). Groottevoorvoegsels accepteren percentages voor relatieve schaling of absolute pixelafmetingen. Je kunt eenheden combineren, bijvoorbeeld \"10in x 5cm banner.jpg\", en één afmeting weglaten om proportioneel te schalen: \"1080 x icon.png\" stelt de Breedte in op 1080 pixels terwijl de beeldverhouding behouden blijft.

Voorbeelden van relatieve schaling:

200% logo.png verdubbelt de assetgrootte

50% thumbnail.jpg verkleint de asset tot de helft

Voorbeelden van absolute afmetingen:

300 x 200 hero.png maakt een afbeelding van 300×200 pixels

10in x 5cm banner.jpg combineert eenheden (10 inch breed, 5 centimeter hoog)

1080 x icon.png stelt de breedte in op 1080 pixels, de hoogte schaalt proportioneel

Assets in submappen ordenen

Standaard worden alle gegenereerde assets opgeslagen in één map naast je PSD-bestand. Door een submapnaam toe te voegen vóór de bestandsnaam, laat je de generator die submap automatisch maken en gebruiken. Zo blijven gerelateerde assets geordend zonder handmatig mapbeheer.

Neem het submappad op in je laagnaam met schuine strepen: subfolder/filename.png of icons/logo.svg.Je kunt meerdere niveaus nesten: assets/icons/logo.png.

Assets exporteren naar specifieke mappen

Photoshop maakt automatisch de mapstructuur aan en plaatst elk asset op de aangewezen locatie.Door submappen te combineren met groottevoorvoegsels en kwaliteitsinstellingen krijg je volledige controle over de organisatie van assets: mobile/200% button@2x.png, desktop/button.jpg90.

Documentbrede standaardinstellingen instellen

Maak een speciale laag om basislijninstellingen in te stellen die van toepassing zijn op alle gegenereerde assets.Dit voorkomt dat je telkens dezelfde parameters moet opgeven in individuele laagnamen.

Maak een lege laag en geef deze een naam die begint met 'standaard', gevolgd door uw gewenste instellingen.Veelgebruikte configuraties zijn onder andere ‘default 200%’ om alle assets te schalen naar 200%, ‘default assets/’ om alles op te slaan in een submap met assets, of ‘default @2x’ om het achtervoegsel @2x toe te voegen aan alle bestandsnamen.

Je kunt meerdere standaardinstellingen combineren: ‘default 200% retina/ @2x’ schaalt alle assets naar 200%, slaat ze op in een submap met de naam retina en voegt het achtervoegsel @2x toe aan de bestandsnamen.Individuele laaginstellingen heffen de standaardinstellingen van het document tijdelijk op. Als je standaard ‘default 200%’ opgeeft, maar een laagnaam ‘50% thumbnail.png’ bevat, wordt die laag gegenereerd op 50%.

Werk met clouddocumenten

Clouddocumenten slaan gegenereerde assets lokaal op in plaats van rechtstreeks naast het PSD-bestand.Photoshop behoudt deze scheiding om onderscheid te maken tussen lokale en cloudgesynchroniseerde content.

Assets voor clouddocumenten worden weergegeven op de volgende locaties:

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

Elk clouddocument maakt een eigen submap aan binnen deze map.Assets worden automatisch gegenereerd terwijl je werkt, maar blijven op je lokale computer totdat je ze expliciet deelt of synchroniseert in Creative Cloud.

Assetgeneratie uitschakelen

Assetgeneratie voor afbeeldingen blijft actief voor een document zodra deze is ingeschakeld, en blijft behouden tussen sessies.Deze functie genereert assets automatisch opnieuw elke keer dat je opslaat, wat de prestaties kan vertragen bij complexe documenten.

Als je de generatie voor het huidige document wilt uitschakelen, deselecteer je Bestand > Automatiseren > Generator-plug-ins > Afbeeldingsassets.Dit stopt het automatisch maken van assets, maar behoudt bestaande assets en laagbenaming.

Om de generator globaal voor alle documenten uit te schakelen, selecteer je Bewerken > Voorkeuren > Plug-ins, schakel je Generator inschakelen uit en selecteer je OK. Dit schakelt de generatorfunctionaliteit volledig uit totdat je deze opnieuw inschakelt in Voorkeuren.