20 Gratis Photoshop-handlinger Alle designere må ha
Automatiserte skript sparer tid og forbedrer arbeidsflyten i alle kreative felt. Adobe-produkter som Photoshop tilbyr skript kalt handlinger som automatiserer en prosess flere ganger ved å klikke på en knapp. Det er eksklusive Photoshop-handling nettsteder, men mange av dem imøtekomme fotografer.
Jeg har samlet en håndfull handlinger rettet mot UI-designere, ikondesignere og produktdesignere bygge grensesnitt for web og mobil. Alle disse handlingene er helt gratis å laste ned for flere bruksområder. Sørg for å sjekke detaljene før du laster ned for å kontrollere at alt går på din versjon av Photoshop.
iOS 7 uskarphet
Fra og med iOS 7 introduserte Apple designteamet en melkeblåseffekt. Dette kan replikeres i Photoshop, men krever litt lag manipulering.
Designer Matt Smith opprettet iOS 7 uskarphet handlinger å replikere effekten på et topplag. Hvis du har problemer med å få tiltakene å kjøre, kan du laste ned en ledsaget PSD-fil med det frostede glasslaget som allerede er påført.
Bjango-handlinger
Bjango er en kreativ studio bygning apps og open source prosjekter for designere. Nettstedet publiserer praktiske artikler for PS-brukere og tilbyr en fullstendig GitHub-repo av handlinger som du kan laste ned gratis. Disse handlingene inkluderer forskjellige nyanser for byggemodeller i Photoshop.
Listen inneholder en veksle for piksel snapping på og av, automatisk duplisering av et helt lerret, sentrering i et utvalg, og til og med beskjæring av et Dribbble-størrelse-skudd fra et dokument. Bjango Actions-samlingen er for øyeblikket i v4 med dusinvis av handlinger, skript og OS X-arbeidsflyter.
Ingen mer banding
Jeff Broderick bygget en enkel handling kalt Ingen mer banding som er en gratis nedlasting, og det er utrolig verdifullt for digitalt designarbeid.
Gradienter i Photoshop kan ha fargebånd der de gradiserte fargebrytene er åpenbart åpenbare. Denne handlingen vil rydde opp båndeffekter, med en fangst: det øker også dokumentets filstørrelse dramatisk. Så det kan ikke være nyttig på alle prosjekter, men det er absolutt verdt å holde dette i bakhodet.
ScreenShot Photoshop
Her er en veldig kul effekt skapt av den albanske designeren Vasjen Katro. Med sin handling med tittelen ScreenShot Photoshop du kan ta en flat mockup og automatiser en skrå med underforstått belysning. Dette skaper effekten av en skjerm tiltet til siden og ser ut som et fotografi av en skjerm.
Dette er perfekt for skrå perspektivbilder for å vise grensesnitt på en unik måte. Selv om dette kanskje ikke hjelper deg med å designe bedre, kan det forbedre presentasjonen din.
PSD til PNG Automator
Eksportere et design krever tid, men det kan gjøres enklere med Luis da Silva PSD til PNG eksport. Dette konverterer en full PSD-fil til en PNG fra Photoshops handlingspanel. Fra det jeg kan fortelle, fungerer dette for alle versjoner av Photoshop fra CS til CC.
Nettleserbrukergrensesnitt
Noen gang ønsket å se hvordan mockupen din ser ut i et nettleservindu? Takket være Browser UI-handlingen er det nå bare et klikk på en knapp.
Denne spesielle handlingen har et premium-alternativ, men den gratis versjonen inneholder mer enn nok funksjoner. Hvert nettleservindu gjøres i OS X-stilen, men Vinduene kan strekke seg slik at de passer til alt duk du trenger.
Retinize den
Retinize Det er en gratis Photoshop-handling for å bygge retina kopier av ikoner og grensesnittelementer. Du velger bare et lag (eller laggruppe) og kjører handlingen. Grafikk kan bli navngitt og eksportert med egendefinert @ 2x og @ 3x størrelse krav.
Merk dette virker ikke veldig bra på rastergrafikk. Prøv å bruke figurer og vektorelementer, eller importerte smarte objekter, for å holde kvaliteten konsekvent når størrelsen blir størst.
Eksporter til SVG
Lag eksport er en annen manuell oppgave som ingen virkelig ønsker å gjøre. Denne PSD til SVG eksport handling tar mundanity ut av eksport vektorer og grafikk for nettet.
Merk at denne handlingen ble bygget for Photoshop og Illustrator, men støtter kun versjoner fra CS5 eller høyere.
Flat Browser UI
Her er et annet nettleser templeringsverktøy, men med en flat brukergrensesnitt. Hvis du ikke vil gå med Mac-stilte nettlesere, så prøv denne PS-nettleserhandlingen i stedet.
Rasteriserte dokumentelementer fungerer best, selv om det er like enkelt å flate alt innhold på et nytt lag og bruke det i stedet.
Stereo Display
Alle som trenger en stereodisplay vil få et spark ut av denne handlingen. Denne gratis stereo skjerm handlingen skaper en 3D-effekt med skygger og skjev kanter, alt fra inngangen til flate UI-elementer.
Forstørrende handling
Dette er en av mine favoritthandlinger fordi den er så praktisk for grafiske skjermer og presentasjoner. UI designere vil nyte dette forstørrelsesvirkning skapt av Mario Semeš for grensesnitt forstørrelse.
Den planter et forstørrelsesglass på toppen av et Photoshop-dokument med en uskarpt effekt påført andre steder. Dette er en fin måte å fokusere på et bestemt element eller effekt, og kan være nyttig for teamprosjekter eller online opplæringsprogrammer.
iPhone 6/6 + handlinger
Digital designer Geof Crowl bygget en skreddersydd samling av iPhone 6 handlinger for organisere grafikk fra en PSD til netthinnen dimensjoner. Mobilappdesignere jobber vanligvis med formlag, slik at dette burde passe inn i en hvilken som helst vanlig design arbeidsflyt.
Lagre for iOS
Her er et unikt konsept bygget av det kreative byrået ENVOY. Siden Photoshop har det bra “lagre for web” alternativet, ENVOY-teamet bygget denne handlingen spesielt for iOS-eksport. Det er lignende skript som dette, men det er verdt å legge til en annen i blandingen.
Artista
Artista er en Photoshop-handling for manipulere bilder og digitale design. Tilpassede handlinger kan brukes på lag eller til hele dokumentet som helhet. Dette bestemte handlingssettet gjør det mulig for designere å bygge interessante mediestiler som energiske linjer og malings lerretstilstilt filtre. Sjekk ut eksemplene for forhåndsvisninger for å se hva som er mulig.
GUI Automation Toolbox
Selv om GitHub vanligvis er knyttet til dev-prosjekter, er det mulig å finne gode designressurser som dette GUI Automation Toolbox. I verktøykassen finner du skript for Photoshop og Illustrator. Disse kan hjelpe deg med å eksportere grafikk og gjenoppbygge laggrupper.
Pixel2Vector
Dette kan være en noe eksperimentell Photoshop-handling, men det kan være utrolig kraftig. Pixel2Vector av Michael Tzscheppan er en gratis actionpakke som konverterer piksellag til vektorformer. Handlingen støtter Photoshop CS3 +, og den kan fungere som et plugin for CS5 +. Jeg elsker dette konseptet fordi det kan hjelpe designere raskt slå rasterformer til redigerbare elementer.
Lang skygge
Moskvas designer Aram Mirzoyants utgav sin lange skyggehandlinger gratis på Dribbble. Du kan laste ned og bruke disse handlingene for ethvert lag fra vektorformer til tekst og ikoner. Dette vil automatisk generere en 3D-skyggeeffekt med muligheten til å lene skygger i forskjellige retninger i forskjellige lengder.
3D isometriske handlinger
Den isometriske konverteringshandlingen Mapita er en måte å bygge 3D-lette artefakter i Photoshop. Det virker ikke bra på alle design, men flat grafikk kan bringes til livs med denne gratis PS-handlingen (inkludert en PSD-fil).
LoremPicsum
Alle vet om Lorem Ipsum for fillertekst. Men hva med LoremPicsum for fillerfotografier? Dette nettstedet kan fungere med direkte nettadresser, men det kommer også med en Photoshop-handling. To separate versjoner er tilgjengelige for CS-brukere og nyere CC-brukere.
Bakgrunn Maker
Her er en tilpasset bakgrunnsbilde generasjon skript for Photoshop-brukere. Den kan eksportere i forskjellige størrelser for forskjellige skjermdimensjoner samtidig som kvaliteten holdes intakt. Bakgrunnsbilder er ikke spesielt relevante for UI-design, men dette skriptet er bare for kult å gå ut av listen.
Jeg er sikker på at disse handlingene gir nok ressurser for å forbedre minst en del av din daglige design arbeidsflyt. Men hvis jeg savnet noen kvalitets Photoshop-handlinger, vær så snill å legge dem til i kommentarfeltet.
