Rekommenderas, 2024

Redaktionen

20 bästa Photoshop-plugins för designers

Även om det finns många bra och fria alternativ är Photoshop fortfarande den mest populära och kraftfulla grafikredaktören och standardvalet för många designers, illustratörer och fotografer. Om det finns en funktion du behöver, men kan inte hitta i Photoshop, oroa dig inte - otaliga skript och plugins finns tillgängliga för att hjälpa dig att utöka och förbättra Photoshops funktionalitet.

Här är ett urval av 20 användbara Photoshop-plugins för designers.

Photoshop Plugins för Mockups och Layouts

1. WebZap

Om du är webbdesigner kan WebZap göra ditt liv väsentligt enklare. Denna plugin hjälper dig att skapa webbplatsmockups genom att tillhandahålla layoutguider och mallar för 960-nätet. Du kan använda den för att generera platshållartekst och välja färdiga gränssnittselement för att lägga till på din webbplats. Varje element kan ändras som ett separat lager. WebZap kan också skapa attraktiva förhandsvisningar av din design för presentutrymmen och presentationer.

Nyckelfunktioner:

  • Kräver Photoshop CS 5 eller senare
  • Fungerar både på OS X och Windows
  • Gör det möjligt för dig att skapa webbplatsmockups
  • Erbjuder färdiga layouter
  • Genererar dummytext ("lorem ipsum") och användargränssnitt (menyer, knappar ...)

Pris: $ 19

2.Webbsy

Webbsy gör webbdesign en bris genom att konvertera dina PSD-filer till HTML och CSS. Du behöver inte markera dina lager - Webbsy kan automatiskt namnge dem och exportera alla designelement till CSS3. Om något inte kan konverteras till HTML, gör Webbsy det som en bild. Den stöder mottaglig webbdesign genom att exportera till lämpliga storlekar för olika enheter. Webbsy låter dig använda Google Fonts i dina mönster och kan automatiskt exportera till format för MINDER, SASS, SCSS, Stylus, HAML, Slim och Jade.

Nyckelfunktioner:

  • Konverterar dina PSD-mönster till HTML och CSS
  • Stöder Google Fonts, LESS, SASS, SCSS och Stylus
  • Låter dig exportera bilder från ditt projekt och välja deras kvalitet
  • Skivar bilder, kan exportera textelement
  • Kräver Photoshop CS6 eller senare, inklusive CC

Pris: $ 49, gratis 14-dagars rättegång tillgänglig

3. Velositey 2

Velositey är ett fantastiskt plugin för att skapa mockups och prototyper. Den använder förinställningar och mallar för att effektivisera designprocessen. Du kan infoga färdiga moduler och ändra dem senare, och låt Velositey skapa favicons och mapicons för ditt projekt. Med Velositey är det möjligt att bygga en hel mockup på bara en minut.

Nyckelfunktioner:

  • Välj färdiga element och mallar för att skapa en mockup
  • Använd ett rutnät för att placera element
  • Generera favicons och mapicons
  • Fungerar i Photoshop CS6, CC och CC 2014

Pris: Gratis

4. Elemente

Har du någonsin velat skapa ditt eget WordPress-tema, men hade inte tid att hantera all kodning? Elemente by Divine Project är ett plugin som låter dig göra det genom att konvertera någon PSD-design till ett WordPress-tema. Du kan designa en blueprint från början i Layout Editor eller ändra angivna mallar och låt Elemente generera temakoden. Det erbjuder användbara rutor för att ändra storlek och positionering av element, och du kan också gruppera dina element. Elemente stöder avancerade typografiparametrar som kerning och baslinjeskift, och låter dig exportera all textformatering (teckensnittstorlek, vikt, anpassning ...). Koden som produceras av Elemente är giltig och SEO-optimerad, och om du vill kan du ändra den i någon annan kodredigerare.

Nyckelfunktioner:

  • Konverterar PSD till ett WordPress-tema
  • Ingen kodning krävs bara designa en blueprint, omvandlingen är automatisk
  • Låter dig använda mallar och gruppelement
  • Exporterar ren, SEO-optimerad kod
  • Fungerar endast på 32-bitars Windows
  • Stöder Photoshop CS3, CS4, CS5, CS6 och CC

Pris: $ 99 för personlig plan, $ 199 för utvecklare plan, gratis försök tillgängligt

Photoshop-plugins för galler och lager

5. GuideGuide


Denna plugin hjälper dig att skapa grids och anpassade guider baserat på hela ditt projekt eller bara de valda delarna. Du kan också använda rutnätnotering för att skapa tabeller och justera marginaler. GuideGuide hjälper dig genom att beräkna de flesta dimensionerna. Du kan spara skapade nät som Sets (mallar) för framtida bruk. Guider kan väljas med ett musklick, och du kan till och med göra ett rutnät inuti ett rutnät!

Nyckelfunktioner:

  • Skapa och spara nät
  • Justera guider och marginaler
  • Stöder Photoshop CS5 och nyare

Pris: Gratis

6. Layrs Control 2

Layrs Control 2 är en praktisk lösning för lagerhantering, och det kan komma speciellt till hands när man arbetar på stora, komplexa designprojekt med flera lager. Du kan använda det här pluginet för att redigera lagnamn, optimera ditt projekt genom att ta bort oanvända effekter och tomma lager och platta alla valda lager. Det är också möjligt att rasterisera smarta objekt och konvertera valda lager till smarta objekt.

Nyckelfunktioner:

  • Fungerar med Photoshop CC & CC 2014
  • Byt namn på och plana lager
  • Ta bort tomma lager och oanvända effekter

Pris: Gratis

7. CSS3PS

Detta plugin förenklar konverteringen av Photoshop-lag till CSS3-kod. Skapa bara din grafik i Photoshop, välj önskade skikt och vänta på plugin för att ladda resultatet i din standardwebbläsare. Stödda egenskaper inkluderar storlek, kantradie, inre och droppe skugga, inre och yttre glöd, liksom de vanliga typsnittegenskaperna för textlager.

Nyckelfunktioner:

  • Fungerar på Windows och OS X, kräver Photoshop CS3 eller senare
  • Låter dig konvertera ett eller flera lag till CSS-kod
  • Stöder webbläsarens prefix (-webkit-, -moz-, -ms- ...)
  • Beräknar automatiskt lämpliga storlekar och konverterar lagerstorleken

Pris: Gratis

8. UberColumns

UberColumns är ett praktiskt plugin om du spenderar mycket tidredigerande text i dina mönster. Det låter dig formatera text i kolumner - all text kvarstår på ett enda lager och det automatiskt återlöser för att passa storleken på lagret om du ändrar det eller lägger till mer text. Allt du behöver göra är att välja antal kolumner.

Nyckelfunktioner:

  • Fungerar på OS X och Windows, kräver Photoshop CC eller CC 2014
  • Splits text i ett textlager till ett önskat antal kolumner
  • Justerar automatiskt text om du ändrar storleken på skiktet

Pris: Gratis

Photoshop-plugins för färger, teckensnitt och effekter

9. Swatchy

Swatchy är ett litet plugin som gör det möjligt att organisera färgfärger i mappar. På så sätt kan du spara och få tillgång till dina färgscheman och förhandsgranska färger som du ofta använder.

Nyckelfunktioner:

  • Hanterar färgrar och låter dig organisera dem i mappar
  • Fungerar på OS X och Windows
  • Kräver Photoshop CC och CC 2014

Pris: Gratis

10. MagicPicker

MagicPicker är ett plugin för färghantering som förbättrar befintliga färgverktyg i Photoshop genom att lägga till användbara funktioner. Du kan använda alternativ som Tone Lock för att styra gamma för valda färger och ett förbättrat färghjulsverktyg med triangel-, box- och diamantlägen. Det hjälper dig också att skapa färgscheman och erbjuder ett kompakt läge för att spara skärmutrymme.

Nyckelfunktioner:

  • Fungerar på OS X och Windows
  • Stöder Photoshop CC2014, CC, CS6, CS5.5, CS5, CS4 och CS3
  • Låter dig skapa färgscheman
  • Välj färger från ett förbättrat färghjul med 3 lägen och tonlåsning
  • Välj bara varma eller kalla toner från paletten
  • HEX färgkoder med ett klick

Pris: $ 19; gratis 15-dagars provversion tillgänglig för nedladdning

11. FilterForge

FilterForge är en otroligt kraftfull redaktör som kan användas som en fristående applikation eller ett Photoshop-plugin. Du kan använda den för att skapa egna fotoeffekter och filter, och det ger dig tillgång till ett enormt onlineförråd av användarinsignerat innehåll. Den stöder sömlös tegelplåt för texturer, och filter kan göras i någon upplösning. Varje förinställning har flera olika variationer att välja mellan, så FilterForge ska uppfylla alla dina fotofunktionsbehov.

Nyckelfunktioner:

  • Fungerar på både OS X och Windows
  • Låter dig skapa egna filter, effekter och texturer
  • Välj från ett onlineförteckning av filter
  • Skapa kartor och texturer som stöder sömlösa plattor

Pris: $ 399, gratis 30-dagars prov tillgänglig

12. Eye Candy 7

Eye Candy 7 av Alienskin är ett plugin som låter dig välja mellan 32 effektkategorier och mer än tusen förinställningar som ska tillämpas på din grafik. Du kan använda den för att skapa egna effekter och direkt förhandsgranska ändringar som tillämpas på varje lager. Alla effekter tillämpas i ett nytt lager, så ditt ursprungliga konstverk förblir orört tills du bestämmer dig för att ändra det.

Nyckelfunktioner:

  • Skapa och tillämpa realistiska effekter
  • Välj förinställningar från en rik samling
  • Stödjer redigering i ett nytt lager för att bevara din ursprungliga design
  • Förhandsgranska effekter direkt
  • Fungerar på OS X OS X 10.7 eller senare, Windows 7 och 8
  • Kräver Photoshop CS5, Elements 10 eller newer

Pris: $ 129, gratis försök tillgängligt

13. Font Hero

Font Hero hjälper dig att organisera teckensnitt och eliminerar behovet av ett separat skrifthanteringsprogram. Denna plugin laddar alla installerade teckensnitt från din dator till ett snyggt gränssnitt där du kan märka, favorit och gruppera dem. Du kan genast förhandsgranska teckensnitt och ändra utseendet. Med hjälp av Font Hero kan du ändra teckensnittet för varje textlager med bara ett klick på musen. Den stöder Google Fonts och Typekit, men lagrar dem separat för din bekvämlighet.

Nyckelfunktioner:

  • Importera, förhandsgranska och organisera alla dina teckensnitt direkt i Photoshop
  • Tagg och favoritfonter för att göra sökning enklare
  • Stöd för webbfonter
  • Fungerar på OS X och Windows, kräver Photoshop CC 2014

Pris: $ 39

Några andra Photoshop-plugins

14. FlatIcon

FlatIcon är en populär resursresurs, och i det här enkla plugin kan du använda sina gratis ikoner direkt från Photoshop. Valda ikoner importeras som vektorer, vilket innebär att du kan redigera dem fritt för att passa ditt projekt.

Nyckelfunktioner:

  • Ger dig tillgång till tusentals gratis ikoner
  • Alla ikoner finns i fullt redigerbart vektorformat
  • Stödjer Photoshop CS5, CS6, CC och CC 2014

Pris: Gratis

15. QR kodgenerator

Denna plugin gör precis vad namnet säger - det genererar QR-koder som vektormaskar som du kan redigera och använda i dina mönster. QR-koder genereras i utskriftskvalitet med CMYK-kompatibilitet, så du behöver inte oroa dig för det. Pluggen stöder flera QR-kodstyper, inklusive URL, SMS, visitkort, vanlig text och e-post.

Nyckelfunktioner:

  • Genererar QR-koder som bilder som du kan ändra
  • Stöder flera QR-kodstyper
  • Koderna är optimerade för utskrift och följer QR-kodstandarden
  • Pluggen fungerar på OS X och Windows

Pris: $ 19

16. TinyPNG

TinyPNG kan du exportera bilder till PNG och komprimera dem för att minska deras filstorlek, men bevara öppenheten. Den stöder batchredigering och omvandlar automatiskt bilder till sRGB om det behövs. Och det har en söt panda som en maskot!

Nyckelfunktioner:

  • Fungerar på OS X och Windows
  • Stödjer Photoshop CS5, CS6, CC och CC 2014
  • Gör det möjligt att redigera flera bilder samtidigt
  • Komprimerar PNG-filer samtidigt som transparens bevaras

Pris: $ 40

17. Descreen

Descreen är en frälsare om du ofta använder skannade material i dina designprojekt. Det tar bort skärm och moire (interferens) mönster från skannade bilder med en exakt Fourier transform-metod. Till skillnad från andra verktyg som är beroende av suddighet, kan Descreen behålla mer detaljer tack vare detta tillvägagångssätt. Rekommenderad upplösning för skanningar är mellan 600 och 1200 pixlar / tum.

Nyckelfunktioner:

  • Stöder Photoshop från version 7.0 och CS till CS6 och CC
  • Tar bort skärm- och interferensmönster från skannade bilder
  • Fungerar på Windows och OS X

Pris: Hemversion 15 €, Professionell upplaga 75 €

18. Perfekt resize

Perfekt Ändra storlek kan du förstora bilder utan att förlora kvalitet och förhållande. Det erbjuder ett skärverktyg med förinställningar och ett annat verktyg för att "rätta" bilder. Perfekt resize kan förstora foton som tas av mobila enheter och skapa utökade marginaler för att skriva ut foton på duk. Du kan använda den för att ändra storlek på foton och spara två olika versioner av en bild.

Nyckelfunktioner:

  • Låt dig förstora, skörda och rätta bilder
  • Optimerar foton för utskrift
  • Stöder att ändra storlek på många bilder samtidigt
  • Fungerar på Windows 7 och 8 och OS X 10, 8 - 10, 10
  • Kräver Photoshop CS6, CC eller CC 2014 (även Elements 11, 12 eller 13)

Pris: $ 79, 95, erbjuder en 30-dagars prov

19. Cover Action Pro

Denna plugin är perfekt för bokomslag designers och alla som behöver visa sitt arbete på ett professionellt, visuellt attraktivt sätt. Cover Action Pro konverterar dina mönster till 3D-produktbilder. eller snarare överför dem till produktmodeller. Du kan använda mallar och guider och välja bland 25 kategorier som innehåller mer än 150 modeller, inklusive böcker, bindemedel, DVD-lådor, gratulationskort, visitkort, tidskrifter ...

Nyckelfunktioner:

  • Låter dig konvertera dina mönster till 3D-produktmodeller
  • Erbjuder mallar och modeller
  • Utvecklad för Photoshop CS6 och senare, men kan fungera på CS5, CS4 och CS3
  • Automatiska uppdateringar

Pris: $ 147 eller $ 247 med 60 designer mallar

20. Avokod

Nej, det är inte en felstavad frukt. Avocode är ett designsamarbete och projekthanteringsverktyg som syftar till att föra samman designers och utvecklare. Det låter konstruktörer ladda upp sitt projekt via Photoshop-plugin, och utvecklare kan sedan inspektera designelementen i webbgränssnittet eller en fristående app. Det går att exportera lager som bilder, konvertera lager till CSS, Mindre, Sass eller Stylus, få information om textformatering och lagdimensioner. Avocode sparar tidigare uppladdade designversioner på servern, så du kan använda den som ett versionsstyrningssystem för ditt projekt.

Nyckelfunktioner:

  • Dela enkelt dina mönster via Photoshop-plugin
  • Kontrollera designen i webbgränssnittet eller i app-verktygen på OS X, Windows och Linux
  • Exportera lager som bilder, konvertera till CSS
  • Öppna tidigare versioner av delade mönster

Pris: Börjar på $ 20 per månad, erbjuder en gratis 14-dagars prov

SE OCKSÅ: 10 Gratis verktyg för att skapa egna teckensnitt

Vilka Photoshop-plugins rekommenderar du till designers? Finns det några plugins du inte kan leva utan? Berätta om dem i kommentarerna.

Top