10 Killer Adobe Photoshop Tips för designers
Tro det eller inte, om du använder Photoshop för att designa webbplats, är du på rätt väg att bli en framgångsrik webbdesigner. Det här beror helt enkelt på att Photoshop är ett av de mest avancerade verktygen inom designindustrin som kan göra din kreativa fantasi till verklighet med sin mängd professionella verktyg som ökar din produktivitet samtidigt.
Men hur bra vet du om Photoshop? Ibland undrar vi varför en viss webbdesigner kan utforma ett webbdesign med extremt tung grafik om 5 dagar, medan vi behöver cirka 10 dagar för att slutföra den typen av design. Det handlar förmodligen inte om hur snabbt du kan klicka, det handlar om hur bra du känner till Photoshop, hur du låser upp sin fulla potential för att öka din produktivitet.
Vi vill att du ska veta hur man låser upp sin fulla potential. Ja, det är därför vi skapade det här inlägget, för att ge dig 10 extremt användbara Photoshop-tips för att öka din designhastighet. Det kan vara genväg, funktion eller inställning du inte vet om, men inte längre. Med den här artikeln kommer du att lära känna dem alla, och du kommer att designa snabbare och snabbare.
Obs! Genvägar som nämns i den här artikeln finns i Windows Photoshop-format. Om du använder Mac, var noga med att veta att Ctrl = Cmd (Command) och Alt = Opt (Option).
10. Ångra, mer ångra, tack
Jag tror helt och hållet att vår designer är väldigt beroendeframkallande att ångra sig någonting, till och med tills vi gjorde ett misstag på sketching tenderar vi att "ångra" det.
Tja, som du kanske vet, genom att trycka på Ctrl + Z i Photoshop kan du ångra den tidigare åtgärden du gjorde, men när du trycker på samma tangentkombination igen, kommer den att göra om föregående åtgärd. Detta är ganska onaturligt och besvärligt eftersom du alltid måste ångra flera gånger för att komma till det tillstånd du vill ha.
Tro det eller inte, Photoshop har en viss knapp för flera ångra, och det är Alt + Ctrl + Z. Ja, genom att använda den här tangentkombinationen kan du ångra flera gånger enligt värdet av historia stater du ställt in Redigera> Preferens> Prestanda.
Om du är van vid Ångra nyckelsammansättning, som är Ctrl + Z, kan du helt enkelt trycka på Ctrl + Shift + Alt + K för att komma åt Tangentbordets genvägsknapp och ändra Ångra tangentkombinationen under Edit-sektionen till Ctrl + Z.
9. Provtagning Färg, var som helst!
Snubblat på en snyggt designad webbplats och undrar vilka exakta färger det använder? Detta händer mycket ofta när jag söker inspiration under tiden jag gör platslayout i Photoshop. För mig ska jag starta en färgplockare, välja färgen och få sitt hex-nummer, klicka sedan på färgpalett i Photoshop, mata in hex-numret och få färgen, ganska irriterande är det inte?
Tja, du behöver inte verkligen lida så, du kan faktiskt bara klicka på Eyedropper-verktyget eller trycka på I för att aktivera det, klicka sedan på Photoshops arbetsskärm och dra ögonbrytsikonen till var som helst på bildskärmen för att få färgen du vilja. Ja, det är verkligen så enkelt.
8. Flexibel guide
Tips # 8 är faktiskt en kombination av 2 tips, jag hoppas att du inte har något emot att få fler tips. Som webbdesigner måste vi handla mycket med guide för att placera ett element på rätt sätt, med andra ord är pixel perfekt.
Hur skapar du en guide? Klicka på Visa, Ny guide och bestäm sedan om den är horisontell eller vertikal guide, mata in sin position och klicka på Enter? Okej, du kan spara dessa verk genom att bara trycka på Ctrl + R för att aktivera linjalverktyget, klicka på verktyget och dra det ned för att skapa en horisontell guide eller vice versa.
Förutom direktguide skapande, här är ett annat användbart tips för dig. Medan du drar en guide med Move-verktyget som kan aktiveras med V-tangenten, håller du Alt-tangenten intryckt för att ändra den horisontella guiden till vertikal styrning eller vice versa. Nu kan du förmodligen betrakta dig som professionell på att använda guide.
7. Njutning av roligt lager stil
Layer-stilar är mycket underhållande när du bara kan tillämpa dem för att göra, en social media-ikon ser ganska charmig ut och unik, men det kommer att vara väldigt trött om du vill tillämpa samma lagerformat på alla sociala medierikoner som vanligtvis kommer in flera bitar.
Har du någonsin insett att det finns en fx ikon bredvid ditt lager? Tja, det finns allt för en anledning, om du trycker på Alt och drar fx ikonen till ett annat lager, kommer det att kopiera första lagerets stilar till det du slog till, det är inte bra?
Också om du är intresserad av den gemensamma användningen av det fx ikonen låter dig flytta ett lagers stilar till ett annat och allt du behöver göra är att dra enbart ikonen till ett annat lager utan att trycka på Alt-tangenten.
6. Elementcentrering Made Easy
För att uppnå en perfekt perfekt design, måste vi ofta placera element till exakt var det borde vara. Det verkar enkelt eftersom du bara kan skapa några guider och knäppa elementet till de här guiderna, men det kommer att vara skrämmande om du vill absolut centrum ett element i ett visst område, vilket kräver många guider, mätning och fokus.
Faktum är att du har ett sätt att göra hela processen mycket enklare, klicka på elementets lager som du vill absolut centrum och tryck sedan på Ctrl + A för att välja hela dokumentet. Därefter slår du på Flytta-verktyget och du kommer se några ikoner bredvid alternativet Visa omvandlingsreglage. Klicka på den 2: a ikonen för vertikalt centrum elementet, klicka sedan på 5: e ikonen för att horisontellt centrera elementet, där du går, ett absolut centrerat element.
Du kan inte bara absolut centrera elementet i hela dokumentets område, men absolut också centrera det i ett visst område. Låt oss säga att jag vill absolut centrera ett element i fotfältet, jag kan helt enkelt välja fotfältet med hjälp av markeringsverktyget som kan aktiveras genom att trycka på M-tangenten och sedan absolut centrera elementet i det specifika området.
Du kan studera andra anpassningsalternativ utöver alternativet Visa omvandlingskontroller, de är mycket användbara för att anpassa dina element i ett brett spektrum av situationer.
5. Visa val, en i taget
Ofta vid utformningen av en layout måste du kontrollera hur ett element ser ut exakt på egen hand eller med få element, till exempel i webbsidlayout nedan, vill jag kontrollera skjutreglaget för att bekräfta att de inte har insyn så att de ser ut exakt samma med eller utan skjutreglarens bild.
I det förflutna måste jag stänga av siktens bildskiktets skikt, slider bakgrundsskiktet och jämn innehålls bakgrundsskikt, men nu kan jag helt enkelt hålla ner Alt-tangenten och sedan klicka på ikonen "Eye" bredvid knappen för att stänga av alla lager sikt så att jag bara ser de knapparna. Efter att jag kollade på dem kan jag bara upprepa tricket igen för att få tillbaka alla lagerens visibilitet.
Detta trick är också extremt användbart när det gäller bildskärning. Du vill skära skjutreglaget utan något annat element som bilden, så du kan använda det här tricket för att stänga av alla lagerets synlighet för att bara skära knappen och upprepa tricket för att återställa lagrets synlighet så att det sparar mycket tid bortkastad på Slå på och av lagens synlighet.
4. Anpassa typsnittets spårning, när som helst
Detta speciella tips visar hur du enkelt kan öka typsnittets spårning i vissa delar av typen, så det kan bara användas i vissa specifika situationer som logotyp eller knappskapande, men det är ett professionellt tips som kan spara mycket tid på att hitta typsnitt med lämplig typografi för din logotyp eller knapp skapande.
Okej, låt oss säga att jag vill minska spårningen av typen, "360" så min logotyps typ är unik, så att besökaren minns det lättare. Jag kan välja 'POLO360' med hjälp av Typverktyget som kan aktiveras genom att trycka på T-tangenten och sedan hålla ner Alt och tryck på knappen för att börja sänka typens spårning, vilket kommer att ge resultatet ovan.
Du kan använda det här tricket för att ta itu med spårningsfrågan på vissa konstnärliga teckensnitt, så det finns ingen oro om att spåra nästa gång du vill hitta grafiska teckensnitt för din logotyp!
3. Instant Layer Selection = Win
Layoutdesign är ett ansträngande jobb eftersom vi måste ta itu med massor av problem som typografi, avstånd och grafik, men det blir överväldigande om vi vill hitta ett visst elementslag från hundratals lager.
Låt detta trick göra din designers liv enklare. Aktivera Move-verktyget med V-tangenten och håll ner Ctrl-tangenten, klicka sedan på elementet och du väljer automatiskt elementets lager. Det är verkligen så enkelt men kom ihåg att om du lägger in element i en grupp, så använder du samma trick du väljer gruppens mapp som innehåller det element du klickade på, som visas ovan.
2. Smart Object För Smart Designer
Precis som sitt namn gör Smart Object din redigering smartare genom att utföra två primära funktioner: utföra icke-destruktiva transformationer och utföra filtrering. Den här funktionen är väldigt praktisk, speciellt när du producerar en webbplatslayout med stor grafik som stock foton, ikoner för sociala medier och användargränssnitt. Allt du behöver göra är att högerklicka på ett lager och klicka sedan på "Convert to Smart Object" till njut av dess fördelar.
Den första funktionen säger att när ett lager har konverterats till ett smart objekt kan du omforma det ändå du vill utan att förlora sin ursprungliga kvalitet. I vårt fall vill vi göra bildreglaget mindre så att vi konverterar bildskärarens lager till Smart Object och förvandlat det till något mindre.
Ouch, det är bara för litet så jag bestämde mig för att ändra den tillbaka.
Ser ut som allt är okej och ingenting hände rätt? Nedan är resultatet om du tillämpade en bakåttransformation utan att konvertera lager till Smart Object.
Så du kan förmodligen se skillnaden här, speciellt skjutreglageens knappdel. Den bakåtvända omvandlingen utan Smart Object applicerat på lager gör att reglaget och reglaget knapparna förlorar sin kvalitet. Så genom att konvertera ett lager till Smart Object kan du omforma det till en mindre storlek du vill, men när du beklagar ditt beslut kan du ändra det utan att förlora kvalitet.
En annan fördel genom att konvertera lager till Smart Object är att när ett filter har lagts på ett smart objekt visas ett filters lager under Smart Objects lager så att du enkelt kan inaktivera filtret genom att bara stänga filtrets sikt och det kallas icke-destruktiv filtrering , bra tidsbesparare för ditt projekt.
1. En ögonblicksbild av vackert förflutet
Nu lärde du dig att ångra flera gånger, kopiera lagstilar, snabbare lagval och använda Smart Object dessa bra tidsbesparande tips. Nåväl, det här är verkligen praktiska färdigheter som kraftigt ökar din produktivitet men hur är det med efter 2 timmars arbete, beklagar du din redigering och bestämde dig för att börja från mitten? Redo det helt kommer att vara mycket ansträngande och tråkigt även du tillämpade alla mördare tips du lärt dig förut, så det är när ögonblicksbilden sparkar in.
Stillbilden gör att du kan skapa en tillfällig kopia av ditt redigeringsläge, så när du har problem med att förbättra din design och bestämt dig för att gå tillbaka, kan du helt enkelt klicka på en ögonblicksbild för att få dig tillbaka till det önskade läget. För att ta en ögonblicksbild behöver du bara öppna historikpaletten och klicka på den 2: a ikonen som du ser längst ner på paletten.
Det finns också några användbara funktioner för ögonblicksbild, som att du kan ta flera ögonblicksbilder så att du har fler val och du kan namnge dem så att du kommer ihåg dem lättare. I slutändan kan du också använda dessa snapshots för att jämföra olika effekter du skapade för din design.
Men kom ihåg att när du stängde dokumentet raderas ögonblicksbilderna omedelbart, så om du vill behålla dessa stater kan du klicka på varje ögonblicksbild och spara dokumentet som en annan fil.
Reflexion
Du har kommit till slutet av artikeln, bra jobb. Vid den här tiden borde du få tillräckligt med tidsbesparande mördar tips för att öka din designhastighet, men kom alltid ihåg att inlärning är det bästa sättet att veta mer om din Photoshop, vilket ökar produktiviteten. Så fortsätt lära dig mer, och du blir en mer konkurrenskraftig webbdesigner hela tiden.
Tja, vi har delat vårt bästa, hur är det med dig? Om du inte har något emot, snälla dela dina tips för Photoshop-killare för att meddela oss det bättre sättet att använda Photoshop, tack för din generositet!
