10+ gratis Photoshop-plug-ins voor webontwerpers
Het gebruik van Photoshop-uitbreidingen vergroot aanzienlijk de mogelijkheid om u te helpen uw workflow te ontwerpen, te stroomlijnen en u productiever te maken. U kunt een Photoshop-plug-in gebruiken versnellen van repetitieve of vervelende taken zoals:
- genereer lange schaduwen
- Photoshop-lagen exporteren
- zet PSD om naar CSS3
- zet Photoshop-tekst om in SVG
- ontwerpspecificaties bouwen in Photoshop
- zet skeuomorf ontwerp om in plat ontwerp
Er zijn veel andere Photoshop-uitbreidingen die er zijn, en op deze lijst staan 12 geweldige die je kunnen helpen beheer je lagen, kleuren, gidsen en meer, om uw werklast te verlichten en u helpen meer te focussen op wat uw aandacht vereist. Als je meer Photoshop-plug-ins of -extensies weet, laat het ons dan weten in de comments.
1. Hexy
Hexy biedt je een snellere manier om verkrijg Hex- en RGB-kleurcode. Met deze plug-in kunt u de pipet-tool gebruiken en eenvoudig op de kleur van de afbeelding klikken die u wilt ophalen en Hexy kopieert de kleur automatisch naar het klembord. Op die manier kunt u het onmiddellijk plakken om het in CSS te gebruiken. Het is een handig hulpmiddel voor het selecteren van kleuren.
Compatibiliteit: Photoshop CC 2014
2. Maatstreepjes
Met SizeMark kunt u dit doen labels van een objectgrootte of de afstand tussen elk object toevoegen met behulp van een selectiegereedschap. Met SizeMark wordt elk label opgeslagen dat in een nieuwe laag is gemaakt, zodat u het op elke gewenste manier kunt aanpassen, bijvoorbeeld de kleur veranderen of de positie aanpassen. Het is essentieel voor wanneer u PSD naar een functionele website moet vertalen.
Compatibiliteit: Photoshop CC 2014
3. Pictura
Moet u afbeeldingen invoegen in uw ontwerp? Installeer Pictura. Pictura stelt u in staat afbeeldingen te zoeken en toe te voegen aan uw Photoshop zonder uw werkruimte te verlaten. Als het is geïnstalleerd, voegt Pictura een nieuw paneel toe waarop u elke afbeelding in elke gewenste licentie kunt doorzoeken en deze onmiddellijk in uw ontwerp kunt invoegen.
Compatibiliteit: Photoshop CC 2014
4. Oven
Oven is een handige plug-in die u helpt uw bezittingen beter te beheren. Met de Generator van Photoshop kunnen we afbeeldingen in realtime exporteren, maar u moet al uw lagen hernoemen om de afbeelding correct en met een juiste naam te genereren. Oven elimineert dat gedoe.
Compatibiliteit: Photoshop CC en CC 2014
5. Inkt
Het omzetten van PSD naar een functionele website is altijd een lastig proces. Er is zoveel detail dat moet worden onderzocht, zoals laagstijlen, lettertypegrootte, gebruikte lettertypefamilie, elementgrootte en positie ten opzichte van andere elementen. Inkt zal je helpen deze informatie genereren gemakkelijk.
6. LayerCraft
LayerCraft is een Photoshop-plug-in waarmee u kunt Lagen in meerdere schaal exporteren. U kunt afbeeldingen exporteren naar @ 1x, @ 2x en zelfs @ 3x (dit is vereist op iOS-apparaten met een Retina-scherm), of mdpi en xhdpi voor Android. Als je dagelijkse baan is UI maken voor mobiele interface, dit is de tool die u veel tijd bespaart.
Compatibiliteit: Photoshop CC en CC 2014
7. Componist
Composer verbetert de Photoshop Layer Comps-functie. In plaats van meerdere afzonderlijke bestanden te hebben om elke ontwerprevisie op te slaan, kunt u met Layer Comps deze allemaal in één bestand opslaan en beheren. Layer Comps werkt op dezelfde manier als een slim object. Elk kan een aantal eigenschappen bevatten, zoals laagstijlen en overvloeimodi. Composer biedt in dit geval de gemakkelijkste manier om deze stijlen bij te werken met slechts een enkele klik.
Compatibiliteit: Photoshop CS5, CS6 en CC
8. Velositey
Velocity is een extensie die dat kan helpen bij het bouwen van een webontwerp-prototype snel. Velocitey wordt geleverd met een handvol vooringestelde sjablonen, inclusief het raster. Het komt ook met gemeenschappelijke lay-out plaatshouders voor de header van de website, inhoud en voettekst. U kunt al deze componenten met slechts één klik toevoegen. Het is letterlijk een tijdbesparing (en het is gratis).
Compatibiliteit: Photoshop CS6, CC, CC 2014
9. Dupllicator
Duplllicator biedt de snelste manier om dupliceer Photoshop-lagen of -groepen. U kunt het gewenste aantal exemplaren opgeven en vervolgens de verticale en horizontale afstand van de gedupliceerde laag instellen.
Compatibiliteit: Photoshop CC en CC 2014
10. QuickGuide
QuickGuide helpt u trek richtlijnen in Photoshop. Deze plug-in biedt 12 voorinstellingen voor eenvoudige toevoeging van hulplijnen aan één kant, twee aangrenzende zijden of alle zijden van elk object. Andere functies die het ondersteunt zijn onder meer toggle locking guides en zichtbaarheid, het verwijderen van hele of geselecteerde gidsen, en het kopieren en plakken van hulplijnen.
Compatibiliteit: Photoshop CC 2014
11. Lorem Ipsum Generator
Lorem Ipsum Generator zal willekeurige woorden of zinsdelen genereren. In plaats van het te moeten kopiëren van een andere plaats, kunt u Lorem Ipsum rechtstreeks vanuit uw Photoshop-werkruimte genereren. Er zijn een aantal opties om de uitvoer aan te passen. Deze plug-in is ook beschikbaar voor Illustrator, InDesign en Dreamweaver.
Compatibiliteit: Photoshop CS5, CS6 en CC
12. Lorem Picsum
Lorem Picsum genereert willekeurige afbeeldingen in plaats van tekst. De geleverde afbeelding is afgeleid van populaire film- en tv-series zoals Futurama, Rio, The Simpsons, Finding Nemo, en UP.
Compatibiliteit: Photoshop CS6 en CC
