Share
In juni van dit jaar liepen we door enkele van de super handige functies van Adobe's Project Parfait. Project Parfait was een gratis webgebaseerd hulpmiddel, speciaal ontwikkeld om het PSD-codetextractieproces te stroomlijnen voor teams die Photoshop gebruiken als een belangrijk element in hun workflow.
Nu heeft Adobe de tool naar de volgende incarnatie gebracht, waarbij het direct is geïntegreerd in hun gratis cloudbestandopslag- en deelservice-service Creative Cloud Files (CC-bestanden) en op gepaste wijze is hernoemd naar Extract.
Extract behoudt alle bestaande functionaliteit van Project Parfait, maar de integratie met CC-bestanden samen met nieuwe mogelijkheden voor delen is gericht op het veel sneller en eenvoudiger maken van samenwerking op PSD's tussen ontwerpers en ontwikkelaars.
Laten we eens kijken hoe de Extract-workflow wordt uitgevoerd.
Extract gebruiken begint met het uploaden of synchroniseren van een PSD naar uw CC Files-ruimte, die minimaal 2 GB opslagruimte omvat en wordt geleverd met elk CC-lidmaatschap. U kunt bestanden rechtstreeks uploaden via de webinterface of u kunt de CC desktop-app gebruiken om automatisch bestanden van uw computer te synchroniseren.
In het algemeen gesproken vindt u de meest vloeiende manier om door te gaan door de desktop-app via de volgende stappen te gebruiken.
Download en installeer eerst de desktop-app en log in met uw Creative Cloud-inloggegevens. Selecteer vervolgens in de interface van de app de Middelen tabblad en daaronder de bestanden tab. Je zou het volgende moeten zien:
Ga je gang en klik op de Open folder knop en je wordt rechtstreeks naar een toegewijde gebracht Creatieve Cloud-bestanden map op uw computer. Vanaf daar hoeft u alleen nog maar een PSD naar die schijf te kopiëren en deze wordt automatisch gesynchroniseerd naar uw online ruimte voor CC-bestanden.
Wanneer het uploaden is voltooid, wordt er een groen vinkje weergegeven boven aan de miniatuur van het bestand, zoals:
Als u nu teruggaat naar uw CC Files-webinterface, ziet u de miniatuur voor uw nieuw geüploade PSD, klaar om te worden geopend in Extract:
Klik met uw PSD geüpload naar CC-bestanden om deze te openen in Uitpakken op de miniatuur en klik vervolgens op het tabblad met het label Extract (momenteel gelabeld Voorbeeld). U ziet uw ontwerp onmiddellijk in de interface, klaar voor code-extractie:
De processen voor het ophalen van code uit Extract zijn nog steeds dezelfde als die ze hadden in Project Parfait, waar je alles over kunt lezen in ons eerdere artikel. Er zijn echter ook enkele nieuwe functies die sindsdien in de mix zijn toegevoegd.
Sommige van de nieuwe functies die beschikbaar zijn, zijn toegevoegd aan Project Parfait sinds ons laatste artikel en zullen worden overgenomen in Extract, terwijl andere zullen ontstaan door de integratie met CC-bestanden..
Eerder gebruikte de CSS voor schaduwen ingebouwde platte kleuren hexcodes. RGBA-kleurcodes met accurate transparantie worden nu geproduceerd.
U hoeft niet langer uitsluitend te werken met pixelwaarden in de CSS die voor tekst is gegenereerd. De optie om lettertype-waarden te laten genereren in em of rem waarden is nu beschikbaar.
Samen met dit komt de optie om de basis lettergrootte in te stellen voor de pagina, de instelling van waaruit uw em en rem waarden worden berekend.
Je kunt nu ook kiezen om SCSS met Bourbon-mixins of LESS met LESSHat-mixins te laten genereren in plaats van alleen onbewerkte CSS. Dit zal een enorme zegen voor liefhebbers van een van deze preprocessor-talen zijn.
Ik hoop dat de toekomst de code voor Stylus geïntegreerd zal zien (ik ben een grote fan), evenals Nib of Kouto Zwitserse mixins. Dat zal de preprocessor-opties echt afronden.
Als onderdeel van de nieuwe integratie met CC-bestanden heeft u nu toegang tot een acties menu, biedt u snelkoppelingen om de PSD te downloaden, hernoemen, archiveren of vervangen.
Ook nieuw aanwezig dankzij de CC Files-integratie is een Delen menu, zodat u het werk rechtstreeks naar uw Behance-portfolio kunt sturen.
De meest relevante functie onder deze Delen menu is echter het Stuur link keuze. Met deze functie kunt u een URL rechtstreeks naar een ontwikkelaar sturen, die de PSD vervolgens direct in Extract kan openen.
De ontwikkelaar hoeft niet eens ingelogd te zijn bij Creative Cloud om toegang te krijgen tot Extract. Dit betekent dat teamleden die zich richten op code niet langer een Photoshop-installatie of ontwerpgerichte services hoeven te onderhouden om hun deel van het proces voor het maken van de site te kunnen afhandelen..
Extract is vanaf vandaag vrij verkrijgbaar. Project Parfait blijft beschikbaar tot oktober, waardoor iedereen die het momenteel gebruikt ruim de tijd heeft om over te stappen naar Extract.
U hoeft geen betaalde abonnee te zijn om Extract te gebruiken, dus als u een pre-CC versie van Photoshop gebruikt, kunt u nog steeds uw ontwerpen verzenden voor codering. Evenzo hoeft de persoon die de links ontvangt om toegang te krijgen tot uw ontwerpen in Extract geen betaalde CC-abonnee te zijn, noch zullen zij helemaal geen CC-gebruiker hoeven te zijn om de tool te gebruiken.
Ga naar Adobe Extract - laat ons weten wat je ervan vindt!
Accentsconagua