Spar tid og penger ved å systematisere Photoshop-arbeidsflyten din

Gjentatte oppgaver kan raskt bli kjedelig. Som designer finner du sannsynligvis ofte deg selv å designe de samme elementene om og om igjen fra bunnen av. STOPPE!

Sløse tid er så gammeldags. Det betyr også at du sparer penger! Så, la oss se på noen måter som du kan automatisere og systematisere Photoshop-arbeidsflyten din. Og vær sikker på å laste ned prosjektbasen for alle dine nye design!

File Tree & Re-usable Project Base

Det første trinnet i systematisering av arbeidsflyten er å organisere filene dine. Identifiser alle vanlige elementer du bruker innenfor designene dine.

Du kan komme til en liste som følgende:

  • Hjemmeside mal
  • Om side
  • Kontakt side
  • Tjenester side
  • fonter
  • Eiendeler

Prosjektbasen

Vurder hvordan dine endelige leveranser blir brukt. Hvis de blir sendt til en kodingsvirksomhet, være så organisert og grundig som mulig, inkludert notater og skrifter der det er aktuelt.

Du kan sørge for at du har perfekt organisert tema ved å lage en pakke som lar deg "fylle ut blanke", så å si. Bare kopier denne mappen, tilordne den til prosjektet ved å gi nytt navn til prosjektet og få jobb. Dette er en veldig enkel og effektiv måte å jobbe på, og betyr at nettsteder du bygget for fire år siden, kan enkelt redigeres, fordi alt er pakket inn i sitt eget sted.

Last ned prosjektbasen

I zip-filen finner du et enkelt gjenbrukbart malutgangspunkt. Denne filen inneholder elementer som delere, knapper og en forhåndsgittert mal for å øke hastigheten på design arbeidsflyten.

Se hvor enkelt er det å starte et nytt prosjekt nå? Det kan ta et par minutter å sette opp, men tiden som er lagret senere, er mer tid for deg å gjøre det du liker best - designe!

Nå som vi har en solid base å bygge på, kan vi begynne å fylle ut vår "kjeleplater" med bestemte filer og konsepter.

Web mal

Eksempelmalen lar deg lage en side med de mest brukte elementene, klar for rask inkludering i ditt nyeste prosjekt.

Hvis du er en nettdesigner spesielt, finner du at mange av dine prosjekter, selv de som er forskjellige på alle mulige måter - bruk og gjenbruk vanlige elementer.

Begynn med å bygge noen gjenbrukbare maler. Ikke bekymre deg for hvilke elementer du ønsker å inkludere enda, for du kan alltid gå tilbake og se på dine tidligere prosjekter og analysere flere populære funksjoner - og opprett dem her igjen.

Personlig bruker jeg bare en mal. Jeg har en startside (dette inneholder elementer som nyhetsbulletiner, blogginnlegg, menyer, logoer og ring til handlinger). Jeg kan endre denne malen for å passe blogsider, kjøpe det nå skjemaer og mer.

Siden har også en 960.gs forhåndsapplikert. Dette har blitt inkludert for nedlasting i slutten av artikkelen, i malkjelen.

Når du er satt opp med dette konseptet, kan du bygge design veldig raskt. Men du bør definitivt vurdere å utvikle din egen, og skreddersy den til dine kunder og team. Du kan gå videre ved å legge til ikoner, søkeelementer og nettbutikkrelaterte elementer - alt som passer til kunden din.

Gruppering og organisering

Ovennevnte bilde viser den materielle forskjellen mellom en organisert lagpalett og en rotete en!

Når du er i en ekte kreativ strøm, kan det være vanskelig å stoppe og begynne å navngi og gruppere lag. Photoshop hjelper heller ikke i dette området som standard heller!

Så ta deg tid når du går til navn og gruppelag. Dette vil hjelpe deg senere når du koder for designet, eller hvis du sender om for å kodes andre steder.

Navn hvert lag, og prøv å bruke et beskrivende og kort ord - for eksempel "meny" for navigasjonen. Gruppespesifikke områder, for eksempel toppteksten eller et kontaktskjema.

Dette har en todelt fordel.

  1. Du kan slå hele områder (eller hele designet) på eller av for å kunne fungere på bakgrunnen eller andre elementer.
  2. Du kan flytte deler av et design uten at du må flytte hvert element. Dette kan spare timer per prosjekt!

Så ta deg tid til å stoppe hvert femte minutt eller så, og navn og gruppere hvert element. Du vil være glad du gjorde!

Benytt deg av valgverktøyet! Du kan bytte valgmodus mellom lag og grupper. Dette muliggjør masseoppdatering og omjustering av design, så ikke glem det!

handlinger

Hvis du ikke bruker handlinger i arbeidsflyten din, bør du begynne å bruke dem umiddelbart.

Photoshop-handlinger er helt konfigurerbare lister over handlinger Photoshop skal utføre automatisk. Du kan opprette din egen, eller velge fra det beløpet som er tilgjengelig på nettet. Hvis du for eksempel jobber på fotografier og har 400 bilder for å redigere og endre størrelse, vil det ta lang tid. I stedet kan du opprette en handling som justerer kontrasten, endrer størrelsen og lagrer filen i .jpg-format, sprengning gjennom 400 filer på sekunder! Du må bruke handlinger!

Hvis du ikke har kunnskap, eller erfaring for å skape dine egne handlinger, GraphicRiver har et stort utvalg av handlinger tilgjengelig for kjøp fra $ 1!

Handlingene som selges, varierer fra enkle bildeeffekter til denne handlingen, som kan legge til ulike forhåndsformaterte tekstavsnitt som kontaktdetaljer eller blogginnlegg om sekunder.

Begynn å bruke handlinger, og du vil legge merke til en betydelig økning i produktiviteten din og redusere mengden ganger du trenger for å gjenta monotone oppgaver om og om igjen.

Opprette og bruke en handling

Å gjøre din egen handling er enkelt. Som et eksempel, lager vi en enkel handling for å endre størrelsen på flere bilder samtidig, og deretter lagre dem.

Først må du trykke på den nye handlingsknappen på handlingspaletten.

Du bør ikke endre noen innstillinger som standard, og du må endre navnet for bedre organisering. Photoshop registrerer nå dine handlinger. Så alt du trenger å gjøre er å endre størrelsen på bildet. Gå til bildestørrelse, og endre dimensjonene. Handlingen vil endre et bilde til disse dimensjonene. Deretter treffer du lagre.

Til slutt trykker du på stopp på handlingspaletten.

Nå, når du trykker på spill på handlingen du har opprettet, følger Photoshop listen over definerte handlinger på bildet ditt. Selv om det er veldig enkelt, kan en handling som denne spare deg for flere timer med monotont resizing av bilder og bilder. Dette er bare et veldig enkelt blikk på handlinger. De kan gjøre så mye mer, så ta deg tid til å bli kjent med dem og virkelig bruke dem. Skjønnheten hos dem er i hvordan du kan registrere i utgangspunktet enhver handling i Photoshop - velge, endre stiler, transformere, re-size og lagre.

iPhone og UI Design

Fungerer du med brukergrensesnitt? I så fall må du virkelig laste ned en GUI-elementpakke for Photoshop.

Det er mange tilgjengelige for mest populære operativsystemer og mobile plattformer.

Hvis du for eksempel jobber med iPhone, kan du laste ned iPhone GUI-pakken som inneholder alle elementene som er tilgjengelige i iPhone-grensesnittbiblioteket, og så begynner du ganske enkelt å designe appen din. Enkel, rask og mye enklere enn å prøve å lage disse fra begynnelsen.

Android GUI Kit

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

Teehan Lax Kits

Etaten, Teehan Lax, har flere høyverdige livslige UI-sett. Disse er flotte for å bygge en iPhone app salgsside, eller utforme selve brukergrensesnittet til en app. Kits er tilgjengelige for iPhone, Palm Pre og 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/

Browserelementer

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

Konklusjon

Jeg håper vi har gitt deg noen tips du kan bruke til å forbedre produktiviteten og effektiviteten. Photoshop er et fantastisk verktøy, men hvis vi ikke er forsiktige, kan vi finne oss å gjenta sames oppgavene om og om igjen. Så vær sikker på å implementere de ovennevnte tipsene og begynn å spare tid, penger og sunnhet!

Last ned prosjektbasen

Har du noen Photoshop-tidsbesparende tips? Har du ideer om andre oppgaver som kan automatiseres for å spare tid og repetisjon? Du kan dele dem med samfunnet via kommentarene.