20 Beste Photoshop-plug-ins voor ontwerpers

2019

Hoewel er veel geweldige en gratis alternatieven zijn, is Photoshop nog steeds de meest populaire en krachtige grafische editor en de standaardkeuze van veel ontwerpers, illustratoren en fotografen. Als er een functie is die u nodig hebt, maar niet kunt vinden in Photoshop, hoeft u zich geen zorgen te maken. Er zijn talloze scripts en plug-ins beschikbaar om u te helpen bij het uitbreiden en verbeteren van de functionaliteit van Photoshop.

Hier is een selectie van 20 nuttige Photoshop-plug-ins voor ontwerpers.

Photoshop-plug-ins voor mockups en lay-outs

1. WebZap

Als webdesigner kan WebZap uw leven aanzienlijk eenvoudiger maken. Met deze plug-in kunt u website-testmodellen maken door lay-outhandleidingen en sjablonen voor het 960-raster te maken. U kunt het gebruiken om plaatsaanduidingstekst te genereren en vooraf gemaakte interface-elementen te kiezen die u aan uw website kunt toevoegen. Elk element kan als een afzonderlijke laag worden aangepast. WebZap kan ook aantrekkelijke voorbeelden van uw ontwerp maken voor vitrines en presentaties.

Belangrijkste kenmerken:

Vereist Photoshop CS 5 of nieuwer
Werkt zowel op OS X en Windows
Hiermee kunt u website-testmodellen maken
Biedt vooraf gemaakte lay-outs
Genereert dummy-tekst ("lorem ipsum") en UI-elementen (menu's, knoppen ...)

Prijs: $ 19

2.Webbsy

Webbsy maakt webontwerp een fluitje van een cent door uw PSD-bestanden om te zetten in HTML en CSS. U hoeft uw lagen niet op te slaan - Webbsy kan ze automatisch een naam geven en alle ontwerpelementen naar CSS3 exporteren. Als iets niet in HTML kan worden omgezet, geeft Webbsy het als een afbeelding weer. Het ondersteunt responsief webontwerp door te exporteren naar geschikte formaten voor verschillende apparaten. Webbsy laat je Google Fonts gebruiken in je ontwerpen, en kan automatisch exporteren naar formaten voor MINDER, SASS, SCSS, Stylus, HAML, Slim en Jade.

Belangrijkste kenmerken:

Zet uw PSD-ontwerpen om in HTML en CSS
Ondersteunt Google Fonts, LESS, SASS, SCSS en Stylus
Hiermee kunt u afbeeldingen uit uw project exporteren en hun kwaliteit kiezen
Hiermee kunt u afbeeldingen splitsen en tekstelementen exporteren
Vereist Photoshop CS6 of nieuwer, inclusief CC

Prijs: $ 49, gratis proefversie van 14 dagen beschikbaar

3. Velositey 2

Velositey is een geweldige plug-in voor het maken van mockups en prototypen. Het gebruikt presets en sjablonen om het ontwerpproces te stroomlijnen. U kunt vooraf gemaakte modules invoegen en deze later wijzigen en Velositey favicons en mapicons voor uw project laten genereren. Met Velositey is het mogelijk om binnen een minuut een volledige mockup te maken.

Belangrijkste kenmerken:

Kies vooraf gemaakte elementen en sjablonen om een mockup te maken
Gebruik een raster om elementen te positioneren
Genereer favicons en mapicons
Werkt in Photoshop CS6, CC en CC 2014

Prijs: gratis

4. Elemente

Heb je wel eens je eigen WordPress-thema willen maken, maar had je geen tijd om alle codering aan te pakken? Elemente van Divine Project is een plug-in waarmee je dit kunt doen door elk PSD-ontwerp in een WordPress-thema te converteren. U kunt vanuit de grond een blauwdruk ontwerpen in de lay-outeditor of bijgeleverde sjablonen wijzigen en vervolgens laat Elemente de themacode genereren. Het biedt handige rasters voor het aanpassen van het formaat en positionering van elementen, en u kunt ook uw elementen groeperen. Elemente ondersteunt geavanceerde typografische parameters zoals afspatiëring en basislijnverschuiving, en laat u alle tekstopmaak (tekengrootte, gewicht, uitlijning ...) exporteren. De code geproduceerd door Elemente is geldig en SEO-geoptimaliseerd, en als u wilt, kunt u deze in een andere codebewerker wijzigen.

Belangrijkste kenmerken:

Zet PSD om in een WordPress-thema
Geen codering vereist; ontwerp gewoon een blauwdruk, conversie is automatisch
Hiermee kunt u sjablonen en groepselementen gebruiken
Exporteert schone, voor SEO geoptimaliseerde code
Werkt alleen op 32-bits Windows
Ondersteunt Photoshop CS3, CS4, CS5, CS6 en CC

Prijs: $ 99 voor persoonlijk abonnement, $ 199 voor ontwikkelaarsplan, gratis proefversie beschikbaar

Photoshop-plug-ins voor rasters en lagen

5. GuideGuide

Met deze plug-in kunt u rasters en aangepaste gidsen maken op basis van uw gehele project of alleen de geselecteerde onderdelen. U kunt ook rasternotatie gebruiken om tabellen te maken en marges aan te passen. GuideGuide helpt u door de meeste dimensies te berekenen. U kunt gemaakte rasters opslaan als Sets (sjablonen) voor toekomstig gebruik. Gidsen kunnen met een muisklik worden omgeschakeld en u kunt zelfs een raster in een raster maken!

Belangrijkste kenmerken:

Maak en sla netten op
Pas gidsen en marges aan
Ondersteunt Photoshop CS5 en nieuwer

Prijs: gratis

6. Layrs Control 2

Layrs Control 2 is een praktische oplossing voor laagbeheer en kan vooral handig zijn bij het werken aan grote, complexe ontwerpprojecten met meerdere lagen. U kunt deze plug-in gebruiken om laagnamen te bewerken, uw project te optimaliseren door ongebruikte effecten en lege lagen te verwijderen en alle geselecteerde lagen af te vlakken. Het is ook mogelijk om slimme objecten te rasteren en geselecteerde lagen om te zetten in slimme objecten.

Belangrijkste kenmerken:

Werkt met Photoshop CC & CC 2014
Hernoem en vlak lagen
Lege lagen en ongebruikte effecten verwijderen

Prijs: gratis

7. CSS3PS

Deze plug-in vereenvoudigt het converteren van Photoshop-lagen naar CSS3-code. Maak gewoon uw afbeeldingen in Photoshop, selecteer de gewenste lagen en wacht tot de plug-in het resultaat laadt in uw standaardwebbrowser. Ondersteunde eigenschappen zijn onder andere grootte, randradius, binnen- en slagschaduw, binnen- en buitengloed, evenals de gebruikelijke lettertype-eigenschappen voor tekstlagen.

Belangrijkste kenmerken:

Werkt op Windows en OS X, vereist Photoshop CS3 of nieuwer
Hiermee kunt u een of meerdere lagen naar CSS-code converteren
Ondersteunt browser-voorvoegsels (-webkit-, -moz-, -ms- ...)
Berekent automatisch de juiste afmetingen en converteert de laaggrootte

Prijs: gratis

8. UberColumns

UberColumns is een handige plug-in als u veel tijd besteed aan het bewerken van tekst in uw ontwerpen. Hiermee kunt u tekst opmaken in kolommen - alle tekst blijft op één laag staan en deze springt automatisch terug op de grootte van de laag als u deze wijzigt of meer tekst toevoegt. Het enige dat u hoeft te doen, is het aantal kolommen kiezen.

Belangrijkste kenmerken:

Werkt op OS X en Windows, vereist Photoshop CC of CC 2014
Splitst tekst in een tekstlaag op in een gewenst aantal kolommen
Past tekst automatisch aan als u de grootte van de laag wijzigt

Prijs: gratis

Photoshop-plug-ins voor kleuren, lettertypen en effecten

9. Swatchy

Swatchy is een kleine plug-in waarmee u uw kleurstalen in mappen kunt indelen. Op deze manier kunt u uw kleurenschema's opslaan en eenvoudig openen en vooraf een voorbeeld bekijken van de kleuren die u vaak gebruikt.

Belangrijkste kenmerken:

Beheert stalen en laat u deze in mappen indelen
Werkt op OS X en Windows
Vereist Photoshop CC en CC 2014

Prijs: gratis

10. MagicPicker

MagicPicker is een kleurbeheerplug-in die de bestaande kleurhulpmiddelen in Photoshop verbetert door handige functies toe te voegen. U kunt opties zoals Tone Lock gebruiken om het gamma van geselecteerde kleuren te besturen, en een verbeterde kleurenwieltool met driehoek-, doos- en diamantmodus. Het helpt u ook bij het genereren van kleurenschema's en biedt een compacte modus om schermruimte te besparen.

Belangrijkste kenmerken:

Werkt op OS X en Windows
Ondersteunt Photoshop CC2014, CC, CS6, CS5.5, CS5, CS4 en CS3
Hiermee kunt u kleurenschema's genereren
Kies kleuren uit een verbeterd kleurenwiel met 3 modi en toonvergrendeling
Kies alleen warme of koude tonen uit het palet
HEX-kleurcodes met één klik kopiëren

Prijs: $ 19; gratis proefversie van 15 dagen beschikbaar om te downloaden

11. FilterForge

FilterForge is een ongelooflijk krachtige editor die kan worden gebruikt als een stand-alone toepassing of een Photoshop-plug-in. Je kunt het gebruiken om je eigen foto-effecten en filters te maken, en het geeft je toegang tot een enorme online repository van door gebruikers ingezonden inhoud. Het ondersteunt naadloze herhaling van texturen en filters kunnen in elke resolutie worden gerenderd. Elke preset heeft verschillende variaties om uit te kiezen, dus FilterForge moet aan al uw behoeften voor foto-effecten voldoen.

Belangrijkste kenmerken:

Werkt op zowel OS X als Windows
Hiermee kunt u uw eigen filters, effecten en texturen maken
Kies uit een online repository met filters
Genereer kaarten en texturen die naadloze herhaling ondersteunen

Prijs: $ 399, gratis proefversie van 30 dagen beschikbaar

12. Eye Candy 7

Eye Candy 7 van Alienskin is een plug-in waarmee je kunt kiezen uit 32 effectcategorieën en meer dan duizend presets die je op je afbeeldingen kunt toepassen. U kunt het gebruiken om uw eigen effecten te maken en direct een voorbeeld bekijken van wijzigingen die op elke laag zijn toegepast. Alle effecten worden in een nieuwe laag toegepast, zodat uw originele illustraties onaangeroerd blijven totdat u besluit deze te wijzigen.

Belangrijkste kenmerken:

Realistische effecten maken en toepassen
Kies voorinstellingen uit een rijke verzameling
Ondersteunt het bewerken in een nieuwe laag om uw oorspronkelijke ontwerp te behouden
Direct een voorvertoning van effecten
Werkt op OS X OS X 10.7 of nieuwer, Windows 7 en 8
Vereist Photoshop CS5, Elements 10 of nieuwer

Prijs: $ 129, gratis proefversie beschikbaar

13. Font Hero

Font Hero helpt je bij het ordenen van lettertypen en maakt een aparte applicatie voor lettertypebeheer overbodig. Met deze plug-in worden alle geïnstalleerde lettertypen van uw computer in een handige interface geladen, waar u ze kunt taggen, favoriet maken en groeperen. U kunt direct een voorbeeld van lettertypen bekijken en hun uiterlijk wijzigen. Met Font Hero kun je het lettertype voor elke tekstlaag wijzigen met slechts één muisklik. Het ondersteunt Google Fonts en Typekit, maar slaat ze apart op voor uw gemak.

Belangrijkste kenmerken:

Importeer, bekijk en organiseer al uw lettertypen direct in Photoshop
Tag en favoriete lettertypen om het zoeken gemakkelijker te maken
Ondersteuning voor weblettertypen
Werkt op OS X en Windows, vereist Photoshop CC 2014

Prijs: $ 39

Enkele andere Photoshop-plug-ins

14. FlatIcon

FlatIcon is een populaire voorraadbron en met deze eenvoudige plug-in kunt u hun gratis pictogrammen direct vanuit Photoshop gebruiken. Geselecteerde pictogrammen worden geïmporteerd als vectoren, wat betekent dat u ze naar eigen inzicht kunt bewerken.

Belangrijkste kenmerken:

Geeft u toegang tot duizenden gratis pictogrammen
Alle pictogrammen zijn beschikbaar in een volledig bewerkbare vectorindeling
Ondersteunt Photoshop CS5, CS6, CC en CC 2014

Prijs: gratis

15. QR-code-generator

Deze plugin doet precies wat de naam zegt - het genereert QR-codes als vectormaskers die u kunt bewerken en gebruiken in uw ontwerpen. QR-codes worden met de CMYK-compatibiliteit in afdrukkwaliteit gegenereerd, dus daar hoeft u zich geen zorgen over te maken. De plug-in ondersteunt verschillende typen QR-codes, waaronder URL, SMS, visitekaartje, platte tekst en e-mail.

Belangrijkste kenmerken:

Genereert QR-codes als afbeeldingen die u kunt wijzigen
Ondersteunt verschillende typen QR-codes
Codes zijn geoptimaliseerd voor afdrukken en voldoen aan de QR-codestandaard
De plug-in werkt op OS X en Windows

Prijs: $ 19

16. TinyPNG

Met TinyPNG kunt u afbeeldingen naar PNG exporteren en ze comprimeren om hun bestandsgrootte te verkleinen, maar transparantie behouden. Het ondersteunt batchbewerking en converteert afbeeldingen indien nodig automatisch naar sRGB. En het heeft een schattige panda als een mascotte!

Belangrijkste kenmerken:

Werkt op OS X en Windows
Ondersteunt Photoshop CS5, CS6, CC en CC 2014
Hiermee kunt u meerdere afbeeldingen tegelijk bewerken
Comprimeert PNG-bestanden met behoud van transparantie

Prijs: $ 40

17. Descreen

Descreen is een redder als je gescande materialen vaak gebruikt in je ontwerpprojecten. Het verwijdert scherm- en moiré-patronen (interferentie) van gescande afbeeldingen met behulp van een precieze Fourier-transformatiemethode. In tegenstelling tot andere tools die afhankelijk zijn van vervaging, kan Descreen dankzij deze aanpak meer details behouden. De aanbevolen resolutie voor scans is tussen 600 en 1200 pixels / inch.

Belangrijkste kenmerken:

Ondersteunt Photoshop vanaf versie 7.0 en CS naar CS6 en CC
Verwijdert scherm- en interferentiepatronen van gescande afbeeldingen
Werkt op Windows en OS X.

Prijs: Home Edition € 15, Professional Edition € 75

18. Perfecte formaat wijzigen

Met Perfect Resize kunt u foto's vergroten zonder kwaliteit en ratio te verliezen. Het biedt een uitsnedetool met voorinstellingen en een ander hulpmiddel om foto's recht te maken. Perfect Resize kan foto's vergroten die met mobiele apparaten zijn gemaakt en uitgebreide marges creëren voor het afdrukken van foto's naar canvas. U kunt het gebruiken om foto's in batchgrootte te wijzigen en twee verschillende versies van één afbeelding op te slaan.

Belangrijkste kenmerken:

Hiermee kunt u foto's vergroten, bijsnijden en rechttrekken
Optimaliseert foto's om af te drukken
Ondersteunt de grootte van meerdere foto's tegelijk
Werkt op Windows 7 en 8 en OS X 10.8 - 10.10
Vereist Photoshop CS6, CC of CC 2014 (ook Elements 11, 12 of 13)

Prijs: $ 79, 95, biedt een proefperiode van 30 dagen

19. Coveractie Pro

Deze plug-in is perfect voor ontwerpers van boekomslagen en iedereen die zijn werk op een professionele, visueel aantrekkelijke manier moet presenteren. Cover Action Pro converteert uw ontwerpen naar 3D-productfoto's; of beter, zet ze over op productmodellen. U kunt sjablonen en handleidingen gebruiken en kiezen uit 25 categorieën met meer dan 150 modellen, waaronder boeken, mappen, dvd-dozen, wenskaarten, visitekaartjes, tijdschriften ...

Belangrijkste kenmerken:

Hiermee kunt u uw ontwerpen converteren naar 3D-productmodellen
Biedt sjablonen en modellen
Ontwikkeld voor Photoshop CS6 en nieuwer, maar kan werken op CS5, CS4 en CS3
Automatische updates

Prijs: $ 147 of $ 247 met 60 ontwerpsjablonen

20. Avocode

Nee, het is geen verkeerd gespeld fruit. Avocode is een hulpmiddel voor ontwerpsamenwerking en projectmanagement bedoeld om ontwerpers en ontwikkelaars samen te brengen. Hiermee kunnen ontwerpers hun project uploaden via de Photoshop-plug-in en kunnen ontwikkelaars vervolgens de ontwerpelementen in de webinterface of een zelfstandige app inspecteren. Het is mogelijk om lagen als afbeeldingen te exporteren, lagen naar CSS, Less, Sass of Stylus om te zetten, informatie over tekstopmaak en laagdimensies te krijgen. Avocode slaat eerder geüploade ontwerpversies op de server op, zodat u deze kunt gebruiken als een versiecontrolesysteem voor uw project.

Belangrijkste kenmerken:

Deel eenvoudig uw ontwerpen via de Photoshop-plug-in
Inspecteer het ontwerp in de webinterface of in de app - werkt op OS X, Windows en Linux
Lagen exporteren als afbeeldingen, converteren naar CSS
Krijg toegang tot eerdere versies van gedeelde ontwerpen

Prijs: start bij $ 20 per maand, biedt een gratis proefperiode van 14 dagen aan

ZIE OOK: 10 gratis tools om uw eigen lettertypen te maken

Welke Photoshop-plug-ins zou u aanbevelen aan ontwerpers? Zijn er plug-ins waar je niet zonder kunt? Vertel ons over hen in de reacties.