10 Killer Adobe Photoshop Tips til designere
Tro det eller ej, hvis du bruger Photoshop til at designe websted, er du på vej til at blive en succesfuld webdesigner. Dette skyldes simpelthen, at Photoshop er et af de mest avancerede værktøjer i designbranchen, der kan gøre din kreative fantasi til virkelighed med sin overflod af professionelle værktøjer, der øger din produktivitet på samme tid.
Men hvor godt ved du om Photoshop? Nogle gange undrer vi os over, hvorfor visse webdesignere kan designe et website layout med ekstremt tung grafik om 5 dage, mens vi har brug for omkring 10 dage til at gennemføre den slags design. Det handler nok ikke om, hvor hurtigt du kan klikke, det handler om hvor godt du ved om Photoshop, hvordan du låser op for sit fulde potentiale for at øge din produktivitet.
Vi ønsker at du skal vide, hvordan du låser op for sit fulde potentiale. Ja, derfor oprettede vi dette indlæg for at give dig 10 yderst nyttige Photoshop-tips til at øge din designhastighed. Der kan være genvej, funktion eller indstilling du ikke ved om, men ikke længere. Med denne artikel lærer du dem alle, og du vil designe hurtigere og hurtigere.
Bemærk: Genvejstaster, der er nævnt i denne artikel, findes i Windows Photoshop-format. Hvis du bruger Mac, skal du vide, at Ctrl = Cmd (Command) og Alt = Opt (Option).
10. Fortryd, mere fortryd venligst
Jeg tror helt, at vi designer er meget vanedannende at fortryde noget, selv indtil vi lavede en fejl ved skitsering, har vi tendens til at 'fortryde' det.
Som du måske ved ved at trykke på Ctrl + Z i Photoshop, kan du fortryde den tidligere handling, du har lavet, men når du trykker på samme tastekombination igen, genopretter den den forrige handling. Dette er ret unaturligt og besværligt, da du altid har brug for at fortryde flere gange for at komme til den stat, du vil have.
Tro det eller ej, Photoshop har en bestemt knap til flere fortrydelser, og det er Alt + Ctrl + Z. Ja, ved at bruge denne nøglekombination kan du fortryde flere gange i henhold til værdien af Historik stater, du har angivet i Rediger> Foretrukne> Ydeevne.
Hvis du er vant til almindelig Fortryd søglekombinationen, som er Ctrl + Z, kan du blot trykke på Ctrl + Shift + Alt + K for at få adgang til Tastaturgenvejspanel og ændre Fortryd søglekombination under Rediger sektionen til Ctrl + Z.
9. Prøvetagning Farve, hvor som helst!
Snuble på en pænt designet hjemmeside og spekulerer på, hvilke nøjagtige farver det bruger? Dette sker meget ofte, når jeg søger inspiration i løbet af den tid, jeg laver site layout i Photoshop. For mig vil jeg starte en farvevælger, vælge farven og få sit hex-nummer, så klik på farvepaletten i Photoshop, og indtast derefter hex-nummeret, og få farven, ret irriterende, er det ikke?
Nå behøver du ikke virkelig at lide sådan, du kan faktisk bare klikke på Eyedropper-værktøjet eller trykke på I for at aktivere det, derefter klikke på Photoshops arbejdskærm og træk Eyedropper-ikonet til hvor som helst på skærmen for at få farven du vil have. Ja, det er virkelig så nemt.
8. Fleksibel vejledning
Tip # 8 er faktisk kombination af 2 tips, jeg håber du ikke har noget imod at få flere tips. Som webdesigner skal vi meget beskæftige os med at placere et element korrekt, med andre ord er pixel perfekt.
Hvordan opretter du en guide? Klik på Vis, Ny guide, og afgør derefter om det er vandret eller lodret vejledning, indtast dets position og klik på Enter? Okay, du kan gemme disse værker ved blot at trykke på Ctrl + R for at aktivere linjeledeværktøjet, klikke på værktøjet og træk det ned for at oprette en vandret vejledning eller omvendt.
Udover øjeblikkelig vejledning oprettelse, her er et andet nyttigt tip til dig. Mens du trækker en guide med Move-værktøjet, der kan aktiveres vha. V-tasten, skal du trykke på Alt-tasten og holde den nede for at ændre den vandrette vejledning til lodret vejledning eller omvendt. Nu kan du nok betragte dig selv som professionel om at bruge vejledning.
7. Fun Layer Style Cloning
Lag stilarter er meget underholdende, når du bare kan anvende dem til at gøre, lad os sige, et socialmedia-ikon ser temmelig charmerende og unikt ud, men det vil være meget trættende, hvis du vil anvende samme lag stilarter til alle sociale medier ikoner, som normalt kommer ind flere stykker.
Har du nogensinde indset, at der er en FX ikon ved siden af dit lag? Nå eksisterer alt af en grund, hvis du trykker Alt og trækker FX ikon til et andet lag, vil det kopiere første lags stilarter til det du slog til, praktisk er det ikke?
Også hvis du er interesseret i den fælles brug af det FX ikon, det giver dig mulighed for at flytte et lags stilarter til et andet, og alt du skal gøre er simpelthen at trække ikonet til et andet lag uden at trykke på Alt-tasten.
6. Element centrering gjort nemt
For at opnå et pixel perfekt design, skal vi ofte placere elementet til præcis, hvor det skal være. Det ser ud til at være nemt, da du bare kan oprette nogle guider og snap elementet til disse guider, men det vil være skræmmende, hvis du vil absolutte et element i et bestemt område, hvilket kræver mange guider, måling og fokus.
Faktisk har du en måde at gøre hele processen mere nemmere, klik på elementets lag, som du vil absolutte center, og tryk derefter på Ctrl + A for at vælge hele dokumentet. Derefter skyder du Move-værktøjet, og du vil se nogle ikoner ud for muligheden, Vis Transform Controls. Klik på 2. ikonet til lodret center elementet, og klik derefter på 5. ikon for vandret center elementet, hvor du går, et absolut centreret element.
Du kan ikke kun absolutte centret elementet i hele dokumentets område, men også absolutte centrere det i visse områder. Lad os sige, at jeg vil absolutte centrere et element i footer-området, jeg kan bare vælge footer-området ved hjælp af markeringsværktøjet, som kan aktiveres ved at trykke på M-tasten, så absolut centrere elementet i det specifikke område.
Du kan studere andre justeringsmuligheder ved siden af Vis Transform Controls-funktionen, de er meget nyttige til at tilpasse dine elementer i en bred vifte af situationer.
5. Se valg, en ad gangen
Ofte i design af et layout skal du kontrollere, hvordan et element ser ud på egen hånd eller med få elementer, f.eks. I websiderlayout nedenfor, jeg vil tjekke skyderknapper for at bekræfte, at de ikke har gennemsigtighed, så de ser nøjagtigt ud sammen med eller uden skyderens billede.
I fortiden er jeg nødt til at slukke for synligheden af skyderen billedlag, skyderen baggrunds lag og endda indholds baggrundslag, men nu kan jeg bare bare holde Alt-tasten nede og derefter klikke på ikonet "øje" ved siden af knappegruppen for at slukke alle lags synlighed, så jeg kun ser disse knapper. Efter at jeg har tjekket dem, kan jeg bare gentage tricket igen for at bringe alle lagens visibilitet tilbage.
Dette trick er også yderst nyttigt, når det kommer til billedskæring. Du vil skære skyderknappen uden noget andet element som skyderbilledet, så du kan bruge dette trick til at slukke for alle lagets synlighed for kun at skære knappen og gentage tricket for at genoprette hele lagets synlighed, så det sparer meget tid på spilde på tænd og slukk lagens synlighed.
4. Tilpas fontens tracking, når som helst
Dette særlige tip viser dig hvordan du lettere kan spore skrifttyperne i en bestemt del af typen, så det kan kun bruges til bestemte specifikke situationer som logo eller knapskabelse, men det er et professionelt tip, der kan spare tid på at finde skrifttyper med passende typografi til dit logo eller knapskabelse.
Okay, lad os sige, at jeg vil reducere sporing af typen, '360', så mit logo er så unikt at besøgende husker det lettere. Jeg kan vælge 'POLO360' ved at bruge Type værktøj, som kan aktiveres ved at trykke på T-tasten, og derefter holde Alt og tryk på knappen for at begynde at reducere typens sporing, hvilket vil medføre resultatet ovenfor.
Du kan bruge dette trick til at tackle sporing af nogle kunstneriske skrifttyper, så der er ingen bekymringer for sporing, næste gang du vil finde grafiske skrifttyper til dit logo skabelse!
3. Instant Layer Selection = Win
Layoutdesign er et udmattende arbejde, da vi skal løse mange problemer som typografi, mellemrum og grafik, men det vil være overvældende, hvis vi vil finde et bestemt elements lag fra hundredvis af lag.
Lad dette trick gøre dit designers liv lettere. Aktivér flytteværktøjet vha. V-tasten, og hold nede Ctrl-tasten, og klik derefter på elementet, og du vil automatisk vælge elementets lag. Det er virkelig så simpelt, men husk at hvis du sætter elementer ind i en gruppe, så ved at bruge det samme trick, vælger du gruppens mappe, der indeholder det element du klikede på, som vist ovenfor.
2. Smart objekt til Smart Designer
Netop som dets navn gør Smart Object din redigering smartere ved at udføre 2 primære funktioner: udføre ikke-destruktivt transformationer og udføre filtrering. Denne funktion er meget praktisk, især når du producerer et webstedslayout med stor grafik som lagerfotos, sociale medier ikoner og UI-kits, og alt du skal gøre er at højreklikke på et lag og derefter klikke på "Konverter til smart objekt" til nyde fordelene.
Den første funktion siger, at når et lag er omdannet til et smart objekt, kan du omdanne det alligevel, du vil have uden at miste sin oprindelige kvalitet. I vores tilfælde ønsker vi at gøre billedskyderen mindre, så vi konverterer billedskyderens lag til Smart Object og forvandlet det til noget mindre.
Ouch, det er bare for lille, så jeg besluttede at ændre det tilbage.
Ser ud som alt er okay, og der er ikke sket noget rigtigt? Nedenfor er resultatet, hvis du anvendte en baglæns transformation uden at konvertere lag til Smart Object.
Så du kan sikkert se forskellen her, især skyderens knapper. Den bagudtransformation uden Smart Object, der anvendes på lag, gør glideren og skyderen knapper mister deres kvalitet. Så ved at konvertere et lag til Smart Object kan du omdanne det til en mindre størrelse, du vil have, men når du er bekendt med din beslutning, kan du ændre den uden at miste kvaliteten.
En anden fordel ved at konvertere lag til Smart Object er, når du har anvendt filter på et smart objekt, vises et filters lag under det smarte objekts lag, så du kan deaktivere filtret lettere ved blot at slukke filterets synlighed og det kaldes ikke-destruktiv filtrering , stor tidsbesparende til dit projekt.
1. Et øjebliksbillede af smuk fortid
Nu lærte du at fortryde flere gange, kopiere lag stilarter, hurtigere lagvalg og ved at bruge Smart Object disse gode tidsbesparende tips. Nå, det er virkelig praktiske færdigheder, der yderst øger din produktivitet, men hvad med ca. 2 timers arbejde, beklager du din redigering og besluttede at starte fra midten? Redo det helt vil være meget udmattende og kedeligt selv du har anvendt alle dræbte tips du har lært før, så det er når Snapshot sparker i.
Snapshot giver dig mulighed for at oprette en midlertidig kopi af enhver tilstand af din redigering, så når du har problemer med at forbedre dit design og besluttede at gå tilbage, kan du blot klikke på et øjebliksbillede for at få dig tilbage til den ønskede tilstand. For at tage et øjebliksbillede skal du bare åbne historikpaletten og klikke på det 2. ikon du ser på bunden af paletten.
Der er også nogle nyttige funktioner til snapshot, som om du kan tage flere snapshots, så du har flere valgmuligheder, og du kan navngive dem, så du kan huske dem lettere. I sidste ende kan du også bruge disse snapshots til at sammenligne forskellige effekter, du har skabt til dit design.
Husk dog, at når du har lukket dokumentet, slettes øjeblikksbilleder øjeblikkeligt, så hvis du vil beholde disse stater, kan du klikke på hvert øjebliksbillede og gemme dokumentet som en anden fil.
Afspejling
Du er kommet til slutningen af artiklen, godt arbejde. På dette tidspunkt skal du have nok tidsbesparende dræbte tips til at øge din designhastighed, men husk altid, at læring er den bedste måde at vide mere om din Photoshop, og dermed øge din produktivitet. Så fortsæt med at lære mere, og du vil blive en mere konkurrencedygtig webdesigner hele tiden.
Nå har vi delt vores bedste, hvad med dig? Hvis du ikke har noget imod, kan du dele dine Photoshop-dræber tips for at fortælle os den bedre måde at bruge Photoshop på, tak for din generøsitet!