Sandsynligvis har hver webdesigner deres eget sæt afTricks Photoshop-favoritter i ærmet. Med god grund. Adobes kraftfulde billedredigeringsværktøj er en fast bestanddel af webdesignverdenen. Meget få programmer derude kan konkurrere med denne fremragende software og dens brede vifte af funktioner.

Mens de fleste webdesignere allerede ved meget om PhotoShop, er der altid mere, du kan lære. Når alt kommer til alt er programmet ikke kun stærkt, men også komplekst. Derudover tilføjes nye ting regelmæssigt gennem opdateringer.

Af denne grund er det en god idé at blive ved med at udforske dit yndlingsværktøj. For at hjælpe dig med det, vil vi i denne tutorial se på nogle af de bedste Photoshop-tricks. Af Tricks der kan forbedre din arbejdsgang, gøre arbejde og liv lettere, spare tid og hjælpe dig med at designe de bedst mulige websteder.

Er du klar til at lære mere om Photoshop? Dette er, hvad vi vil se i det følgende.

1 - Strømlin dit arbejdsområde

Lad os starte med det grundlæggende. Den første ting at gøre for at forbedre din arbejdsgang er at konfigurere Photoshop på en måde, der er kompatibel med, hvordan du bruger det. Når alt kommer til alt bliver jobet lettere med et renere værktøj.

Af denne grund er vores første stop "Vindue > Arbejdsområde > Grafik og web > Essentials". Hvis du vælger denne mulighed, ændres OUTILS tilgængelig for det, du med størst sandsynlighed vil bruge til webdesign.

Vælg et WordPress-arbejdsområdeGå derefter til "Rediger> Indstillinger". Her er enhederne og reglerne et af de vigtigste stop. Uanset hvilken måling du vælger her (sandsynligvis pixels), vil dette være standard for alle fremtidige dokumenter.

(Hurtigt tip: For at ændre reglerne for enkeltdokumenter skal du bare højreklikke på det og vælge den ønskede måleenhed.)

Gå derefter til "Præferencer> Ydeevne> Historie og cache", og klik på "Web / UI Design".

Photoshop-linealer og enhedskonfigurationDette ændrer cacheindstillingerne til fordel for mindre filer med mange lag, som du ofte arbejder på.

På samme sted kan du også vælge antallet af historiske tilstande. Dette er antallet af trin, du kan gå tilbage til, hvis du vil fortryde noget.

2 - Lær tastaturgenveje

For ethvert program, du bruger regelmæssigt, er det normalt en god ting at lære genvejstaster.

For eksempel bruger jeg Ctrl + Alt + 2/3 til at oprette h2- og h3-headerne, når jeg skriver dette indlæg. Det er meget hurtigere end at bruge værktøjslinjenOUTILS af redaktøren, fordi jeg ikke behøver at forlade tastaturet.

Det samme gælder Photoshop. At vide, hvordan man udfører en handling med enkelte taster, er uendeligt hurtigere end at klikke på menuerne.

Vi nævner en masse tastaturgenveje i hele denne artikel. Imidlertid anbefaler jeg også dette snydeark til at lære genveje til de mest almindelige Photoshop-operationer. Oven i købet er det også en god ide at få for vane at se på tastaturgenveje til ting, du laver igen og igen.

3 - Gruppér lag og navngiv dem

Når du arbejder med Photoshop, arbejder du med lag. Ikke kun har de fleste elementer på separate lag, men ændringer som lysstyrke / kontrast tilføjes også som et lag.

Af denne grund kan alt forveksles meget hurtigt. Heldigvis er der masser af muligheder for at gøre mindre, hvoraf to er evnen til at gruppere og navngive lag.

Først og fremmest kan du ved at dobbeltklikke på et hvilket som helst lag ændre navnet til det, du vil.

Omdøb et lag på wordpressPå denne måde vil du let forstå, om et lag indeholder baggrundsbillede, menu eller sidebjælke.

Alternativt kan du også vælge flere lag på én gang, enten ved at holde Ctrl-tasten nede for at vælge individuelle lag eller Skift for at markere en række nabolag. Ctrl + G gør dem til en gruppe.

4 - Gør lagsøgninger

Navngivning og gruppering af lag er en god start. Men ved at arbejde med snesevis eller endda hundreder af dem kan du stadig gå tabt let.

I disse tilfælde har du også muligheden for at filtrere dine lag. For at gøre dette skal du blot bruge menuen øverst i menuen Lag til at filtrere efter type, navn, effekt, farve og mere.

Ellers skal du højreklikke på lagene og vælge gruppemulighed derfra. Uanset hvad er dine lag meget mere organiserede. Derudover kan du også navngive laggrupperne.

Søg lagEllers skal du vælge et lag direkte ved hjælp af værktøjet Flyt, holde "Ctrl" og klikke på et lag eller et objekt.

5 - Opret et gitter

Opret et gitter i PhotoshopGitteret er et af de vigtigste principper i webdesign. Det bringer ordren til at designe og hjælper dig med at placere dine objekter. Af denne grund giver det lige så meget mening at oprette et gitter i Photoshop.

For at gøre dette skal du bruge "Vis> Ny markør". Alternativt kan du oprette vandrette og lodrette guider ved at holde et klik på en lineal og trække ind i dokumentet. Brug Ctrl til at flytte eksisterende linjer.

6 - Importér farveprøver

Du kan indlæse farveprøver direkte i Photoshop fra HTML-, CSS- eller SVG-filer. På denne måde har du et godt udgangspunkt for dit farveskema, når du bruger eksisterende filer, som f logo.

For at drage fordel af dette Photoshop-tip skal du åbne panelet Farveprøver, klikke på rullemenuen i øverste højre hjørne og vælge " Indlæs farveprøver ". Naviger nu til filen, og åbn den for at importere dine nye farveprøver.

7 - Gem brugerdefinerede figurer

Når du designer flere sider til det samme sted eller websteder med lignende design, ender du med at bruge de samme objekter og figurer flere gange. Af denne grund er det fornuftigt at gemme dem i en brugerdefineret form til hurtig genbrug.

For at gøre dette skal du højreklikke på den pågældende form med værktøjet til valg af sti (den sorte pil). Vælg derefter Definer den tilpassede form ". Når du har gjort det, kan du få adgang til den form gennem indstillingerne i den øverste bjælke i værktøjet Tilpasset form. Klik bare på rullemenuen, hvor der står " Shape Og vælg din gemte formular.

Definer en brugerdefineret form

8 - Skift mellem baggrunds- og forgrundsfarverne

For at skifte baggrundsfarve og forgrundsfarve uden at klikke på ikonet skal du blot trykke på "X" på tastaturet. Hvis du også ønsker, at farverne skal vende tilbage til almindeligt sort / hvid, kan du gøre det ved at trykke på "D".

9 - Skift opacitet via tastaturet

En anden tastaturgenvej: for ethvert værktøj, der kan ændre opacitet, kan du bare gøre det via tastaturet. Tallene 1 til 0 indstiller opaciteten på alt mellem 10% og 100%. Det samme fungerer også med lagens opacitet.

10 - Tegn lige linjer

For at tegne en lige linje med et hvilket som helst værktøj skal du bare holde Skift-tasten nede. Derefter kan du tegne en linje (Vandret og lodret) som automatisk vil blive knyttet som et søm. Ellers skal du klikke på to forskellige punkter for at oprette en lige linje mellem dem.

Det er alt sammen til disse Photoshop-tip, jeg håber, det vil hjælpe dig med bedre design på Photoshop.