Hvad er ekstraktaktiver
Den nye Uddrag af aktiver feature of Photoshop CC 2014 stropper en efterbrænder på den ellers kedelige arbejdsgang af billedfrembringelse til Responsive Web Design (RWD). Lad os se på, hvordan kommandoen Uddrag af aktiver hurtigt kan reducere en webside sammen med monteringsklare aktiver om et par minutter.
Lad os begynde med et indlysende spørgsmål: Hvad er ekstraktaktiver?
Enkelt sagt er Extract Assets en ny funktion i Photoshop, der giver Photoshop's Generator-funktionen en grænseflade, der hjælper med at automatisere oprettelsen af billedbeholdningsaktiver til web- og skærmdesign fra dine Photoshop-filer. Kommandoen Uddrag af aktiver giver dig mulighed for at definere hvilket lag eller lag du vil oprette aktiver til, deres fysiske størrelse, filformat og gemte placering på disken. Denne funktion er ikke beregnet til tekst, medmindre hensigten er at omdanne teksten til en bitmap, hvilket virkelig ikke er en god idé.
Lad os komme i gang.
02 af 08Åbn en Photoshop .psd-fil
Eksemplet jeg bruger indeholder et smart objekt fra Illustrator, en del tekst, en helt enhed indeholdende tekst, et billede og en knap og en serie af udendørs billeder, der forstærker temaet for webstedet. Nøglen her er at organisere lagene i grupper. Dette er nødvendigt, fordi opgaven er at trække alle disse elementer ud af comp'en, så de hurtigt kan tilføjes til weblayouter, der tilpasser sig forskellige skærmopløsninger og størrelser.
To måder at udtrække aktiver
I modsætning til Generere, som også udtræk objekter gennem tilføjelsen af en grafisk udvidelse til lagnavnet, Uddrag af aktiver bruger en grænseflade, der kan nås af højreklikke et lag eller vælge et lag og vælgeFil> Uddrag aktiver.
04 af 08Uddragsaktiver-grænsefladen
Dialogboksen Uddragsaktiver er ret intuitiv. Du er vist laget eller udvælgelsen, der skal udvindes. Over det er du vist filstørrelsen, og under det er kontrol, der giver dig mulighed for at zoome ind og ud på objektet. Den højre side af dialogboksen er hvor magien sker. De fire knapper øverst giver dig mulighed for at vælge objektets opløsning / størrelse. Den næste strimmel viser dig det valgte lag og klikker på + tegn giver dig mulighed for at output det valgte lag i et andet format også. Det Papirkurv Ca n fjerner laget fra køen. I den næste strimmel ned kan du vælge filtypen, og du kan justere bredden og højden af outputbilledet.
05 af 08Uddragning af et SVG-billede
Photoshop håndterer ikke svg billeder alt så godt, og browsere og enheder kan ikke vise et Illustrator-billede. Dette har resulteret i, at stigningen af svg-filer bliver brugt til vektorgrafik som Illustrator-logoet vist her. Vektorer er deres opløsning enheden uafhængig, hvilket betyder, at de kan skaleres uden tab af detaljer eller billede. Hvis du vil konvertere Illustrator Smart Object til svg, skal du vælge svg fra pop-down og klik Uddrag.
06 af 08Udvindingsaktiver Processen
Et par ting vil ske, når du klikker på Uddrag-knappen. Du bliver først advaret om filnavnet kan ændres. Dette er ikke et stort problem. Så bliver du fortalt, at der oprettes en ny mappe for at holde aktivet. Når processen er færdig, åbner mappen, der er placeret på samme sted som den oprindelige .psd-fil, og viser det nye aktiv.
07 af 08Indstillinger knappen er din nye bedste ven
Klikker på Indstillinger knappen åbner a Indstillinger dialogboksen det er alvorligt nyttigt. Indstillingerne til venstre er skaleringsfaktorerne. Hvad de gør er at oprette de forskellige kopier af det billede, en udvikler vil bruge i medieforespørgsler til at målrette mod en bestemt enhedens skærmopløsning. For eksempel ville 3x-versionen være målrettet mod en iPhone eller iPad Retina-skærm, mens en 1,25 faktor ville blive peget på en Android-enhed. Suffixet tilføjes til slutningen af filnavnet, så din udvikler nemt kan identificere det billede, der skal bruges i en medieforespørgsel. Når du er færdig, skal du klikke på Okay knappen, og dine valg lyser i området Uddrag af aktiver i dialogboksen. Du kan også få adgang til indstillingen ved at klikke på tandhjulsikonet i området Uddrag af aktiver over på højre side af grænsefladen
08 af 08Efterbehandling
Når du klikker på uddragsknappen, oprettes alle aktiverne og tilføjes til mappen. På dette tidspunkt er alt du skal gøre, at sende din udvikler en kopi af mappen og fortsætte til dit næste projekt.
