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 heeft, maar die u niet kunt vinden in Photoshop, hoeft u zich geen zorgen te maken: er zijn talloze scripts en plug-ins beschikbaar om u te helpen de functionaliteit van Photoshop uit te breiden en te verbeteren.
Hier is een selectie van 20 handige Photoshop-plug-ins voor ontwerpers.
Photoshop-plug-ins voor mockups en lay-outs
1. WebZap
Als u een webdesigner bent, kan WebZap uw leven aanzienlijk gemakkelijker maken. Deze plug-in helpt u bij het maken van website-mockups door lay-outgidsen en sjablonen voor het 960-raster te bieden. U kunt het gebruiken om plaatsaanduidingstekst te genereren en vooraf gemaakte interface-elementen te kiezen om aan uw website toe te voegen. Elk element kan als aparte laag worden gewijzigd. WebZap kan ook aantrekkelijke previews van uw ontwerp maken voor showcases en presentaties.
Belangrijkste kenmerken:
- Vereist Photoshop CS 5 of nieuwer
- Werkt zowel op OS X als Windows
- Hiermee kunt u mockups voor websites maken
- Biedt vooraf gemaakte lay-outs
- Genereert dummy-tekst ("lorem ipsum") en UI-elementen (menu's, knoppen ...)
Prijs: $ 19
2. webbsy
Webbsy maakt webdesign een fluitje van een cent door uw PSD-bestanden naar HTML en CSS te converteren. U hoeft uw lagen niet te markeren - Webbsy kan ze automatisch een naam geven en alle ontwerpelementen exporteren naar CSS3. Als iets niet in HTML kan worden omgezet, geeft Webbsy het weer als een afbeelding. Het ondersteunt responsief webontwerp door te exporteren naar geschikte formaten voor verschillende apparaten. Met Webbsy kunt u Google Fonts gebruiken in uw ontwerpen en automatisch exporteren naar formaten voor LESS, SASS, SCSS, Stylus, HAML, Slim en Jade.
Belangrijkste kenmerken:
- Converteert uw PSD-ontwerpen naar HTML en CSS
- Ondersteunt Google Fonts, LESS, SASS, SCSS en Stylus
- Hiermee kunt u afbeeldingen uit uw project exporteren en hun kwaliteit kiezen
- Snijdt afbeeldingen, kan tekstelementen exporteren
- Vereist Photoshop CS6 of nieuwer, inclusief CC
Prijs: $ 49, gratis proefperiode van 14 dagen beschikbaar
3. Velositey 2
Velositey is een geweldige plug-in voor het maken van mockups en prototypes. Het gebruikt voorinstellingen en sjablonen om het ontwerpproces te stroomlijnen. U kunt vooraf gemaakte modules invoegen en later wijzigen, en Velositey favicons en mapicons voor uw project laten genereren. Met Velositey is het mogelijk om in slechts één minuut een volledige mockup te bouwen.
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: Vrij
4. Elemente
Heb je ooit je eigen WordPress-thema willen maken, maar had je geen tijd om met alle codering om te gaan? Elemente van Divine Project is een plug-in waarmee u dit kunt doen door elk PSD-ontwerp om te zetten in een WordPress-thema. U kunt een geheel nieuwe blauwdruk ontwerpen in de Layout Editor of de meegeleverde sjablonen aanpassen en Elemente vervolgens de themacode laten genereren. Het biedt handige rasters voor het wijzigen van de grootte en positionering van elementen, en u kunt uw elementen ook groeperen. Elemente ondersteunt geavanceerde typografische parameters zoals tekenspatiëring en basislijnverschuiving, en laat je alle tekstopmaak exporteren (lettergrootte, dikte, uitlijning…). De door Elemente geproduceerde code is geldig en SEO-geoptimaliseerd, en als je wilt, kun je deze wijzigen in een andere code-editor.
Belangrijkste kenmerken:
- Converteert PSD naar een WordPress-thema
- Geen codering vereist; ontwerp gewoon een blauwdruk, de conversie gaat 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. Gids
Deze plug-in helpt je bij het maken van rasters en aangepaste handleidingen op basis van je hele 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 afmetingen 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 rasters en sla ze op
- Pas hulplijnen en marges aan
- Ondersteunt Photoshop CS5 en nieuwer
Prijs: Vrij
6. Lagencontrole 2
Layrs Control 2 is een praktische oplossing voor laagbeheer en kan vooral van pas komen 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 de lagen en maak ze plat
- Verwijder lege lagen en ongebruikte effecten
Prijs: Vrij
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 in uw standaardwebbrowser laadt. Ondersteunde eigenschappen zijn onder meer 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 browservoorvoegsels (-webkit-, -moz-, -ms- ...)
- Berekent automatisch de juiste formaten en converteert de laaggrootte
Prijs: Vrij
8. UberColumns
UberColumns is een handige plug-in als u veel tijd besteedt aan het bewerken van tekst in uw ontwerpen. Hiermee kunt u tekst in kolommen opmaken - alle tekst blijft op een enkele laag staan en wordt automatisch opnieuw geplaatst om te passen bij 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 in een gewenst aantal kolommen
- Past automatisch tekst aan als u het formaat van de laag wijzigt
Prijs: Vrij
Photoshop-plug-ins voor kleuren, lettertypen en effecten
9. Swatchy
Swatchy is een kleine plug-in waarmee u uw kleurstalen in mappen kunt ordenen. Op deze manier kunt u uw kleurenschema's en voorbeeldkleuren die u vaak gebruikt, opslaan en gemakkelijk openen.
Belangrijkste kenmerken:
- Beheert stalen en laat u ze in mappen ordenen
- Werkt op OS X en Windows
- Vereist Photoshop CC en CC 2014
Prijs: Vrij
10. MagicPicker
MagicPicker is een plug-in voor kleurbeheer 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 regelen, en een verbeterde Color Wheel-tool met driehoek-, kader- en diamantmodi. 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 tinten uit het palet
- Kopieer HEX-kleurcodes met één klik
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 zelfstandige toepassing of als een Photoshop-plug-in. U kunt het gebruiken om uw eigen foto-effecten en filters te maken, en het geeft u toegang tot een enorme online opslagplaats met door gebruikers ingezonden inhoud. Het ondersteunt naadloze tegels voor texturen en filters kunnen in elke resolutie worden weergegeven. Elke preset heeft verschillende variaties om uit te kiezen, dus FilterForge zou aan al je behoeften op het gebied van foto-effecten moeten voldoen.
Belangrijkste kenmerken:
- Werkt op zowel OS X als Windows
- Hiermee kunt u uw eigen filters, effecten en texturen maken
- Kies uit een online opslagplaats met filters
- Genereer kaarten en texturen die naadloze tegels ondersteunen
Prijs: $ 399, gratis proefperiode van 30 dagen beschikbaar
12. Oogsnoepje 7
Eye Candy 7 van Alienskin is een plug-in waarmee je kunt kiezen uit 32 effectcategorieën en meer dan duizend presets om op je graphics toe te passen. U kunt het gebruiken om uw eigen effecten te maken en direct een voorbeeld van wijzigingen die op elke laag zijn toegepast, te bekijken. Alle effecten worden in een nieuwe laag toegepast, zodat uw originele illustratie onaangeroerd blijft totdat u besluit deze te wijzigen.
Belangrijkste kenmerken:
- Creëer en pas realistische effecten toe
- Kies voorinstellingen uit een rijke verzameling
- Ondersteunt bewerken in een nieuwe laag om uw originele 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 proefperiode beschikbaar
13. Lettertype Hero
Font Hero helpt u bij het organiseren van lettertypen en elimineert de noodzaak voor een aparte applicatie voor lettertypebeheer. Deze plug-in laadt alle geïnstalleerde lettertypen van uw computer naar een nette interface waar u ze kunt taggen, favoriet maken en groeperen. U kunt onmiddellijk voorbeelden van lettertypen bekijken en hun uiterlijk wijzigen. Met Font Hero kunt u 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 rechtstreeks in Photoshop
- Label 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 rechtstreeks vanuit Photoshop gebruiken. Geselecteerde pictogrammen worden geïmporteerd als vectoren, wat betekent dat u ze vrij kunt bewerken om bij uw project te passen.
Belangrijkste kenmerken:
- Geeft u toegang tot duizenden gratis pictogrammen
- Alle pictogrammen zijn beschikbaar in volledig bewerkbaar vectorformaat
- Ondersteunt Photoshop CS5, CS6, CC en CC 2014
Prijs: Vrij
15. QR-codegenerator
Deze plug-in doet precies wat de naam zegt: het genereert QR-codes als vectormaskers die u kunt bewerken en gebruiken in uw ontwerpen. QR-codes worden gegenereerd in printkwaliteit met CMYK-compatibiliteit, 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 volgen 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 de transparantie te behouden. Het ondersteunt batch-bewerking en converteert automatisch afbeeldingen naar sRGB indien nodig. En het heeft een schattige panda als 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 u vaak gescande materialen gebruikt in uw ontwerpprojecten. Het verwijdert scherm- en moiré (interferentie) patronen van gescande afbeeldingen met behulp van een nauwkeurige 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 tot CS6 en CC
- Verwijdert scherm- en interferentiepatronen van gescande afbeeldingen
- Werkt op Windows en OS X
Prijs: Home Editie € 15, Professional Editie € 75
18. Perfect formaat wijzigen
Met Perfect Resize kunt u foto's vergroten zonder verlies van kwaliteit en verhouding. Het biedt een tool voor bijsnijden met voorinstellingen en een ander hulpmiddel om foto's recht te trekken. Perfect Resize kan foto's die zijn gemaakt met mobiele apparaten vergroten en grotere marges creëren voor het afdrukken van foto's op canvas. U kunt het gebruiken om foto's in batch te vergroten of verkleinen en twee verschillende versies van één afbeelding op te slaan.
Belangrijkste kenmerken:
- Hiermee kunt u foto's vergroten, bijsnijden en rechtzetten
- Optimaliseert foto's voor afdrukken
- Ondersteunt het formaat van veel foto's tegelijk wijzigen
- Werkt op Windows 7 & 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. Cover Action Pro
Deze plug-in is perfect voor ontwerpers van boekomslagen en iedereen die zijn werk op een professionele, visueel aantrekkelijke manier wil presenteren. Cover Action Pro zet uw ontwerpen om in 3D-productafbeeldingen; of liever, brengt 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 omzetten in 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 designersjablonen
20. Avocode
Nee, het is geen verkeerd gespeld fruit. Avocode is een tool voor ontwerpsamenwerking en projectbeheer die bedoeld is om ontwerpers en ontwikkelaars bij elkaar te brengen. Hiermee kunnen ontwerpers hun project uploaden via de Photoshop-plug-in, en ontwikkelaars kunnen 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 te converteren, informatie te krijgen over tekstopmaak en laagdimensies. Avocode slaat eerder geüploade ontwerpversies op de server op, zodat u deze kunt gebruiken als versiebeheersysteem voor uw project.
Belangrijkste kenmerken:
- Deel uw ontwerpen eenvoudig via de Photoshop-plug-in
- Bekijk het ontwerp in de webinterface of in de app - werkt op OS X, Windows en Linux
- Exporteer lagen als afbeeldingen, converteer naar CSS
- Toegang tot eerdere versies van gedeelde ontwerpen
Prijs: Begint bij $ 20 per maand, biedt een gratis proefperiode van 14 dagen
ZIE OOK: 10 gratis tools om uw eigen lettertypen te maken
Welke Photoshop-plug-ins zou je ontwerpers aanbevelen? Zijn er plug-ins waar je niet zonder kunt? Vertel ons over hen in de comments.