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 om herhalende of vervelende taken te versnellen, zoals:

• genereer lange schaduwen
• exporteer Photoshop-lagen
• zet PSD om naar CSS3
• zet Photoshop-tekst om in SVG
• ontwerpspecificaties bouwen in Photoshop
• zet skeuomorf ontwerp om in plat ontwerp

Er zijn nog tal van andere Photoshop-uitbreidingen en op deze lijst staan ​​12 geweldige degenen die je helpen je lagen, kleuren, gidsen en meer te beheren, om je werklast te verlichten en je te helpen meer te focussen op dat wat je aandacht vereist. Als je meer Photoshop-plug-ins of -extensies weet, laat het ons dan weten in de comments.

1. Hexy

Met Hexy kunt u sneller Hex- en RGB-kleurcodes verkrijgen . Met deze plug-in kunt u het pipet gebruiken en eenvoudig op de kleur van de afbeelding klikken die u wilt opnemen 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 labels van een objectgrootte of de afstand tussen elk object toevoegen met behulp van een selectiekader . Met SizeMark wordt elk label opgeslagen dat in een nieuwe laag is gemaakt, zodat u het op elke gewenste manier kunt aanpassen, bijvoorbeeld door de kleur te wijzigen of de positie aan te passen. 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. Met Pictura kunt u gemakkelijk afbeeldingen zoeken en toevoegen 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 om te onderzoeken, zoals laagstijlen, lettergrootte, gebruikte lettertypefamilie, elementgrootte en positie ten opzichte van andere elementen. Inkt helpt u deze informatie eenvoudig te genereren .

6. LayerCraft

LayerCraft is een Photoshop-plug-in waarmee u lagen in meerdere schaal kunt 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 uw dagelijkse taak UI voor de mobiele interface creëert, is dit 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 ze 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 eenvoudigste manier om deze stijlen bij te werken met slechts een enkele klik.

Compatibiliteit: Photoshop CS5, CS6 en CC

8. Velositey

Velocity is een extensie waarmee u snel een prototype van een webontwerp kunt bouwen . 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 Photoshop-lagen of -groepen te dupliceren . U kunt het gewenste aantal exemplaren opgeven en vervolgens de verticale en horizontale spatiëring van de gedupliceerde laag instellen.

Compatibiliteit: Photoshop CC en CC 2014

10. QuickGuide

QuickGuide helpt u richtlijnen te tekenen 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 kopiëren en plakken van hulplijnen.

Compatibiliteit: Photoshop CC 2014

11. Lorem Ipsum Generator

Lorem Ipsum Generator genereert willekeurige woorden of zinsdelen . 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

Freelance ontwerpers: hoe uw werkleven in balans te houden

Werk je om te wonen of te werken ? Freelance ontwerpers zijn mogelijk begonnen met het voorstellen van werk als flexibel omdat ze de vrijheid hebben om hun eigen planning te plannen. Nochtans kunnen onophoudelijke projecteisen iemands leven met slijtage doen eindigen. Zoals we allemaal weten, raken we emotioneel gestoord als we niet genoeg balans tussen werk en leven kunnen krijgen

(Technische en ontwerptips)

Bepaal hoe Google uw inhoud indexeert met metatags

Er zijn veel zoekmachines, maar het grootste deel van de tijd zijn eigenaars van sites geïnteresseerd in het indexeren van hun site op de almachtige Google. Een manier om beter te presteren in de zoekmachine is om meta-robottags te gebruiken .The meta robot tag is a consensus meta tag among search engines like Google, Yahoo, and Bing.

(Technische en ontwerptips)