Sannsynligvis har hver webdesigner sitt eget sett medtips Photoshop-favoritter i ermene. Med god grunn. Adobes kraftige bilderedigeringsverktøy er en stift i verden av webdesign. Svært få programmer der ute kan konkurrere med denne utmerkede programvaren og dens brede utvalg av funksjoner.

Imidlertid, mens de fleste webdesignere allerede vet mye om PhotoShop, er det alltid mer du kan lære. Programmet er tross alt ikke bare kraftig, men også komplekst. I tillegg tilføres nye ting regelmessig gjennom oppdateringer.

Av denne grunn er det en god idé å fortsette å utforske favorittverktøyet ditt. For å hjelpe deg med det, i denne opplæringen, skal vi se på noen av de beste Photoshop-triksene. Av tips som kan forbedre arbeidsflyten din, gjøre jobb og liv enklere, spare tid og hjelpe deg med å designe de best mulige nettstedene.

Er du klar til å lære mer om Photoshop? Dette er hva vi vil se i det følgende.

1 - Effektiviser arbeidsområdet ditt

La oss starte med det grunnleggende. Det første du må gjøre for å forbedre arbeidsflyten din er å sette opp Photoshop på en måte som er kompatibel med hvordan du bruker den. Tross alt blir jobben lettere med et renere verktøy.

Av denne grunn er vårt første stopp "Vindu > Arbeidsområde > Grafikk og web > Essentials". Å velge dette alternativet vil endre outils tilgjengelig for det du mest sannsynlig vil bruke til webdesign.

Velg et WordPress-arbeidsområdeGå deretter til "Rediger> Innstillinger". Her er enhetene og reglene en av de viktigste stoppene. Uansett hvilken måling du velger her (mest sannsynlige piksler), vil dette være standard for alle fremtidige dokumenter.

(Hurtigtips: For å endre reglene for enkeltdokumenter, høyreklikk bare på det og velg ønsket måleenhet.)

Gå deretter til "Innstillinger> Ytelse> Historie og hurtigbuffer" og klikk på "Web / UI Design".

Photoshop-linjaler og enhetskonfigurasjonDette vil endre cache-innstillingene for å favorisere mindre filer med mange lag, som du ofte vil jobbe.

På samme sted kan du også velge antall historiske tilstander. Dette er antall trinn du kan gå tilbake til hvis du vil angre noe.

2 - Lær hurtigtastene

For alle programmer du bruker regelmessig, er det vanligvis en god ting å lære snarveier.

For eksempel bruker jeg Ctrl + Alt + 2/3 for å lage h2- og h3-overskriftene når jeg skriver dette innlegget. Det er mye raskere enn å bruke verktøylinjenoutils av redaktøren fordi jeg ikke trenger å forlate tastaturet.

Det samme gjelder Photoshop. Å vite hvordan du utfører en handling med enkelttaster er uendelig mye raskere enn å klikke på menyene.

Vi vil nevne en rekke hurtigtaster gjennom hele denne artikkelen. Imidlertid anbefaler jeg også dette juksearket for å lære snarveiene til de vanligste Photoshop-operasjonene. På toppen av det er det også en god ide å venne seg til å se på hurtigtaster for ting du gjør om og om igjen.

3 - Gruppér lag og navngi dem

Når du jobber med Photoshop, vil du jobbe med lag. Ikke bare har de fleste elementer på separate lag, men endringer som lysstyrke / kontrast blir også lagt til som et lag.

Av denne grunn kan alt forveksles veldig raskt. Heldigvis er det mange muligheter til å gjøre mindre, hvorav to er muligheten til å gruppere og navngi lag.

Først av alt, ved å dobbeltklikke på et hvilket som helst lag, kan du endre navnet til det du vil.

Gi nytt navn til et lag på wordpressPå denne måten vil du enkelt forstå om et lag inneholder bakgrunnsbildet, menyen eller sidefeltet.

Alternativt kan du også velge flere lag samtidig, enten ved å holde nede Ctrl-tasten for å velge individuelle lag eller Skift for å markere et utvalg av nærliggende lag. Ctrl + G gjør dem til en gruppe.

4 - Gjør lagsøk

Navngivning og gruppering av lag er en god start. Men ved å jobbe med dusinvis eller hundrevis av dem, kan du fortsatt gå deg vill.

I disse tilfellene har du også muligheten til å filtrere lagene dine. For å gjøre dette, bruk ganske enkelt menyen øverst i Lag-menyen for å filtrere etter type, navn, effekt, farge og mer.

Ellers høyreklikker du på lagene og velger gruppealternativet derfra. Uansett er lagene dine mye mer organisert. I tillegg kan du også navngi laggruppene.

Søk i lagEllers, velg et lag direkte ved hjelp av verktøyet Flytt, hold "Ctrl" og klikk på et lag eller et objekt.

5 - Lag et rutenett

Lag et rutenett i PhotoshopRutenettet er et av de viktigste prinsippene innen webdesign. Det gir ordren til å designe og hjelper deg med å plassere objektene dine. Av denne grunn er det bare fornuftig å lage et rutenett i Photoshop.

For å gjøre dette, bruk "Vis> Ny markør". Alternativt kan du opprette horisontale og vertikale guider ved å holde et klikk på en linjal og dra inn i dokumentet. Bruk Ctrl for å flytte eksisterende linjer.

6 - Importer fargeprøver

Du kan laste inn fargeprøver direkte i Photoshop fra HTML-, CSS- eller SVG-filer. På denne måten har du et flott utgangspunkt for fargeskjemaet ditt når du bruker eksisterende filer, som en logo.

For å dra nytte av dette Photoshop-hintet, åpner du Fargeprøver-panelet, klikker på rullegardinmenyen øverst til høyre og velger " Last opp fargeprøver ". Naviger nå til filen og åpne den for å importere de nye fargeprøvene.

7 - Lagre tilpassede figurer

Spesielt når du designer flere sider for det samme nettstedet eller nettsteder som har en lignende design, vil du ende opp med å bruke de samme objektene og figurene flere ganger. Av denne grunn er det fornuftig å lagre dem i en tilpasset form for rask gjenbruk.

For å gjøre dette høyreklikker du på formen i spørsmålet med stevalgverktøyet (den svarte pilen). Velg deretter Definer tilpasset form ". Når du har gjort det, kan du få tilgang til den formen gjennom alternativene på den øverste linjen i verktøyet for tilpasset form. Bare klikk på rullegardinmenyen der det står " Shape Og velg ditt lagrede skjema.

Definer en tilpasset form

8 - Bytt mellom bakgrunns- og forgrunnsfargene

For å skifte bakgrunnsfarge og forgrunnsfarge uten å klikke på ikonet, trykk bare "X" på tastaturet. Også, hvis du vil at fargene skal gå tilbake til vanlig svart-hvitt, kan du gjøre det ved å trykke "D".

9 - Endre opasiteten via tastaturet

En annen hurtigtast: for ethvert verktøy som kan endre opasiteten, kan du bare gjøre det via tastaturet. Tallene 1 til 0 vil sette opasiteten på alt mellom 10% og 100%. Det samme fungerer også med lagets opasitet.

10 - Tegn rette linjer

For å tegne en rett linje med hvilket som helst verktøy, holder du bare nede Skift-tasten. Deretter kan du tegne en linje (horisontal og vertikal) som automatisk blir koblet som en spiker. Ellers kan du klikke på to forskjellige punkter for å lage en rett linje mellom dem.

Det er alt for disse Photoshop-tipsene, jeg håper det vil hjelpe deg med bedre design på Photoshop.