Spara tid och pengar genom att systematisera ditt Photoshop-arbetsflöde

Upprepade uppgifter kan snabbt bli tråkiga. Som designer hittar du förmodligen dig själv att designa samma element om och om igen från början. SLUTA!

Slösa tid är så gammaldags. Det betyder också att du slösar pengar! Så, låt oss granska några sätt att du kan automatisera och systematisera ditt Photoshop-arbetsflöde. Och var noga med att ladda ner projektbasen för alla dina nya design!

File Tree & Re-usable Project Base

Det första steget i att systematisera ditt arbetsflöde är att organisera dina filer. Identifiera alla vanliga element du använder inom dina mönster.

Du kan komma till en lista som följande:

  • Startsidans mall
  • Om sidan
  • Kontaktsida
  • Tjänster sida
  • typsnitt
  • Tillgångar

Projektbasen

Tänk på hur dina slutliga leveranser används. Om de skickas till en kodningsverksamhet ska du vara så organiserad och noggrann som möjligt, inklusive anteckningar och teckensnitt där det är tillämpligt.

Du kan se till att du har perfekt organiserade teman genom att skapa ett paket som låter dig "fylla i blankorna", så att säga. Kopiera bara den här mappen, tilldela den till projektet genom att byta namn på det till projektet och arbeta. Det här är ett mycket enkelt och effektivt sätt att arbeta och innebär att webbplatser du byggt för fyra år sedan kan enkelt redigeras, eftersom allt är packat in i sin egen plats.

Ladda ner projektbasen

I zip-filen hittar du en enkel återanvändbar mallutgångspunkt. Den här filen innehåller element som delare, knappar och en förgridad mall för att påskynda ditt arbetsflöde.

Se hur enkelt startar ett nytt projekt nu? Det kan ta några minuter att ställa in, men tiden som sparas senare är mer tid för att du ska göra det du älskar bäst - designa!

Nu när vi har en solid bas att bygga på, kan vi börja fylla i vår "pannplatta" med specifika filer och koncept.

Webbmall

I provmallen kan du skapa en sida med dina mest använda element, redo för snabb inkludering i ditt senaste projekt.

Om du är en webbdesigner i synnerhet, kommer du att upptäcka att många av dina projekt, även de som är olika på alla möjliga sätt - använda och återanvända gemensamma element.

Börja med att bygga några återanvändbara mallar. Oroa dig inte om vilka element du vill inkludera ännu, för att du alltid kan gå tillbaka och titta på dina tidigare projekt och analysera mer populära funktioner - sedan skapa dem igen.

Personligen använder jag bara en mall. Jag har en hemsida (det här innehåller element som nyhetsbulletiner, blogginställningar, menyer, logotyper och uppringningar till handlingar). Jag kan ändra denna mall för att passa bloggsidor, köpa det nu formulär och mer.

Sidan har också en 960.gs preapplicerad. Detta har inkluderats för nedladdning i slutet av artikeln, i mallpanna.

När du är uppbyggd med detta koncept kan du bygga mönster väldigt snabbt. Men du borde definitivt överväga att utveckla din egen och skräddarsy den till dina kunder och team. Du kan gå vidare genom att lägga till ikoner, sökelement och nätverksrelaterade objekt - allt som passar din kundbas.

Gruppering och organisering

Ovanstående bild visar den påtagliga skillnaden mellan en organiserad lagerpalett och en rörig en!

När du har ett riktigt kreativt flöde kan det vara svårt att sluta och börja namngivna och gruppera lager. Photoshop hjälper inte heller det här området som standard!

Så ta tiden som du går för att namnge och gruppera lager. Detta kommer att hjälpa dig senare när du kodar för designen, eller om du skickar om för att kodas någon annanstans.

Namn varje lager, och försök att använda ett beskrivande och kort ord - som "meny" för navigeringen. Gruppspecifika områden, till exempel rubrik eller kontaktformulär.

Detta har en dubbel fördel.

  1. Du kan växla hela områden (eller hela designen) på eller av för att arbeta på bakgrunden eller andra element.
  2. Du kan flytta delar av en design utan att behöva flytta varje element. Detta kan spara timmar per projekt!

Så ta dig tid att stanna var femte minut eller så och namnge och gruppera varje element. Du kommer bli glad att du gjorde det!

Använd verktyget väl! Du kan växla väljläge mellan lager och grupper. Detta underlättar massuppdatering och omriktning av design, så glöm inte det!

Åtgärder

Om du inte använder åtgärder i ditt arbetsflöde bör du börja använda dem omedelbart.

Photoshop-åtgärder är helt konfigurerbara listor över åtgärder som Photoshop ska utföra automatiskt. Du kan skapa din egen, eller välja mellan det tillgängliga beloppet online. Om du till exempel arbetar på foton och har 400 bilder att redigera och ändra storlek, skulle det ta lång tid. Istället kan du skapa en åtgärd som anpassar kontrasten, ändrar storleken och sparar sedan filen i .jpg-format, sprängning via 400 filer på några sekunder! Du måste använda åtgärder!

Om du inte har kunskap eller erfarenhet att skapa egna handlingar, GraphicRiver har ett stort urval av åtgärder tillgängliga för köp från $ 1!

Åtgärderna som säljs sträcker sig från enkla fotoeffekter till den här åtgärden, som kan lägga till olika förformaterade textavsnitt som kontaktuppgifter eller blogginlägg om några sekunder.

Börja använda Åtgärder och du kommer att märka en betydande ökning av din produktivitet och minska antalet gånger du behöver repetera monotona uppgifter om och om igen.

Skapa och använda en åtgärd

Att göra egen åtgärd är lätt. Som ett exempel skapar vi en enkel åtgärd för att omforma flera bilder samtidigt och sedan spara dem.

Först måste du slå den nya åtgärdsknappen, på paletten för handlingar.

Du behöver inte ändra några inställningar som standard, men ändra namn för bättre organisation. Photoshop registrerar nu dina åtgärder. Så, allt du behöver göra är att omforma bilden. Gå till bildstorlek och ändra dimensionerna. Åtgärden ändrar vilken bild som helst till dessa dimensioner. Klicka sedan på spara.

Slutligen trycker du på stopp på handpaletten.

Nu när du trycker på spela på den åtgärd du skapat följer Photoshop listan med definierade åtgärder på din bild. Även om det är väldigt enkelt kan en åtgärd som den här spara dig timmar med monotont resizing bilder och bilder. Detta är bara en mycket enkel titt på åtgärder. De kan göra så mycket mer, så ta dig tid att lära känna dem och verkligen använda dem. Skönheten hos dem är hur du kan spela in i grund och botten varje handling i Photoshop - välja, ändra stilar, transformera, re-size och spara.

iPhone & UI Design

Arbetar du med användargränssnitt? Om så är fallet behöver du verkligen ladda ner ett GUI-element för Photoshop.

Det finns många tillgängliga för de flesta populära operativsystem och mobila plattformar.

Om du till exempel arbetar med iPhone kan du ladda ner iPhone GUI-paketet som innehåller alla tillgängliga element i iPhone-gränssnittsbiblioteket, och börja sedan helt enkelt utforma din app. Enkelt, snabbt och mycket enklare än att försöka skapa dem från början.

Android GUI Kit

http://www.smashingmagazine.com/2009/08/18/android-gui-psd-vector-kit/

Teehan Lax Kits

Byrån, Teehan Lax, har flera högkvalitativa, livslika UI-paket. Dessa är bra för att bygga en iPhone App-försäljningswebbplats, eller utforma själva användargränssnittet för en app. Kit är tillgängliga för iPhone, Palm Pre och Browsers.

Palm Pre

http://www.teehanlax.com/blog/2009/07/08/palm-pre-gui-psd/

iPhone

http://www.teehanlax.com/blog/2008/11/06/iphone-gui-psd-update-13/

Webbläsarelement

http://www.teehanlax.com/blog/2008/12/16/browser-form-elements-psd/

Slutsats

Jag hoppas att vi har gett dig några tips som du kan använda för att förbättra din produktivitet och effektivitet. Photoshop är ett underbart verktyg, men om vi inte är försiktiga kan vi upprepa samesuppgifterna om och om igen. Så var noga med att genomföra ovanstående tips och börja spara tid, pengar och din sanity!

Ladda ner projektbasen

Har du några tips om hur du sparar Photoshop? Har du några idéer om andra uppgifter som kan automatiseras för att spara tid och upprepning? Gärna dela dem med samhället via kommentarerna.