Anbefalt, 2024

Redaksjonens

20 beste Photoshop-plugins for designere

Selv om det er mange flotte og gratis alternativer, er Photoshop fortsatt den mest populære og kraftige grafikkredaktøren, og standardvalget til mange designere, illustratører og fotografer. Hvis det er en funksjon du trenger, men ikke finner i Photoshop, ikke bekymre deg - utallige skript og programtillegg er tilgjengelige for å hjelpe deg med å utvide og forbedre Photoshops funksjonalitet.

Her er et utvalg av 20 nyttige Photoshop-plugins for designere.

Photoshop Plugins For Mockups og Layouts

1. WebZap

Hvis du er webdesigner, kan WebZap gjøre livet ditt betydelig lettere. Denne plugin hjelper deg med å opprette websider mockups ved å gi layout guider og maler for 960 grid. Du kan bruke den til å generere plassholdertekst og velge forhåndsdefinerte grensesnittelementer for å legge til nettstedet ditt. Hvert element kan endres som et eget lag. WebZap kan også skape attraktive forhåndsvisninger av design for presentasjoner og presentasjoner.

Nøkkelegenskaper:

  • Krever Photoshop CS 5 eller nyere
  • Fungerer både på OS X og Windows
  • Lar deg lage websider mockups
  • Tilbyr forhåndsdefinerte oppsett
  • Genererer dummy tekst ("lorem ipsum") og brukergrensesnittelementer (menyer, knapper ...)

Pris: $ 19

2.Webbsy

Webbsy gjør webdesign en bris ved å konvertere PSD-filene til HTML og CSS. Du trenger ikke å merke lagene dine - Webbsy kan automatisk navngi dem og eksportere alle designelementer til CSS3. Hvis noe ikke kan konverteres til HTML, gjør Webbsy det som et bilde. Den støtter responsivt webdesign ved å eksportere til passende størrelser for ulike enheter. Webbsy lar deg bruke Google Fonts i designene dine, og kan automatisk eksportere til formater for mindre, SASS, SCSS, Stylus, HAML, Slim og Jade.

Nøkkelegenskaper:

  • Konverterer PSD-designene dine til HTML og CSS
  • Støtter Google Fonts, LESS, SASS, SCSS og Stylus
  • Lar deg eksportere bilder fra prosjektet ditt og velge kvalitet
  • Skiver bilder, kan eksportere tekstelementer
  • Krever Photoshop CS6 eller nyere, inkludert CC

Pris: $ 49, gratis 14-dagers prøveversjon tilgjengelig

3. Velacey 2

Velositey er et fantastisk plugin for å lage mockups og prototyper. Den bruker forhåndsinnstillinger og maler for å strømline designprosessen. Du kan sette inn forhåndsdefinerte moduler og modifisere dem senere, og la Velositey generere favikoner og kartikoner for prosjektet ditt. Med Velositey er det mulig å bygge en hel mockup på bare ett minutt.

Nøkkelegenskaper:

  • Velg forhåndsdefinerte elementer og maler for å lage en mockup
  • Bruk et rutenett til å plassere elementer
  • Generer favikoner og kartikoner
  • Fungerer i Photoshop CS6, CC og CC 2014

Pris: Gratis

4. Elementer

Har du noen gang ønsket å lage ditt eget WordPress-tema, men hadde ikke tid til å håndtere all kodingen? Elemente by Divine Project er et plugin som lar deg gjøre dette ved å konvertere noen PSD-design til et WordPress-tema. Du kan designe en blueprint fra bunnen av Layout Editor eller endre de angitte maler, og la Elemente generere temakoden. Den tilbyr nyttige grids for element resizing og posisjonering, og du kan også gruppere elementene dine. Elemente støtter avanserte typografiparametere som kerning og baseline shift, og lar deg eksportere all tekstformatering (skriftstørrelse, vekt, justering ...). Koden produsert av Elemente er gyldig og SEO-optimalisert, og hvis du vil, kan du endre den i noen annen kodeditor.

Nøkkelegenskaper:

  • Konverterer PSD til et WordPress-tema
  • Ingen koding kreves; bare design en blueprint, konvertering er automatisk
  • Lar deg bruke maler og gruppeelementer
  • Eksporterer ren, SEO-optimalisert kode
  • Fungerer bare på 32-biters Windows
  • Støtter Photoshop CS3, CS4, CS5, CS6 og CC

Pris: $ 99 for personlig plan, $ 199 for utviklerplan, gratis prøveversjon tilgjengelig

Photoshop Plugins for grids og lag

5. GuideGuide


Denne plugin hjelper deg med å opprette grids og tilpassede guider basert på hele prosjektet eller bare de valgte delene. Du kan også bruke gridnotasjon til å lage tabeller og justere marginer. GuideGuide hjelper deg ved å beregne de fleste dimensjonene. Du kan lagre opprettede nett som Sets (maler) for fremtidig bruk. Guider kan veksle med et museklikk, og du kan til og med lage et rutenett inne i et rutenett!

Nøkkelegenskaper:

  • Opprett og lagre rutenett
  • Juster guider og marginer
  • Støtter Photoshop CS5 og nyere

Pris: Gratis

6. Layrs Control 2

Layrs Control 2 er en praktisk løsning for lagadministrasjon, og det kan komme spesielt praktisk når man jobber på store, komplekse designprosjekter med flere lag. Du kan bruke dette pluginet til å redigere lagnavn, optimalisere prosjektet ditt ved å fjerne ubrukte effekter og tomme lag og flate alle valgte lag. Det er også mulig å rasterisere smarte objekter og konvertere valgte lag til smarte objekter.

Nøkkelegenskaper:

  • Fungerer med Photoshop CC & CC 2014
  • Omdøpe og flate lag
  • Fjern tomme lag og ubrukte effekter

Pris: Gratis

7. CSS3PS

Dette pluginet forenkler konverteringen av Photoshop-lag til CSS3-koden. Bare lag din grafikk i Photoshop, velg ønskede lag og vent på pluginet for å laste resultatet i standard nettleser. Støttede egenskaper inkluderer størrelse, kantradius, indre og dråpe skygge, indre og ytre glød, samt de vanlige skriftegenskapene for tekstlag.

Nøkkelegenskaper:

  • Fungerer på Windows og OS X, krever Photoshop CS3 eller nyere
  • Lar deg konvertere ett eller flere lag til CSS-koden
  • Støtter nettleserprefikser (-webkit-, -moz-, -ms- ...)
  • Beregner automatisk størrelser og konverterer lagstørrelsen

Pris: Gratis

8. UberColumns

UberColumns er et praktisk plugin hvis du bruker mye tidredigering av tekst i designene dine. Det lar deg formatere tekst i kolonner - all tekst forblir på ett enkelt lag, og det reflekterer automatisk for å passe til størrelsen på laget hvis du endrer det eller legger til mer tekst. Alt du trenger å gjøre er å velge antall kolonner.

Nøkkelegenskaper:

  • Fungerer på OS X og Windows, krever Photoshop CC eller CC 2014
  • Splits tekst i et tekstlag i et ønsket antall kolonner
  • Justerer automatisk tekst hvis du endrer størrelsen på laget

Pris: Gratis

Photoshop-plugins for farger, skrifttyper og effekter

9. Svettete

Swatchy er et lite plugin som gjør det mulig å organisere fargestifter i mapper. På denne måten kan du lagre og få tilgang til fargeskjemaene dine, og forhåndsvise farger du ofte bruker.

Nøkkelegenskaper:

  • Administrerer stikkord og lar deg organisere dem i mapper
  • Fungerer på OS X og Windows
  • Krever Photoshop CC og CC 2014

Pris: Gratis

10. MagicPicker

MagicPicker er et fargebehandlingsplugg som forbedrer eksisterende fargeværktøy i Photoshop ved å legge til nyttige funksjoner. Du kan bruke alternativer som Tone Lock til å styre gammaet for utvalgte farger, og et forbedret fargeleggverktøy med trekant, boks og diamantmodus. Det hjelper deg også med å generere fargeskjemaer og tilbyr en kompakt modus for å spare skjermplass.

Nøkkelegenskaper:

  • Fungerer på OS X og Windows
  • Støtter Photoshop CC2014, CC, CS6, CS5.5, CS5, CS4 og CS3
  • Lar deg generere fargeskjemaer
  • Velg farger fra et forbedret fargehjul med 3 moduser og tonelås
  • Velg bare varme eller kalde toner fra paletten
  • One-click kopi HEX fargekoder

Pris: $ 19; Gratis 15-dagers prøveversjon tilgjengelig for nedlasting

11. FilterForge

FilterForge er en utrolig kraftig editor som kan brukes som et frittstående program eller et Photoshop-plugin. Du kan bruke den til å lage dine egne bildeeffekter og -filtre, og det gir deg tilgang til et stort online-lager med brukerinnlevert innhold. Den støtter sømløs fliser for teksturer, og filtre kan gjengis i enhver oppløsning. Hver forhåndsinnstilling har flere variasjoner å velge mellom, så FilterForge skal tilfredsstille alle dine bildeeffekter behov.

Nøkkelegenskaper:

  • Fungerer på både OS X og Windows
  • Lar deg lage dine egne filtre, effekter og teksturer
  • Velg fra et online filregister
  • Generer kart og teksturer som støtter sømløs flislegging

Pris: $ 399, gratis 30-dagers prøveversjon tilgjengelig

12. Eye Candy 7

Eye Candy 7 av Alienskin er et plugin som lar deg velge mellom 32 effektkategorier og mer enn tusen forhåndsinnstillinger som gjelder for grafikken din. Du kan bruke den til å lage dine egne effekter og øyeblikkelig forhåndsvisning endringer som brukes på hvert lag. Alle effekter blir brukt i et nytt lag, så det opprinnelige kunstverket forblir uberørt til du bestemmer deg for å endre det.

Nøkkelegenskaper:

  • Lag og bruk realistiske effekter
  • Velg forhåndsinnstillinger fra en rik samling
  • Støtter redigering i et nytt lag for å bevare ditt opprinnelige design
  • Øyeblikkelig forhåndsvisningseffekter
  • Fungerer på OS X OS X 10.7 eller nyere, Windows 7 og 8
  • Krever Photoshop CS5, Elements 10 eller nyere

Pris: $ 129, gratis prøveversjon tilgjengelig

13. Font Hero

Font Hero hjelper deg med å organisere skrifter og eliminerer behovet for et eget skriftbehandlingprogram. Denne plugin laster alle installerte skrifttyper fra datamaskinen til et pent grensesnitt hvor du kan merke, favoritt og gruppere dem. Du kan øyeblikkelig forhåndsvise skrifter og endre utseendet deres. Font Hero lar deg endre skrift for ethvert tekstlag med bare ett klikk på musen. Den støtter Google Fonts and Typekit, men lagrer dem separat for enkelhets skyld.

Nøkkelegenskaper:

  • Importer, forhåndsvisning og organisere alle skriftene dine direkte i Photoshop
  • Tag og favorittfonter for å gjøre søkingen enklere
  • Støtte for webfonter
  • Fungerer på OS X og Windows, krever Photoshop CC 2014

Pris: $ 39

Noen andre Photoshop-plugins

14. FlatIcon

FlatIcon er en populær lager ressurs, og dette enkle plugin lar deg bruke sine gratis ikoner direkte fra Photoshop. Utvalgte ikoner importeres som vektorer, noe som betyr at du kan redigere dem fritt for å passe prosjektet ditt.

Nøkkelegenskaper:

  • Gir deg tilgang til tusenvis av gratis ikoner
  • Alle ikoner er tilgjengelig i fullt redigerbare vektorformat
  • Støtter Photoshop CS5, CS6, CC og CC 2014

Pris: Gratis

15. QR-kodegenerator

Denne plugin gjør akkurat hva navnet heter - det genererer QR koder som vektor masker som du kan redigere og bruke i designene dine. QR-koder genereres i utskriftskvalitet med CMYK-kompatibilitet, så du trenger ikke å bekymre deg for det. Pluggen støtter flere QR-kodetyper, inkludert URL, SMS, visittkort, vanlig tekst og e-post.

Nøkkelegenskaper:

  • Genererer QR koder som bilder du kan endre
  • Støtter flere QR-kodetyper
  • Koder er optimalisert for utskrift og følger QR-kodestandarden
  • Pluggen fungerer på OS X og Windows

Pris: $ 19

16. TinyPNG

TinyPNG lar deg eksportere bilder til PNG og komprimere dem for å redusere filstørrelsen, men opprettholder gjennomsiktighet. Den støtter batchredigering og konverterer automatisk bilder til sRGB hvis det er nødvendig. Og den har en søt panda som en maskot!

Nøkkelegenskaper:

  • Fungerer på OS X og Windows
  • Støtter Photoshop CS5, CS6, CC og CC 2014
  • Lar deg redigere flere bilder samtidig
  • Komprimerer PNG-filer mens du beholder gjennomsiktighet

Pris: $ 40

17. Descreen

Descreen er en frelser hvis du ofte bruker skannede materialer i designprosjektene dine. Den fjerner skjerm og moire (interferens) mønstre fra skannede bilder ved hjelp av en nøyaktig Fourier transform-metode. I motsetning til andre verktøy som er avhengige av uskarphet, kan Descreen bevare flere detaljer takket være denne tilnærmingen. Anbefalt oppløsning for skanninger er mellom 600 og 1200 piksler / tommer.

Nøkkelegenskaper:

  • Støtter Photoshop fra versjon 7.0 og CS til CS6 og CC
  • Fjerner skjerm- og interferensmønstre fra skannede bilder
  • Fungerer på Windows og OS X

Pris: Home Edition € 15, Professional Edition € 75

18. Perfekt resize

Perfekt resizing lar deg forstørre bilder uten å miste kvalitet og forhold. Det gir et beskjæringsverktøy med forhåndsinnstillinger og et annet verktøy for å "rette" bilder. Perfekt resize kan forstørre bilder tatt av mobile enheter og lage utvidede marginer for utskrift av bilder på lerret. Du kan bruke den til å endre størrelsen på bilder og lagre to forskjellige versjoner av ett bilde.

Nøkkelegenskaper:

  • Lar deg forstørre, beskjære og rette bilder
  • Optimaliserer bilder for utskrift
  • Støtter omforming av mange bilder samtidig
  • Fungerer på Windows 7 og 8 og OS X 10.8 - 10.10
  • Krever Photoshop CS6, CC eller CC 2014 (også Elements 11, 12 eller 13)

Pris: $ 79, 95, tilbyr en 30-dagers prøveversjon

19. Cover Action Pro

Denne plugin er perfekt for bokomslagdesignere og alle som trenger å vise frem sitt arbeid på en profesjonell, visuelt attraktiv måte. Cover Action Pro konverterer designene til 3D-produktbilder; eller rettere, overfører dem til produktmodeller. Du kan bruke maler og guider, og velge mellom 25 kategorier som inneholder mer enn 150 modeller, inkludert bøker, bindemidler, DVD-bokser, gratulasjonskort, visittkort, magasiner ...

Nøkkelegenskaper:

  • Lar deg konvertere designene til 3D-produktmodeller
  • Tilbyr maler og modeller
  • Utviklet for Photoshop CS6 og nyere, men kan fungere på CS5, CS4 og CS3
  • Automatiske oppdateringer

Pris: $ 147 eller $ 247 med 60 designer maler

20. Avokode

Nei, det er ikke en feilstavet frukt. Avocode er et designsamarbeid og prosjektstyringsverktøy som er ment å bringe designere og utviklere sammen. Det lar designere laste opp prosjektet via Photoshop-pluginet, og utviklere kan da inspisere designelementene i webgrensesnittet eller en frittstående app. Det er mulig å eksportere lag som bilder, konvertere lag til CSS, Mindre, Sass eller Stylus, få informasjon om tekstformatering og lagdimensjoner. Avocode lagrer tidligere opplastede designversjoner på serveren, slik at du kan bruke den som et versjonskontrollsystem for prosjektet.

Nøkkelegenskaper:

  • Del enkelt dine design via Photoshop-plugin
  • Kontroller utformingen i webgrensesnittet eller i appen - fungerer på OS X, Windows og Linux
  • Eksporter lag som bilder, konverter til CSS
  • Få tilgang til tidligere versjoner av delte design

Pris: Begynner på $ 20 per måned, tilbyr en gratis 14-dagers prøveversjon

SE OGSÅ: 10 Gratis verktøy for å lage dine egne skrifttyper

Hvilke Photoshop-plugins vil du anbefale til designere? Er det noen plugins du ikke kan leve uten? Fortell oss om dem i kommentarene.

Top