Vad är extrakttillgångar
Den nya Extrahera tillgångar funktionen i Photoshop CC 2014 remsor en efterbrännare på det annars tråkiga arbetsflödet för bildskapande för Responsive Web Design (RWD). Låt oss titta på hur kommandot Extract Assets snabbt kan reducera en webbsida komplement till monteringsklar tillgångar om några minuter.
Låt oss börja med en uppenbar fråga: Vad är Extract Assets?
I enkla termer är Extract Assets en ny funktion i Photoshop som ger Photoshops Generator-funktion med ett gränssnitt som hjälper till att automatisera skapandet av bildhanteringsmedel för webb- och skärmdesign från dina Photoshop-filer. Kommandot Extract Assets kan du definiera vilket lager eller lager du vill skapa tillgångar för, deras fysiska storlek, filformat och sparade plats på disken. Den här funktionen är inte avsedd för text om inte avsikt är att göra texten till en bitmapp, vilket verkligen inte är en bra idé.
Låt oss börja.
02 av 08Öppna en Photoshop .psd-fil
Exemplet jag använder innehåller ett smart objekt från Illustrator, en del text, en hjälteenhet som innehåller text, en bild och en knapp och en serie utomhusbilder som förstärker temat för webbplatsen. Nyckeln här är att organisera lagen i grupper. Detta är nödvändigt eftersom uppgiften är att dra alla dessa objekt ur kompis så att de snabbt kan läggas till webblayouter som anpassar sig till olika skärmupplösningar och storlekar.
Två sätt att extrahera tillgångar
Till skillnad från Generate, som också extraherar objekt genom tillägg av en grafisk förlängning till lagnamnet, Extrahera tillgångar använder ett gränssnitt som kan nås av högerklicka ett lager eller välja ett lager och väljaArkiv> Extrahera tillgångar.
04 av 08Utdragsgränssnittet
Dialogrutan Extract Assets är ganska intuitiv. Du visas lagret eller det urval som ska extraheras. Ovanför visas filstorleken och under kontrollen kan du zooma in och ut på objektet. Den högra sidan av dialogrutan är där magiken händer. De fyra knapparna överst tillåter dig att välja objektets upplösning / storlek. Nästa remsa visar dig det valda lagret och klickar på + tecken kan du också mata ut det valda lagret i ett annat format. De Trash Ca n tar bort lagret från köen. I nästa remsa ner kan du välja filtyp och du kan justera bredden och höjden på utmatningsbilden.
05 av 08Utdragning av en SVG-bild
Photoshop hanterar inte svg bilder så bra, och webbläsare och enheter kan inte visa en Illustrator-bild. Detta har resulterat i att uppkomsten av svg-filer används för vektorkonstverk, såsom Illustrator-logotypen som visas här. Att vara vektorer är deras upplösning enhetsoberoende, vilket innebär att de kan skalas utan förlust av detalj eller bild. Om du vill konvertera Illustrator Smart Object till svg väljer du svg från pop ner och klicka Extrahera.
06 av 08Extrakttillgångsprocessen
Ett par saker kommer att hända när du klickar på knappen Extract. Du kommer först att varnas filnamnet kan ändras. Det här är ingen stor fråga. Då kommer du att få veta en ny mapp skapas för att hålla tillgången. När processen avslutas öppnas mappen, placerad på samma plats som den ursprungliga .psd-filen, och visar den nya tillgången.
07 av 08Inställningsknappen är din nya bästa vän
Klicka på inställningar knappen öppnar a Inställningar dialogrutan det är allvarligt användbart. Inställningarna till vänster är skalningsfaktorerna. Vad de gör är att skapa de olika kopiorna av den bild som en utvecklare kommer att använda i mediafrågorna för att rikta in sig mot en viss enhetens skärmupplösning. Till exempel skulle 3x-versionen riktas mot en iPhone eller iPad Retina-skärm medan en 1,25-faktor skulle pekas på en Android-enhet. Suffixet läggs till i slutet av filnamnet så att din utvecklare enkelt kan identifiera bilden som ska användas i en mediefråga. När du är klar klickar du på ok knappen och dina val kommer att lysa i området Extract Assets i dialogrutan. Du kan också komma åt inställningen genom att klicka på kugghjulsikonen i området Extract Assets över på höger sida av gränssnittet
08 av 08Efterbehandling
När du klickar på Extract-knappen kommer alla tillgångar att skapas och läggas till i mappen. Nu behöver du bara skicka din kopia till mappen och fortsätta till nästa projekt.
