Adobe revolutionariseert Photoshop met Generator
Vanmorgen worden er 500.000 premium Creative Cloud-abonnees wakker voor een update-melding voor Adobe Photoshop. Het vlaggenschipproduct van Adobe is voor het eerst herzien sinds de overstap naar het abonnementsmodel in juni.
Het grote nieuws is dat voor het eerst het hart van Photoshop, de workflow, is herzien ten behoeve van webontwerpers.
De eigen workflow van Photoshop heeft nog nooit gewerkt voor webdesign. Als een hulpmiddel was Photoshop te omslachtig, waardoor een mix van slicing, layer merging en resaving meerdere keren nodig was om een ontwerp te exporteren. In 2000, toen afbeeldingen in de achtergrond van tabelcellen een goed idee leken, was Photoshop prima; maar het is inmiddels vervangen door speciale webtools zoals de superb Typecast.
Natuurlijk, Adobe heeft in het verleden met het idee van Photoshop voor het web geflirt met initiatieven als ImageReady; en het is altijd mogelijk geweest om afbeeldingen voor het web op te slaan vanuit Photoshop. Het is alleen zo dat die processen altijd aangeslagen waren.
Adobe Generator
Het doel van Photoshop 14.1 is om ontwerpers in staat te stellen snel te ontwerpen voor meerdere schermen. Het exporteren van assets is nu belachelijk eenvoudig: eerst moet u File> Generate> Image Assets inschakelen ; dan hernoem je een laag in Photoshop met de naam die je wilt gebruiken, bijvoorbeeld wdd.png , en Photoshop zal onmiddellijk een map met activa aanmaken met de afbeelding erin. U hoeft niet eens op Opslaan voor Web te klikken .
Bovendien is het genereren van activa live: als u een afbeelding in Photoshop bewerkt, wordt de afbeelding in uw map met items automatisch bijgewerkt.
Deze revolutionaire verandering in de manier waarop Photoshop werkt, wordt mogelijk gemaakt door Adobe Generator, wat open source is (je kunt het vinden op GitHub ). Gebouwd met Node.js u kunt zelfs uw eigen plug-ins schrijven voor Generator, wat betekent dat u de manier kunt aanpassen waarop Photoshop uw items exporteert. (Adobe raadt u aan het generatoractivabestand op GitHub te herzien als richtlijn voor elke plug-in die u maakt.)
Een van de demo's die we kregen was een gamingbedrijf dat een plug-in voor Generator had gebouwd die live naar hun game-engine was geëxporteerd. Je zou, op dezelfde manier, een plug-in kunnen bouwen om live op een server te publiceren, wat betekent dat je Photoshop zou kunnen openen en live-afbeeldingen op je website zou kunnen bewerken door simpelweg tweaks in je originele PSD aan te brengen.
Generator voor responsief ontwerp
Een extra functie is de optie om niet alleen een naam op te geven, maar ook opties voor de export. U kunt bijvoorbeeld de schaal op de afbeelding opgeven, u kunt zelfs meerdere afbeeldingen opgeven om tegelijkertijd een aantal verschillende elementen te maken; fantastisch voor responsief ontwerp.
Adobe verwacht dat de community veel plug-ins voor Generator zal bouwen, net zoals het acties voor Photoshop heeft. Echter, degene waarmee ze starten (afgezien van de standaard image generator) is een plug-in om Photoshop direct aan te binden Adobe Reflow; waardoor Photoshop voor de eerste keer ontwerpvriendelijk is.
Een van de grootste kopzorgen voor iedereen die een ontwerp vanuit Photoshop exporteert, is van oudsher het verwerken van tekst, die niet verantwoordelijk afbeeldingen op internet kan zijn. Ongelooflijk genoeg heeft Adobe die bezorgdheid ook in de Reflow-plug-in aangepakt door elke tekst te laten exporteren via generator-native HTML-tekst. U kunt zelfs alles met Typekit synchroniseren om consistentie van begin tot einde te creëren. Vormlagen zijn ook geadresseerd en zullen worden geëxporteerd naar Reflow als HTML & CSS.
Als u een van de vele ontwerpers bent die activabestanden van uw hoofd-PSD maken, zult u merken dat deze activabestanden nu in de bibliotheek van Reflow kunnen worden neergezet, zodat u in Reflow met bij te werken activa kunt ontwerpen.
Er is meer…
Naast Generator heeft Adobe tientallen aanvullende verbeteringen geïntroduceerd, waaronder meer stabiliteit; Behance-share is beschikbaar in meer talen; native PSDX-ondersteuning, 32-bits beeldondersteuning voor filters; verbeterde GPU-detectie; en verbeterde ankerpuntselectie.
Hoe spannend het ook is, er is eigenlijk meer: Adobe werkt momenteel met grote browserleveranciers aan een nieuw beeldformaat voor het web, een adaptief beeldformaat; zodra dat formaat is voltooid, zullen Photoshop en Generator dit ondersteunen. De heilige graal van webafbeeldingen is misschien net om de hoek.
Als u nog geen Creative Cloud-abonnee bent, raad ik u aan vandaag in te loggen voor een proefperiode van 30 dagen.
Conclusie
Adobe heeft recent veel flak gekaapt vanwege hun beslissing om naar een abonnementsmodel over te stappen, maar het is het Creative Cloud-abonnnemodel dat geweldige updates zoals deze mogelijk maakt en als Adobe op deze manier blijft innoveren, zijn de tegenstanders al snel het zwijgen opgelegd.
Photoshop was jarenlang de beste tool voor webontwerpers, maar de op afdrukken gebaseerde workflow en de gedateerde exportopties maakten het steeds minder relevant. Adobe Generator draait het gereedschap op zijn kop; het is een van de meest opwindende updates die ik ooit heb gezien voor een Adobe-product.
Plotseling is Photoshop opnieuw een tophond.