Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar.

Förmodligen har alla webbdesigners sin egen uppsättning favorit Photoshop-tips i ärmarna. Av goda skäl. Adobes kraftfulla bildredigeringsverktyg är en häftklammer i webbdesignvärlden. Mycket få program där ute kan konkurrera med denna fantastiska programvara och dess breda utbud av funktioner.

Men medan de flesta webbdesigners redan vet mycket om PhotoShop finns det alltid mer du kan lära dig. När allt kommer omkring är programmet inte bara kraftfullt utan också komplext. Dessutom läggs nya saker till regelbundet genom uppdateringar.

Av denna anledning är det en bra idé att fortsätta utforska ditt favoritverktyg. För att hjälpa dig göra det i den här tutorialen kommer vi att titta på några av de bästa sakerna i Photoshop. Tips som kan förbättra ditt arbetsflöde, göra arbetet och livet enklare, spara tid och hjälpa dig att utforma bästa möjliga webbplatser.

Är du redo att lära dig mer om Photoshop? Detta är vad vi kommer att se i följande.

1 - Effektivisera din arbetsyta

Låt oss börja med grunderna. Det första du ska göra för att förbättra ditt arbetsflöde är att ställa in Photoshop på ett sätt som är kompatibelt med hur du använder det. När allt kommer omkring blir jobbet enklare med ett renare verktyg.

Av detta skäl är vårt första stopp "Window> Workspace> Graphic and Web> The essentials". Om du väljer det här alternativet ändras de tillgängliga verktygen för vad du mest sannolikt använder för webbdesign.

Välj en WordPress-arbetsytaGå sedan till "Redigera> Inställningar". Här är en av de viktigaste stoppen enheterna och reglerna. Oavsett vilken mätning du väljer här (troligen pixlar) kommer detta att vara standard för alla framtida dokument.

(Snabbtips: För att ändra reglerna för enstaka dokument, högerklicka bara på det och välj önskad måttenhet.)

Gå sedan till "Inställningar> Prestanda> Historik och cache" och klicka på "Web / UI Design".

Photoshop-linjaler och enhetskonfigurationDetta kommer att ändra cache-inställningarna för att gynna mindre filer med många lager, som du arbetar oftast.

På samma plats kan du också välja antalet historiska tillstånd. Det här är antalet steg du kan gå tillbaka till om du vill ångra något.

Skapa enkelt din webbplats med Elementor

Elementor låter dig skapa Enkelt och gratis vilken webb- eller bloggdesign som helst med ett professionellt utseende. Sluta betala mycket för en webbplats du kan göra själv.

2 - Lär dig kortkommandona

För alla program du använder regelbundet är det bra att lära sig kortkommandon.

Till exempel använder jag Ctrl + Alt + 2/3 för att skapa h2- och h3-rubrikerna när jag skriver det här inlägget. Det är mycket snabbare än att använda redigeringsverktygsfältet eftersom jag inte behöver lämna tangentbordet.

Detsamma gäller för Photoshop. Att veta hur man utför en åtgärd med enstaka knappar går oändligt snabbare än att klicka på menyerna.

Vi kommer att nämna en massa kortkommandon genom hela den här artikeln. Jag rekommenderar dock också detta fuskark för att lära dig genvägarna till de vanligaste Photoshop-operationerna. Utöver det är det också en bra idé att vana dig att titta på kortkommandon för saker du gör om och om igen.

3 - Gruppera lager och namnge dem

När du arbetar med Photoshop arbetar du med lager. Inte bara har de flesta element i separata lager, men ändringar som ljusstyrka / kontrast läggs också till som ett lager.

Av denna anledning kan allt förväxlas väldigt snabbt. Lyckligtvis finns det många alternativ att göra mindre, varav två är möjligheten att gruppera och namnge lager.

Vill du sälja dina produkter på internet?

Ladda ner WooCommerce gratis, de bästa plugins för e-handel för att sälja dina fysiska och digitala produkter på WordPress och enkelt skapa din onlinebutik. Perfekt för nybörjare.

Först och främst, genom att dubbelklicka på valfritt lager kan du ändra namnet till vad du vill.

Byt namn på ett lager på wordpressPå det här sättet förstår du enkelt om ett lager innehåller bakgrundsbilden, menyn eller sidofältet.

Alternativt kan du också välja flera lager samtidigt, antingen genom att hålla ner Ctrl-tangenten för att välja enskilda lager eller Skift för att markera ett intervall med angränsande lager. Ctrl + G förvandlar dem till en grupp.

4 - Gör lager-sökningar

Att namnge och gruppera lager är en bra start. Men genom att arbeta med dussintals eller till och med hundratals av dem kan du fortfarande gå vilse lätt.

I dessa fall har du också möjlighet att filtrera dina lager. För att göra detta använder du helt enkelt menyn längst upp i Lager-menyn för att filtrera efter typ, namn, effekt, färg och mer.

I annat fall högerklickar du på lagren och väljer gruppalternativ därifrån. Hur som helst är dina lager mycket mer organiserade. Dessutom kan du också namnge lagergrupperna.

Sök i lagerAnnars, välj ett lager direkt med verktyget Flytta, håll "Ctrl" och klicka på ett lager eller ett objekt.

5 - Skapa ett rutnät

Skapa ett rutnät i PhotoshopRutnätet är en av de viktigaste principerna inom webbdesign. Det ger ordern att designa och hjälper dig att placera dina föremål. Av den anledningen är det lika meningsfullt att skapa ett rutnät i Photoshop.

För att göra detta, använd "Visa> Ny markör". Alternativt kan du skapa horisontella och vertikala guider genom att hålla ett klick på linjalen och dra in i dokumentet. Använd Ctrl för att flytta befintliga linjer.

6 - Importera färgprover

Du kan ladda färgprover direkt till Photoshop från HTML-, CSS- eller SVG-filer. På det här sättet har du en utmärkt utgångspunkt för ditt färgsystem när du använder befintliga filer, till exempel en logotyp.

För att dra nytta av detta Photoshop-ledtråd öppnar du panelen Swatches, klickar på rullgardinsmenyn i det övre högra hörnet och väljer " Ladda färgar ". Navigera nu till filen och öppna den för att importera dina nya färgprover.

7 - Spara anpassade former

När du utformar flera sidor för samma webbplats eller webbplatser som har en liknande design kommer du i slutändan att använda samma objekt och former flera gånger. Av denna anledning är det vettigt att spara dem i en anpassad form för snabb återanvändning.

För att göra detta högerklickar du på formen i fråga med sökvalsverktyget (den svarta pilen). Välj sedan Definiera den anpassade formen ". När du väl har gjort det kan du komma åt den formen genom alternativen i det övre fältet i verktyget Anpassad form. Klicka bara på rullgardinsmenyn där det står " Form Och välj ditt sparade formulär.

Definiera en anpassad form

8 - Växla mellan bakgrunds- och förgrundsfärger

För att växla bakgrundsfärg och förgrundsfärg utan att klicka på ikonen, tryck bara på "X" på tangentbordet. Om du vill att färgerna ska återgå till vanligt svartvitt kan du göra det genom att trycka på "D".

9 - Ändra opacitet via tangentbordet

En annan kortkommando: för alla verktyg som kan ändra opacitet kan du bara göra det via tangentbordet. Siffrorna 1 till 0 ställer in opacitet för allt mellan 10% och 100%. Detsamma fungerar också med lagerns opacitet.

10 - Rita raka linjer

Om du vill rita en rak linje med valfritt verktyg håller du bara ned Skift-tangenten. Sedan kan du rita en linje (horisontellt och vertikalt) som automatiskt kommer att länkas som en spik. I annat fall klickar du på två olika punkter för att skapa en rak linje mellan dem.

Det är allt för dessa Photoshop-tips, jag hoppas att det kommer att hjälpa dig att utforma bättre på Photoshop.

5 aktier
del2
tweet
Enregistrer3