10 Killer Adobe Photoshopin vinkkejä suunnittelijoille
Uskokaa tai älkää, jos käytät Photoshopia suunnittelemaan verkkosivustoa, olet oikeassa polussa tulossa onnistuneeksi web-suunnittelijaksi. Tämä johtuu pelkästään siitä, että Photoshop on yksi kehittyneimmistä suunnittelutyökaluista, joka voi tehdä luovasta mielikuvitustasi täynnä ammattitaitoisia työkaluja, jotka lisäävät tuottavuuttasi samanaikaisesti.
Mutta kuinka hyvin tiedät Photoshopista? Joskus mietimme, miksi tietyt web-suunnittelijat voivat suunnitella verkkosivujen ulkoasun erittäin raskaalla grafiikalla viiden päivän aikana, kun tarvitsemme noin 10 päivää, jotta tällainen muotoilu voitaisiin suorittaa. Se ei luultavasti ole siitä, kuinka nopeasti voit napsauttaa, se on, kuinka hyvin tiedät Photoshopista, kuinka aiot vapauttaa sen täyden potentiaalin lisätä tuottavuuttasi.
Haluamme, että tiedätte, kuinka avata sen täysi potentiaali. Kyllä, siksi luotiin tämä viesti, jotta saat 10 äärimmäisen hyödyllistä Photoshop-vinkkiä, joiden avulla voit nopeuttaa suunnittelua. Ei voi olla pikakuvaketta, ominaisuutta tai asetusta, josta et tiedä, mutta ei enää. Tämän artikkelin avulla opit ne kaikki ja suunnittelet nopeammin ja nopeammin.
Huomautus: Tässä artikkelissa mainitut pikanäppäimet ovat Windows Photoshop -muodossa. Jos käytät Macia, muista tietää, että Ctrl = Cmd (Command) ja Alt = Opt (Option).
10. Kumoa, Lisää Undo Please
Uskon täysin, että suunnittelijamme ovat hyvin riippuvaisia, jotta voisimme kumota jotain, vaikka siihen asti, kun teimme virheen luonnostelussa, pyrimme peruuttamaan sen.
Kuten ehkä tiedätte painamalla Photoshopin Ctrl + Z-näppäintä, voit kumota edellisen tekemäsi toiminnon, mutta kun painat samaa näppäinyhdistelmää uudelleen, se toistaa edellisen toiminnon uudelleen. Tämä on varsin luonnoton ja hankala, koska sinun täytyy aina kumota useita kertoja päästäksesi haluamaasi tilaan.
Uskokaa tai älä, Photoshopilla on erityinen painike useille peruutuksille, ja se on Alt + Ctrl + Z. Kyllä, käyttämällä tätä näppäinyhdistelmää voit kumota useita kertoja Muokkaa-tilassa> Etusija> Oletusasetukset> Esitys.
Jos olet tottunut käyttämään Undo: n näppäinyhdistelmää, joka on Ctrl + Z, voit yksinkertaisesti painaa Ctrl + Shift + Alt + K näppäimistön pikavalintapaneeliin ja vaihtaa Kumoa-näppäinyhdistelmää Muokkaa-osion alla Ctrl + Z: ksi.
9. Näytteenottoväri, missä tahansa!
Hämmästytti hienosti suunniteltua verkkosivustoa ja miettinyt, mitä tarkkoja värejä se käyttää? Tämä tapahtuu hyvin usein, kun etsin inspiraatiota aikana, jolloin olen tehnyt sivuston ulkoasun Photoshopissa. Minulle käynnistän värivalitsimen, valitsen värin ja saat sen hex-numeron, napsautan sitten Photoshopin väripalettia, sitten syötät heksanumeron ja saat sitten värin, melko ärsyttävää ei ole?
Sinun ei todellakaan tarvitse kärsiä siitä, voit itse napsauttaa Eyedropper-työkalua tai aktivoida sen painamalla I-näppäintä ja napsauttaa sitten Photoshopin työnäyttöä ja vetää Eyedropper-kuvakkeen mihin tahansa näytön kuvaruutuun. haluta. Niin, se on todella helppoa.
8. Joustava opas
Vihje # 8 on oikeastaan yhdistelmä kahdesta vinkistä, toivottavasti et mielessäsi lisää vinkkejä. Web-suunnittelijana meidän on käsiteltävä paljon opasta sijoittamaan elementti oikein, toisin sanoen pikseli on täydellinen.
Miten luot oppaan? Napsauta Näytä, Uusi opas ja valitse sitten vaakasuora tai pystysuora opas, syötä sen sijainti ja valitse Enter? Alright, voit tallentaa nämä työt painamalla Ctrl + R aktivoidaksesi Viivain-työkalun, napsauttamalla työkalua ja vetämällä sen alas luodaksesi horisontaalisen ohjaimen tai päinvastoin.
Pikaoppaan luomisen lisäksi tässä on toinen hyödyllinen vinkki. Vedä ohjainta, jossa on V-näppäimellä aktivoitava siirtotyökalu, pitämällä Alt-näppäintä painettuna vaihtaaksesi vaakasuuntaisen ohjaimen pystysuoraan ohjaimeen tai päinvastoin. Nyt voit luultavasti pitää itseäsi ammattitaitoisena oppaiden käytössä.
7. Hauskan kerroksen tyylin kloonaus
Kerrostyylit ovat hyvin viihdyttäviä, kun voit vain soveltaa niitä, jotta sanotaan, että sosiaalisen median kuvake näyttää melko viehättävältä ja ainutlaatuiselta, mutta se on erittäin väsyttävää, jos haluat soveltaa samoja kerrostyylejä kaikkiin sosiaalisen median kuvakkeisiin, jotka yleensä tulevat useita kappaleita.
Oletko koskaan huomannut, että siellä on FX kuvaketta kerroksen vieressä? No, kaikki on olemassa syystä, jos painat Alt-näppäintä ja vedät FX kuvaketta toiseen kerrokseen, se kopioi ensimmäisen kerroksen tyylejä vetämääsi, kätevää vai ei?
Myös jos olet kiinnostunut sen yleisestä käytöstä FX kuvakkeen avulla voit siirtää kerroksen tyylejä toiseen ja sinun tarvitsee vain vetää kuvake toiseen kerrokseen painamalla Alt-näppäintä.
6. Elementtien keskitys on helppoa
Pikselin täydellisen suunnittelun saavuttamiseksi meidän on usein asetettava elementti täsmälleen siihen, mihin sen pitäisi olla. Tämä tuntuu helpolta, sillä voit vain luoda joitakin oppaita ja napsauttaa elementin näihin oppaisiin, mutta se on pelottavaa, jos haluat keskittyä tietyn alueen elementtiin, joka vaatii paljon oppaita, mittausta ja tarkennusta.
Itse asiassa sinulla on tapa tehdä tämä koko prosessi paljon helpommaksi, napsauta elementin kerrosta, jonka haluat absoluuttisen keskelle, ja valitse sitten koko asiakirja painamalla Ctrl + A. Tämän jälkeen sammuta Move-työkalu ja näet muutaman kuvakkeen vaihtoehdon vieressä, Näytä muunnosohjaimet. Napsauta 2. kuvaketta pystysuoraan keskelle elementtiä ja napsauta sitten viides kuvaketta vaakasuoraan keskelle elementtiä, jossa olet, absoluuttinen keskitetty elementti.
Et voi vain keskittää elementin koko asiakirjan alueelle, vaan myös absoluuttisen keskuksen tietylle alueelle. Oletetaan, että haluan ehdottomasti keskittää elementin alatunnistealueelle, voin yksinkertaisesti valita alatunnistealueen käyttämällä valintatyökalua, joka voidaan aktivoida painamalla M-näppäintä, ja sitten keskellä elementti kyseiselle alueelle.
Voit tarkastella muita kohdistusvaihtoehtoja Näytä muunnosohjaimet -vaihtoehdon vieressä, ne ovat erittäin hyödyllisiä elementtien kohdistamisessa moniin eri tilanteisiin.
5. Näytä valinta, yksi kerrallaan
Usein ulkoasun suunnittelussa sinun täytyy tarkistaa, miten elementti näyttää tarkasti omilla tai muutamilla elementeillä, esimerkiksi alla olevassa verkkosivujen asettelussa. Haluan tarkistaa liukusäätimen painikkeet vahvistaakseen, että niillä ei ole läpinäkyvyyttä, joten ne näyttävät täsmälleen samalta tai ilman liukusäätimen kuvaa.
Aiemmin minun on kytkettävä pois liukusäätimen kerroksen, liukusäätimen taustakerroksen ja jopa sisällön taustakerroksen näkyvyys, mutta nyt voin vain painaa Alt-näppäintä ja napsauttaa sitten "silmä" -kuvaketta painikeryhmän vieressä poistaaksesi virran. kaikkien kerrosten näkyvyys siten, että näen vain nämä painikkeet. Kun olen tarkistanut ne, voin vain toistaa tempun uudelleen, jotta kaikki kerrosten visibiliteetti palautuu.
Tämä temppu on myös erittäin hyödyllinen kuvien viipalointiin. Haluat leikata liukusäätimen painiketta ilman muita elementtejä, kuten liukusäädintä, joten voit käyttää tätä temppua poistaaksesi kaiken kerroksen näkyvyyden vain leikkaamalla painikkeen, ja toista sitten temppu palauttamaan kaiken kerroksen näkyvyyden, jotta se säästää paljon aikaa hukkaan päälle ja pois kerrosten näkyvyys.
4. Muokkaa fontin seurantaa milloin tahansa
Tämä erityinen kärki näyttää, kuinka voit lisätä kirjasimen seurantaa tietyn tyyppisessä osassa helposti, joten sitä voidaan käyttää vain tietyssä erityistilanteessa, kuten logolla tai painikkeen luomisella, mutta se on ammattimainen kärki, joka voi säästää paljon aikaa fonttien löytämisessä sopiva typografia logon tai painikkeen luomiseen.
Oletetaan, haluaisin sanoa, että haluan vähentää tyypin seurantaa, joten "logo" näyttää ainutlaatuiselta, että kävijä muistaa sen helpommaksi. Voin valita "POLO360" käyttämällä Tyyppi-työkalua, joka voidaan aktivoida painamalla T-näppäintä, ja pidä sitten Alt-näppäintä painettuna ja aloita tyypin seurannan vähentäminen, mikä tuo yllä olevan tuloksen.
Voit käyttää tätä temppua eräiden taiteellisten fonttien seurantaongelman ratkaisemiseen, joten ei ole huolta seurannasta seuraavan kerran, kun haluat löytää graafisia fontteja logon luomiseen!
3. Instant Layer Selection = Voita
Ulkoasun suunnittelu on uuvuttavaa työtä, koska meidän on käsiteltävä paljon kysymyksiä, kuten typografiaa, etäisyyttä ja graafista, mutta se on ylivoimainen, jos haluamme löytää tietyn elementin kerroksen sadoista kerroksista.
Anna tämän tempun helpottaa suunnittelijan elämää. Aktivoi Siirrä -työkalu käyttämällä V-näppäintä ja pidä Ctrl-näppäintä painettuna, napsauta sitten elementtiä ja valitsee automaattisesti elementin kerroksen. Se on todella yksinkertaista, mutta pidä mielessä, että jos asetat elementtejä ryhmään, valitset saman tempun valitsemalla ryhmän kansion, joka sisältää napsauttamasi elementin, kuten edellä on esitetty.
2. Älykäs objekti älykkäälle suunnittelijalle
Aivan kuten nimensä mukaan, Smart Object tekee muokkauksesta älykkäämpiä tekemällä 2 ensisijaista toimintoa: suorita muuntamattomia muunnoksia ja suorita suodatus. Tämä ominaisuus on erittäin kätevä etenkin silloin, kun tuot sivustosi asettelun, jossa on raskaita grafiikoita, kuten valokuvakuvia, sosiaalisen median kuvakkeita ja käyttöliittymän paketteja, ja kaikki mitä sinun tarvitsee vain napsauttaa kerrosta hiiren kakkospainikkeella ja napsauttaa sitten Muunna älykkääksi objektiksi nauttia sen eduista.
Ensimmäisessä toiminnossa kerrotaan, että kun kerros muunnetaan älykkääksi objektiksi, voit muuttaa sen haluamallasi tavalla menettämättä alkuperäistä laatua. Tällöin haluamme tehdä kuvan liukusäädintä pienemmäksi, jotta muutamme kuvan liukusäätimen kerrokset Smart-objektiksi ja muutimme sen pienemmäksi.
Ouch, se on aivan liian pieni, joten päätin muuttaa sen takaisin.
Näyttää siltä, että kaikki on kunnossa eikä mitään tapahtunut oikein? Alla on tulos, jos käytit taaksepäin tapahtuvaa muuntamista ilman, että kerrosta muutetaan Smart-objektiksi.
Joten voitte nähdä eron täällä, erityisesti liukusäätimen painikkeet. Taaksepäin tapahtuva muuntaminen ilman älykkäitä objekteja, joita käytetään kerroksissa, tekee liukusäätimestä ja liukusäätimen painikkeista menettämättä laatua. Joten muuntamalla kerros Smart-objektiksi, voit muuttaa sen haluamallesi pienemmälle koolle, mutta kun olet pahoillasi päätöksestänne, voit muuttaa sen takaisin menettämättä laatua.
Toinen hyöty muuntamalla kerros Smart-objektiksi on, kun olet ottanut suodattimen käyttöön Smart-objektissa, suodattimen kerros ilmestyy Smart Objectin kerroksen alle, joten voit poistaa suodattimen käytöstä helpommin vain poistamalla suodattimen kerroksen näkyvyyden, ja sitä kutsutaan ei-tuhoavaksi suodatukseksi , loistava aikaa säästävä projekti.
1. Snapshot of Beautiful Past
Nyt opit poistamaan useita kertoja, kopioimaan kerroksen tyylejä, nopeampaa kerrosvalintaa ja käyttämään Smart-objektia näitä hienoja säästö vinkkejä. No, nämä ovat todella käteviä taitoja, jotka parantavat suuresti tuottavuuttasi, mutta kuinka noin 2 tunnin työn jälkeen, olet pahoillut muokkauksesta ja päättänyt aloittaa keskeltä? Palauta se uudelleen täysin hyvin uuvuttavaksi ja tylsäksi, vaikka olisit käyttänyt kaikkia tappajavihjeitä, joita olet oppinut aikaisemmin, joten Snapshot käynnistyy.
Snapshot-toiminnolla voit luoda väliaikaisen kopion kaikista muokkaustiloista, joten kun sinulla on vaikeuksia parantaa suunnittelua ja päätät palata takaisin, voit yksinkertaisesti napsauttaa tilannekuvaa, jotta voit palata haluamaasi tilaan. Jotta voit ottaa tilannekuvan, sinun tarvitsee vain avata Historiapaletti ja napsauttaa paletin alareunassa näkyvää 2. kuvaketta..
Snapshotille on myös hyödyllisiä ominaisuuksia, kuten voit ottaa useita yksittäiskuvia, joten sinulla on enemmän vaihtoehtoja ja voit nimetä ne niin, että muistat ne helpommin. Viime kädessä voit myös käyttää näitä tilannekuvia vertaamalla eri vaikutuksia, jotka olet luonut suunnittelullesi.
Muista kuitenkin muistaa, että kun olet sulkenut asiakirjan, tilannekuvat poistetaan välittömästi, joten jos haluat säilyttää nämä tilat, voit napsauttaa kutakin tilannekuvaa ja tallentaa asiakirjan toiseen tiedostoon.
Heijastus
Olet tullut artikkelin loppuun, hyvä työ. Tähän mennessä sinun pitäisi saada tarpeeksi aikaa säästäviä tappajavihjeitä, joiden avulla voit nopeuttaa suunnittelua, mutta muista aina, että oppiminen on paras tapa tietää enemmän Photoshopista, mikä lisää tuottavuutta. Joten oppia lisää, ja sinusta tulee entistä kilpailukykyisempi web-suunnittelija.
No olemme jakaneet parhaamme, miten sinä? Jos et pidä mielessäsi, kerro Photoshop-tappajavihjeistänne, jotta voimme tietää, miten parempi tapa käyttää Photoshopia, kiitos anteliaisuudesta!