Vaikka on olemassa monia hyviä ja ilmaisia vaihtoehtoja, Photoshop on edelleen suosituin ja tehokkain grafiikkaeditori, ja monien suunnittelijoiden, kuvittajien ja valokuvaajien oletusvalinta. Jos tarvitset ominaisuutta, mutta et löydä sitä Photoshopista, älä huoli - lukemattomat skriptit ja laajennukset auttavat sinua laajentamaan ja parantamaan Photoshopin toimintoja.
Tässä on valikoima 20 hyödyllistä Photoshop-laajennusta suunnittelijoille.
Photoshop-laajennukset Mockups- ja Layouts-sovelluksiin
1. WebZap
Jos olet web-suunnittelija, WebZap voi helpottaa elämääsi huomattavasti. Tämä laajennus auttaa luomaan verkkosivuston makuja tarjoamalla 960-ruudukon ulkoasuoppaita ja -malleja. Voit käyttää sitä luomaan paikkamerkkitekstin ja valitsemaan valmiiksi asetetut liitäntäelementit, jotka lisätään sivustoosi. Jokainen elementti voidaan muokata erillisenä kerroksena. WebZap voi myös luoda houkuttelevia esikatseluja suunnittelustasi näyttelyihin ja esityksiin.
Avainominaisuudet:
- Vaatii Photoshop CS 5: n tai uudemman
- Toimii sekä OS X: ssä että Windowsissa
- Voit luoda Web-sivustoja
- Tarjoaa valmiiksi tehtyjä asetteluja
- Luo nuken tekstiä (“lorem ipsum”) ja käyttöliittymän elementtejä (valikot, painikkeet…)
Hinta: $ 19
2.Webbsy
Webbsy tekee web-suunnittelusta tuulen muuntamalla PSD-tiedostosi HTML: ksi ja CSS: ksi. Sinun ei tarvitse merkitä kerroksiasi - Webbsy voi nimetä ne automaattisesti ja viedä kaikki elementit CSS3: een. Jos jotain ei voi muuntaa HTML-muotoon, Webbsy tekee siitä kuvan. Se tukee reagoivaa web-suunnittelua viemällä sopivat koot eri laitteille. Webbsy mahdollistaa Google Fontsin käyttämisen malleissasi ja voi viedä automaattisesti LESS-, SASS-, SCSS-, Stylus-, HAML-, Slim- ja Jade-formaatteihin.
Avainominaisuudet:
- Muuntaa PSD-mallit HTML: ksi ja CSS: ksi
- Tukee Google Fonts, LESS, SASS, SCSS ja Stylus
- Voit viedä kuvia projektista ja valita niiden laadun
- Viipaleiden kuvat voivat viedä tekstielementtejä
- Vaatii Photoshop CS6: n tai uudemman, mukaan lukien CC
Hinta: 49 dollaria, ilmainen 14 päivän kokeilu
3. Velositey 2
Velositey on hämmästyttävä plugin mockupien ja prototyyppien luomiseen. Se käyttää esiasetuksia ja malleja virtaviivaistamaan suunnitteluprosessia. Voit lisätä valmiiksi valmistettuja moduuleja ja muokata niitä myöhemmin, ja anna Velositeylle luoda faviconeja ja kartonkeja projektille. Velositeyn avulla on mahdollista rakentaa kokonainen maku vain minuutissa.
Avainominaisuudet:
- Valitse valmiiksi tehdyt elementit ja mallit, kun haluat luoda mallin
- Käytä ruudukkoa elementtien asentamiseen
- Luo faviconeja ja kartonkeja
- Toimii Photoshop CS6, CC ja CC 2014
Hinta: Ilmainen
4. Elemente
Oletko koskaan halunnut luoda oman WordPress-teeman, mutta ei ollut aikaa käsitellä kaikkia koodauksia? Elinee by Divine Project on plugin, jonka avulla voit tehdä tämän muuntamalla minkä tahansa PSD-suunnittelun WordPress-teemaan. Voit suunnitella suunnitelman tyhjästä Asettelueditorissa tai muokata toimitettuja malleja ja anna Elementelle luoda teemakoodi. Se tarjoaa hyödyllisiä verkkoja elementtien koon muuttamiseen ja paikannukseen, ja voit myös ryhmitellä elementtejä. Elemente tukee kehittyneitä typografiaparametreja, kuten kerning ja peruslinjasiirtymä, ja voit viedä kaiken tekstimuodon (kirjasinkoko, paino, kohdistaminen…). Elementen tuottama koodi on pätevä ja SEO-optimoitu, ja jos haluat, voit muokata sitä missä tahansa muussa koodieditorissa.
Avainominaisuudet:
- Muuntaa PSD: n WordPress-teemaan
- Ei tarvita koodausta; vain suunnitella suunnitelma, muuntaminen on automaattista
- Voit käyttää malleja ja ryhmäelementtejä
- Vienti puhdas, SEO-optimoitu koodi
- Toimii vain 32-bittisessä Windowsissa
- Tukee Photoshop CS3, CS4, CS5, CS6 ja CC
Hinta: 99 dollaria henkilökohtaiselle suunnitelmalle, 199 dollaria kehittäjäsuunnitelmalle, ilmainen kokeiluversio
Photoshop-liitännät verkkoja ja kerroksia varten
5. GuideGuide
Tämä laajennus auttaa luomaan verkkoja ja mukautettuja oppaita koko projektin tai vain valittujen osien perusteella. Voit myös luoda taulukoita ja säätää marginaaleja käyttämällä ruudukkoa. GuideGuide auttaa sinua laskemalla suurimman osan mitoista. Voit tallentaa luodut ruudukot asetuksiksi (mallit) tulevaa käyttöä varten. Oppaita voidaan vaihtaa hiiren napsautuksella, ja voit jopa tehdä ruudukon ruudukon sisällä!
Avainominaisuudet:
- Luo ja tallenna verkkoja
- Säädä ohjaimet ja marginaalit
- Tukee Photoshop CS5: ää ja uudempia
Hinta: Ilmainen
6. Layrs Control 2
Layrs Control 2 on käytännöllinen ratkaisu kerrosten hallintaan, ja se voi tulla erityisen käteväksi, kun työskentelet suurten, monimutkaisten, monikerroksisten suunnitteluprojektien yhteydessä. Tämän laajennuksen avulla voit muokata kerrosten nimiä, optimoida projektisi poistamalla käyttämättömät tehosteet ja tyhjät kerrokset ja tasoittamalla kaikki valitut kerrokset. On myös mahdollista rasteroida älykkäitä objekteja ja muuntaa valitut kerrokset älykkäiksi kohteiksi.
Avainominaisuudet:
- Toimii Photoshop CC & CC 2014: n kanssa
- Nimeä ja tasoita kerrokset
- Poista tyhjät kerrokset ja käyttämättömät vaikutukset
Hinta: Ilmainen
7. CSS3PS
Tämä plugin yksinkertaistaa Photoshop-kerrosten muuntamista CSS3-koodiksi. Luo vain grafiikka Photoshopissa, valitse haluamasi kerrokset ja odota, että laajennus ladaa tuloksen oletusselaimessasi. Tuetut ominaisuudet sisältävät koon, rajan säteen, sisäisen ja pudottavan varjon, sisäisen ja ulkoisen hehkun sekä tekstikerrosten tavalliset kirjasinominaisuudet.
Avainominaisuudet:
- Toimii Windowsissa ja OS X: ssä vaatii Photoshop CS3: n tai uudemman
- Voit muuntaa yhden tai useamman kerroksen CSS-koodiksi
- Tukee selaimen etuliitteitä (-webkit-, -moz-, -ms-…)
- Laskee automaattisesti sopivat koot ja muuntaa kerroksen koon
Hinta: Ilmainen
8. UberColumns
UberColumns on kätevä plugin, jos käytät paljon aikaa muokkaamalla tekstin malleja. Sen avulla voit muotoilla tekstiä sarakkeisiin - kaikki teksti pysyy samassa kerroksessa, ja se palauttaa automaattisesti kerroksen koon mukaiseksi, jos muutat sitä tai lisää tekstiä. Sinun tarvitsee vain valita sarakkeiden lukumäärä.
Avainominaisuudet:
- Toimii OS X: ssä ja Windowsissa vaatii Photoshop CC: n tai CC 2014: n
- Jaetaan tekstikerroksen teksti haluttuun sarakkeiden määrään
- Säätää tekstiä automaattisesti, jos muutat kerroksen kokoa
Hinta: Ilmainen
Photoshop-laajennukset värejä, fontteja ja tehosteita varten
9. Swatchy
Swatchy on pieni plugin, jonka avulla värimallit voidaan järjestää kansioihin. Tällä tavoin voit tallentaa ja helposti käyttää värikarttoja ja esikatsella usein käyttämiäsi värejä.
Avainominaisuudet:
- Hallitsee värimallit ja järjestää ne kansioihin
- Toimii OS X: ssä ja Windowsissa
- Vaatii Photoshop CC ja CC 2014
Hinta: Ilmainen
10. MagicPicker
MagicPicker on värinhallinta plugin, joka parantaa nykyisiä Photoshopin värityökaluja lisäämällä hyödyllisiä ominaisuuksia. Voit käyttää valintoja, kuten Tone Lock, säätääksesi valittujen värien gammaa ja parannettua Color Wheel -työkalua, jossa on kolmio, laatikko ja timanttimuoto. Se auttaa myös luomaan värimalleja ja tarjoaa kompaktin tilan säästääksesi näytön tilaa.
Avainominaisuudet:
- Toimii OS X: ssä ja Windowsissa
- Tukee Photoshop CC2014, CC, CS6, CS5.5, CS5, CS4 ja CS3
- Voit luoda värimalleja
- Valitse värit paremmasta värikierroksesta, jossa on 3 tilaa ja äänen lukitus
- Valitse vain lämpimät tai kylmät sävyt paletista
- Yhdellä napsautuksella kopioi HEX-värikoodit
Hinta: $ 19; ilmainen 15 päivän kokeiluversio ladattavissa
11. FilterForge
FilterForge on uskomattoman tehokas toimittaja, jota voidaan käyttää erillisenä sovelluksena tai Photoshop-laajennuksena. Voit käyttää sitä luomaan omia valokuvatehosteita ja -suodattimia, ja se antaa sinulle pääsyn valtavaan online-arkistoon, jonka käyttäjä on lähettänyt. Se tukee saumatonta laatoitusta tekstuureille, ja suodattimet voidaan tehdä missä tahansa resoluutiossa. Jokaisella esiasetuksella on useita vaihtoehtoja, joten FilterForge -järjestelmän on täytettävä kaikki valokuvatehosteet.
Avainominaisuudet:
- Toimii sekä OS X: ssä että Windowsissa
- Voit luoda omia suodattimia, tehosteita ja kuvioita
- Valitse suodattimien online-arkistosta
- Luo saumatonta laatoitusta tukevat kartat ja tekstuurit
Hinta: 399 dollaria, ilmainen 30 päivän kokeilu käytettävissä
12. Eye Candy 7
Alienskinin Eye Candy 7 on laajennus, jonka avulla voit valita 32 tehokategorian ja yli tuhat esiasetusta, joita voit käyttää grafiikkaasi. Sen avulla voit luoda omia tehosteita ja esikatsella millä tahansa kerroksella tehtyjä muutoksia. Kaikkia tehosteita käytetään uudessa kerroksessa, joten alkuperäinen teoksesi säilyy koskemattomana, kunnes päätät muuttaa sitä.
Avainominaisuudet:
- Luo ja käytä realistisia vaikutuksia
- Valitse esiasetukset rikkaasta kokoelmasta
- Tukee muokkaamista uudessa kerroksessa alkuperäisen muotoilun säilyttämiseksi
- Esikatsele heti vaikutuksia
- Toimii OS X OS X 10.7: ssä tai uudemmissa, Windows 7 ja 8
- Vaatii Photoshop CS5, Elements 10 tai uudemman
Hinta: 129 dollaria, ilmainen kokeiluversio
13. Fontin sankari
Font Hero auttaa järjestämään fontteja ja poistaa erillisen fontinhallintasovelluksen tarpeen. Tämä plugin lataa kaikki asennetut fontit tietokoneeltasi siistiin käyttöliittymiin, joissa voit merkitä, suosikki ja ryhmitellä ne. Voit esikatsella fontteja heti ja muokata niiden ulkonäköä. Font Hero voit muuttaa minkä tahansa tekstikerroksen fonttia vain yhdellä hiiren napsautuksella. Se tukee Google Fontsia ja Typekitiä, mutta tallentaa ne erikseen.
Avainominaisuudet:
- Tuo, esikatsele ja järjestä kaikki fontit suoraan Photoshopissa
- Tagit ja suosikkifontit helpottavat hakua
- Web-fonttien tuki
- Toimii OS X: ssä ja Windowsissa edellyttää Photoshop CC 2014: ää
Hinta: 39 dollaria
Jotkut muut Photoshop-laajennukset
14. FlatIcon
FlatIcon on suosittu osakesurssi, jonka avulla voit käyttää vapaita kuvakkeitaan suoraan Photoshopista. Valitut kuvakkeet tuodaan vektoreiksi, joten voit muokata niitä vapaasti projektisi mukaan.
Avainominaisuudet:
- Voit käyttää tuhansia ilmaisia kuvakkeita
- Kaikki kuvakkeet ovat käytettävissä täysin muokattavissa olevissa vektorimuodoissa
- Tukee Photoshop CS5, CS6, CC ja CC 2014
Hinta: Ilmainen
15. QR-koodigeneraattori
Tämä plugin tekee juuri sen nimen, että se luo QR-koodit vektorimaskeiksi, joita voit muokata ja käyttää malleissasi. QR-koodit luodaan tulostuslaadussa CMYK-yhteensopivuudella, joten sinun ei tarvitse huolehtia siitä. Lisäosa tukee useita QR-koodityyppejä, kuten URL, SMS, käyntikortti, tavallinen teksti ja sähköposti.
Avainominaisuudet:
- Luo QR-koodit muokattaviksi kuviksi
- Tukee useita QR-koodityyppejä
- Koodit on optimoitu tulostusta varten ja noudata QR-koodistandardia
- Plugin toimii OS X: ssä ja Windowsissa
Hinta: $ 19
16. TinyPNG
TinyPNG: n avulla voit viedä kuvia PNG: hen ja pakata ne tiedostokoon pienentämiseksi, mutta säilyttää läpinäkyvyyden. Se tukee erän muokkausta ja muuntaa kuvat tarvittaessa sRGB: ksi. Ja siinä on söpö panda maskotti!
Avainominaisuudet:
- Toimii OS X: ssä ja Windowsissa
- Tukee Photoshop CS5, CS6, CC ja CC 2014
- Voit muokata useita kuvia kerralla
- Pakkaa PNG-tiedostot säilyttäen samalla läpinäkyvyyden
Hinta: 40 dollaria
17. Descreen
Descreen on pelastaja, jos käytät usein skannattuja materiaaleja suunnitteluprojekteissasi. Se poistaa näytön ja moiren (häiriön) kuviot skannatuista kuvista käyttämällä tarkkaa Fourier-muunnosmenetelmää. Toisin kuin muut työkalut, jotka tukeutuvat hämärtymiseen, Descreen voi säilyttää yksityiskohtia tämän lähestymistavan ansiosta. Skannausten suositeltava resoluutio on 600 ja 1200 pikselin / tuuman välillä.
Avainominaisuudet:
- Tukee Photoshopia versiosta 7.0 ja CS - CS6 ja CC
- Poistaa näytön ja häiriöiden kuviot skannatuista kuvista
- Toimii Windowsissa ja OS X: ssä
Hinta: Home Edition € 15, Professional Edition 75 €
18. Täydellinen koko
Perfect Resize -toiminnolla voit suurentaa kuvia menettämättä laatua ja suhdetta. Se tarjoaa rajaustyökalun esiasetuksilla ja toisen työkalun valokuvien suoristamiseen. Perfect Resize voi suurentaa mobiililaitteiden ottamia valokuvia ja luoda laajennettuja marginaaleja valokuvien tulostamiseksi kankaalle. Voit käyttää sen avulla valokuvien kokoa ja tallentaa kaksi eri versiota yhdestä kuvasta.
Avainominaisuudet:
- Voit suurentaa, rajata ja suoristaa valokuvia
- Optimoi kuvat tulostusta varten
- Tukee monien valokuvien kokoa kerralla
- Toimii Windows 7 ja 8 ja OS X 10.8 - 10.10
- Vaatii Photoshop CS6, CC tai CC 2014 (myös Elements 11, 12 tai 13)
Hinta: 79, 95 dollaria, tarjoaa 30 päivän kokeilun
19. Cover Action Pro
Tämä plugin sopii erinomaisesti kirjakannen suunnittelijoille ja kaikille, jotka tarvitsevat esitellä työnsä ammattimaisella, visuaalisesti houkuttelevalla tavalla. Cover Action Pro muuntaa mallisi 3D-tuotekuviksi; tai pikemminkin siirtää ne tuotemalleihin. Voit käyttää malleja ja oppaita ja valita 25 kategoriasta, jotka sisältävät yli 150 mallia, mukaan lukien kirjat, sideaineet, DVD-laatikot, kortit, käyntikortit, aikakauslehdet…
Avainominaisuudet:
- Voit muuntaa mallisi 3D-tuotemalleiksi
- Tarjoaa malleja ja malleja
- Kehitetty Photoshop CS6: lle ja uudemmille, mutta voi toimia CS5-, CS4- ja CS3-versioissa
- Automaattiset päivitykset
Hinta: $ 147 tai 247 dollaria, joissa on 60 suunnittelijamallia
20. Avokoodi
Ei, se ei ole väärin kirjoitettu hedelmä. Avocode on muotoiluyhteistyö ja projektinhallintatyökalu, jonka tarkoituksena on tuoda suunnittelijoita ja kehittäjiä yhteen. Sen avulla suunnittelijat voivat ladata projektinsa Photoshop-laajennuksen kautta, ja kehittäjät voivat tarkastaa web-käyttöliittymän tai itsenäisen sovelluksen suunnitteluelementit. Kerrokset voidaan viedä kuvina, muuntaa kerrokset CSS: ään, vähemmän, Sassiin tai Stylukseen, saada tietoa tekstin muotoilusta ja kerroksen mitoista. Avocode tallentaa aiemmin ladatut muotoiluversiot palvelimeen, joten voit käyttää sitä versionhallintajärjestelmänä projektissasi.
Avainominaisuudet:
- Voit jakaa mallejasi helposti Photoshop-laajennuksen kautta
- Tarkasta web-käyttöliittymän tai sovelluksen suunnittelu - toimii OS X: ssä, Windowsissa ja Linuxissa
- Vie kerroksia kuvina, muuntaa CSS: ksi
- Voit käyttää jaettujen mallien aiempia versioita
Hinta: Aloittaa 20 dollaria kuukaudessa, tarjoaa ilmaisen 14 päivän kokeilun
KATSO MYÖS: 10 ilmaista työkalua omien fonttien luomiseen
Mitkä Photoshop-laajennukset suosittelisivat suunnittelijoille? Onko olemassa lisäosia, joita et voi elää ilman? Kerro meille niistä kommenteissa.
