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.
