10+ gratis Photoshop-plugins för webbdesigners
Använda Photoshop-tillägg ökar kraftigt sin förmåga att hjälpa dig att designa, ångra ditt arbetsflöde och göra dig mer produktiv. Du kan använda ett Photoshop-plugin till påskynda upprepade eller tråkiga uppgifter som:
- generera långa skuggor
- exportera Photoshop-lager
- konvertera PSD till CSS3
- konvertera Photoshop-text till SVG
- bygga designspecifikationer i Photoshop
- Konvertera skeuomorf design till platt design
Det finns många andra Photoshop-extensions där ute, och på denna lista finns 12 fantastiska som hjälper dig hantera dina lager, färger, guider och mer, för att lindra din arbetsbelastning och hjälpa dig att fokusera mer på vad som kräver din uppmärksamhet. Om du känner till fler Photoshop-plugins eller tillägg, berätta det i kommentarerna.
1. Hexy
Hexy ger dig ett snabbare sätt att få Hex och RGB färgkod. Med det här pluginet kan du använda eyedropper-verktyget och helt enkelt klicka på färgen på bilden du vill hämta, och Hexy kopierar automatiskt färgen till Urklippet för dig. På så sätt kan du omedelbart klistra in den för att använda den i CSS. Det är ett praktiskt verktyg för färgplockning.
Kompatibilitet: Photoshop CC 2014
2. Storleksmärken
SizeMark tillåter dig att Lägg till etiketter med en objektstorlek eller avståndet mellan varje objekt med hjälp av ett Markeringsverktyg. SizeMark sparar varje etikett som skapats i ett nytt lager så att du kan anpassa det på vilket sätt du behöver t.ex. ändra färg eller justera dess position. Det är viktigt för när du behöver översätta PSD till en funktionell webbplats.
Kompatibilitet: Photoshop CC 2014
3. Pictura
Behöver du lägga in bilder i din design? Du bör installera Pictura. Pictura låter dig söka och lägga till bilder i din Photoshop bekvämt utan att lämna din arbetsyta. När installerat lägger Pictura till en ny panel där du kan söka efter vilken bild som helst i vilken licens du behöver, och sedan infoga den direkt i ditt design.
Kompatibilitet: Photoshop CC 2014
4. Ugn
Ugn är ett smutsigt plugin som hjälper dig att hantera dina tillgångar bättre. Photoshop Generator tillåter oss att exportera bilder i realtid men du måste byta namn på alla dina lager för att skapa bilden korrekt och med ett riktigt namn. Ugn eliminerar det besväret.
Kompatibilitet: Photoshop CC och CC 2014
5. Bläck
Att konvertera PSD till en fungerande webbplats är alltid en knepig process. Det finns så mycket detaljer att granska som lagerformat, teckensnittstorlek, använd fontfamilj, elementstorlek och position mot andra element. Bläck hjälper dig generera denna information lätt.
6. LayerCraft
LayerCraft är ett Photoshop-plugin som låter dig göra det exportera lager till flera skalor. Du kan exportera bilder till @ 1x
, @ 2x
och även @ 3x
(som krävs i iOS-enheter med retina-skärm), eller MDPI
och xhdpi
för Android. Om ditt dagliga jobb är skapa gränssnitt för mobilgränssnitt, Det här är verktyget som sparar mycket tid.
Kompatibilitet: Photoshop CC och CC 2014
7. Kompositör
Kompositör förbättrar Photoshop Layer Comps-funktionen. Snarare än att ha flera separata filer för att lagra varje designrevision, låter Layer Comps dig lagra och hantera dem alla i en enda fil. Layer Comps fungerar som ett smart objekt. Var och en kan innehålla ett antal egenskaper, såsom lagerformat och blandningslägen. Kompositör, i detta fall, tillhandahåller enklaste sättet att uppdatera dessa stilar med bara ett enda klick.
Kompatibilitet: Photoshop CS5, CS6 och CC
8. Velositey
Hastighet är en förlängning som kan hjälper dig att bygga webbdesign prototyp snabbt. Velocitey kommer med en handfull förinställda mallar inklusive rutnätet. Det kommer också med gemensamma layout platshållare för webbplatsens rubrik, innehåll och sidfot. Du kan lägga till alla dessa komponenter med bara ett klick. Det är bokstavligen en tidsbesparare (och det är gratis).
Kompatibilitet: Photoshop CS6, CC, CC 2014
9. Duplllicator
Duplllicator ger det snabbaste sättet att duplicera Photoshop-lager eller grupper. Du kan ange hur många kopior du vill ha och sedan ställa in det vertikala och horisontella avståndet för det dubbla lagret.
Kompatibilitet: Photoshop CC och CC 2014
10. QuickGuide
QuickGuide hjälper dig rita riktlinjer i Photoshop. Detta plugin innehåller 12 förinställningar för enkelt tillägg av guider på ena sidan, två intilliggande sidor eller alla sidor av varje objekt. Andra funktioner som den innehåller innehåller växelvisningsguider och synlighet, raderar hela guider eller utvalda, och kopior.
Kompatibilitet: Photoshop CC 2014
11. Lorem Ipsum Generator
Lorem Ipsum Generator kommer att generera slumpmässiga ord eller fraser. Snarare än att behöva kopiera den från någon annan plats, kan du skapa Lorem Ipsum direkt från din Photoshop-arbetsyta. Ett par alternativ finns för att anpassa utmatningen. Denna plugin finns också tillgänglig för Illustrator, InDesign och Dreamweaver.
Kompatibilitet: Photoshop CS5, CS6 och CC
12. Lorem Picsum
Lorem Picsum genererar slumpmässiga bilder i stället för text. Den avbildade bilden är härledd från populära film- och tv-program som Futurama, Rio, Simpsons, Hitta Nemo, och UPP.
Kompatibilitet: Photoshop CS6 och CC