10 + Gratis Photoshop Plugins for webdesignere
Bruke Photoshop-utvidelser øker kraftig sin evne til å hjelpe deg med å designe, dampe arbeidsflyten din og gjøre deg mer produktiv. Du kan bruke et Photoshop-plugin til Fremskynde repeterende eller kjedelige oppgaver som for eksempel:
- generere lange skygger
- eksportere Photoshop-lag
- konvertere PSD til CSS3
- konvertere Photoshop-tekst til SVG
- bygge designspesifikasjoner i Photoshop
- konvertere skeuomorphic design til flat design
Det er mange andre Photoshop-utvidelser der ute, og på denne listen er 12 fantastiske som hjelper deg administrer lagene dine, farger, guider og mer, for å lette arbeidsbelastningen og hjelpe deg med å fokusere mer på hva som krever oppmerksomhet. Hvis du vet om flere Photoshop-plugins eller utvidelser, så gi oss beskjed i kommentarene.
1. Hexy
Hexy gir deg en raskere måte å få Hex og RGB fargekode. Med dette pluginet kan du bruke eyedropper-verktøyet og bare klikke på fargen på bildet du vil hente, og Hexy kopierer automatisk fargen til utklippstavlen for deg. På den måten kan du umiddelbart lime den inn for å bruke den i CSS. Det er et praktisk verktøy for fargeplukking.
kompatibilitet: Photoshop CC 2014
2. Størrelsesmerker
SizeMark lar deg Legg til etiketter av en objektstørrelse eller avstanden mellom hvert objekt ved hjelp av et markørverktøy. SizeMark lagrer hver etikett som er opprettet i et nytt lag, slik at du kan tilpasse det etter hvilken måte du trenger, f.eks. endrer fargen eller justerer posisjonen. Det er viktig for når du trenger å oversette PSD til en funksjonell nettside.
kompatibilitet: Photoshop CC 2014
3. Pictura
Trenger du å sette inn bilder i ditt design? Du bør installere Pictura. Pictura lar deg søke og legge til bilder i Photoshop, uten å forlate arbeidsområdet ditt. Når installert, legger Pictura til et nytt panel som du kan søke på et hvilket som helst bilde i en hvilken som helst lisens du trenger, og deretter sette den inn i designet ditt umiddelbart.
kompatibilitet: Photoshop CC 2014
4. Ovn
Ovnen er et greit plugin som hjelper deg med å bedre dine eiendeler. Photoshop Generator lar oss eksportere bilder i sanntid, men du må omdøpe alle lagene dine for å kunne generere bildet riktig og med et riktig navn. Stekeovn eliminerer det stresset.
kompatibilitet: Photoshop CC og CC 2014
5. Blekk
Konvertere PSD til en funksjonell nettside er alltid en vanskelig prosess. Det er så mye detaljer å undersøke som lagstiler, skriftstørrelse, skrifttypefamilie, elementstørrelse og posisjon mot andre elementer. Blekk vil hjelpe deg generer denne informasjonen Enkelt.
6. LayerCraft
LayerCraft er et Photoshop-plugin som lar deg eksporter lag til flere skalaer. Du kan eksportere bilder til @ 1x
, @ 2x
Til og med @ 3x
(som kreves i iOS-enheter med Retina-skjermen), eller mdpi
og xhdpi
for Android. Hvis din daglige jobb er skaper brukergrensesnitt for mobilgrensesnitt, Dette er verktøyet som sparer deg mye tid.
kompatibilitet: Photoshop CC og CC 2014
7. Komponist
Komponist forbedrer Photoshop Layer Comps-funksjonen. I stedet for å ha flere separate filer for å lagre hver designrevisjon, lar Layer Comps deg lagre og administrere dem alle i en enkelt fil. Layer Comps virker likt et smart objekt. Hver kan inneholde et par egenskaper, slik lagformat og blandemodus. Komponist, i dette tilfellet, gir enkleste måten å oppdatere disse stilene på med bare ett enkelt klikk.
kompatibilitet: Photoshop CS5, CS6 og CC
8. Velacey
Hastighet er en forlengelse som kan hjelper deg med å bygge webdesign prototype raskt. Velocitey kommer med en håndfull forhåndsinnstilte maler, inkludert rutenettet. Det kommer også med vanlige layoutplassholdere for nettstedets topptekst, innhold og bunntekst. Du kan legge til alle disse komponentene med bare et klikk. Det er bokstavelig talt en tidsbesparende (og det er gratis).
kompatibilitet: Photoshop CS6, CC, CC 2014
9. Duplllicator
Duplllicator gir den raskeste måten å duplisere Photoshop-lag eller -grupper. Du kan angi antall kopier du vil ha, og deretter angi vertikal og horisontal avstand for duplisert lag.
kompatibilitet: Photoshop CC og CC 2014
10. QuickGuide
QuickGuide hjelper deg Tegn retningslinjer i Photoshop. Dette pluginet gir 12 forhåndsinnstillinger for lett tillegg av guider på den ene siden, to tilstøtende sider eller alle sider av hver gjenstand. Andre funksjoner som den bærer, inkluderer vekselsluttende guider og synlighet, sletting av hele guider eller utvalgte, og kopi-liming guider.
kompatibilitet: Photoshop CC 2014
11. Lorem Ipsum Generator
Lorem Ipsum Generator vil generere tilfeldige ord eller setninger. Snarere enn å måtte kopiere det fra et annet sted, kan du generere Lorem Ipsum rett fra Photoshop-arbeidsområdet. Et par alternativer er gitt for å tilpasse utgangen. Dette pluginet er også tilgjengelig for Illustrator, InDesign og Dreamweaver.
kompatibilitet: Photoshop CS5, CS6 og CC
12. Lorem Picsum
Lorem Picsum genererer tilfeldige bilder i stedet for tekst. Bildet er hentet fra populære film- og TV-programmer som Futurama, Rio, Simpsons, Oppdrag Nemo, og OPP.
kompatibilitet: Photoshop CS6 og CC