Photoshop Shapes And Shape Layers Essentials

Shape Tools

Photoshop antaa meille kuusi Muototyökalua, joista valita – suorakulmion työkalun, pyöristetyn suorakulmion työkalun, ellipsin työkalun, monikulmion työkalun, Rivityökalun ja mukautetun Muototyökalun, ja ne ovat kaikki sisäkkäin samassa kohdassa työkalupaneelissa. Oletuksena suorakulmion työkalu on se, joka näkyy Työkalut-paneelissa, mutta jos napsautamme työkalun kuvaketta ja pidämme hiiren painiketta alhaalla sekunnin tai kaksi, fly-out-valikko näyttää meille muut muoto työkalut voimme valita:

kun olet valinnut Muototyökalun, sinun ei tarvitse palata Työkalupaneeliin (vaikka voitkin, jos haluat), koska Photoshop antaa meille pääsyn kaikkiin Muototyökaluihin suoraan näytön yläreunan Valintariviltä. Valitsen esimerkiksi suorakulmion työkalun työkalupaneelista:

kun suorakulmio-työkalu on valittu, Valintariville ilmestyy kuuden ikonin rivi, ja jokainen kuvake edustaa eri muotoista työkalua. Työkalut on lueteltu vasemmalta oikealle samassa järjestyksessä kuin ne näkyvät työkalupaneelissa, joten jälleen meillä on suorakulmio-työkalu, pyöristetty suorakulmio-työkalu, ellipsi-työkalu, monikulmio-työkalu, Rivityökalu ja mukautettu muoto-työkalu. Napsauta yhtä kuvakkeista valitaksesi tarvitsemasi työkalun:

Shape Layers-vaihtoehto

ennen kuin alamme piirtää mitään muotoja, on ensin kerrottava Photoshopille, minkä tyyppisen muodon haluamme piirtää, enkä tarkoita tällä suorakulmioita tai ympyröitä. Photoshop antaa meille mahdollisuuden piirtää kolme hyvin erilaista muotoa-vektorimuotoja, polkuja tai pikselipohjaisia muotoja. Tarkastelemme tarkemmin näiden kolmen välisiä eroja ja sitä, miksi haluat käyttää jokaista toisessa opetusohjelmassa, mutta useimmissa tapauksissa haluat piirtää vektorimuotoja, jotka ovat samantyyppisiä muotoja kuin Piirtäisimme Illustrator-ohjelmassa. Toisin kuin Pikselit, vektorimuodot ovat resoluutiosta riippumattomia ja täysin skaalautuvia, mikä tarkoittaa, että voimme tehdä niistä niin suuria kuin haluamme ja muuttaa niitä niin usein kuin haluamme ilman kuvanlaadun heikkenemistä. Vektorimuotojen reunat pysyvät aina terävinä ja terävinä sekä näytöllä että niitä tulostettaessa.

voit piirtää vektorimuotoja valitsemalla Shape Layers-vaihtoehdon Valintapalkista. Se on ensimmäinen kolmesta kuvakkeesta lähellä äärivasempaa (polut-valinta on keskimmäinen kolmesta kuvakkeesta, joita seuraa oikealla oleva Täyttöpikselivaihtoehto):

valitsemalla värin muodolle

kun Shape Layers-valinta on valittuna, on seuraavaksi valittava muoto, jonka valitsemme klikkaamalla väri-sanan oikealla puolella olevaa väriruutua valintapalkissa:

Photoshop avaa värivalitsimen, josta voimme valita haluamamme värin. Valitsen punaisen. Valitse OK, kun olet valinnut värin, joka suljetaan Värivalitsimesta:

älä murehdi väärän värin valitsemista muodollesi, jos et ole varma, minkä värin tarvitset. Kuten tulemme näkemään, Muotokerrosten avulla on helppo palata takaisin ja muuttaa muodon väriä milloin tahansa sen jälkeen, kun olemme piirtäneet sen.

Suorakulmiotyökalu

kuten sen nimestä voi varmaan arvata, Photoshopin Suorakulmiotyökalulla voidaan piirtää nelisivuisia suorakulmaisia muotoja. Napsauta asiakirjaa asettaaksesi muodon alkupisteen, pidä hiiren painiketta alhaalla ja vedä vinottain piirtääksesi loput muodosta. Kun raahaat, näet ohuen ääriviivat siitä, miltä muoto näyttää:

kun olet tyytyväinen muotosi ulkonäköön, vapauta hiirinappi, jolloin Photoshop täyttää muodon valitsemallasi värillä Valintarivillä:

piirrät muodon sen keskipisteestä

jos haluat piirtää suorakulmion (tai minkä tahansa muodon) sen keskipisteestä eikä kulmasta, Napsauta asiakirjan sisäpuolelle, missä suorakulmion keskipisteen pitäisi olla, ja ala vetää muotoa kuten normaalisti. Kun aloitat vetämisen, paina Alt (Win) / Option (Mac) – näppäintä ja pidä se alhaalla, kun jatkat vetämistä. Alt / Option-näppäin kertoo Photoshopin piirtävän muodon pois sen keskeltä. Tämä toimii kaikilla Muototyökaluilla, ei vain suorakulmion työkalulla:

piirtämällä neliöitä

voimme piirtää neliöitä myös suorakulmion työkalulla. Jos haluat piirtää neliön, Napsauta asiakirjan sisällä ja aloita vetämällä suorakaiteen muotoinen. Kun olet aloittanut vetämisen, paina Shift-näppäintä näppäimistöllä ja pidä sitä alhaalla, kun jatkat muodon vetämistä. Pitämällä Shift-näppäintä alhaalla pakotat muodon täydelliseksi neliöksi riippumatta siitä, mihin suuntaan vedät. Voit myös lisätä Alt (Win) / Option (Mac) – näppäimen piirtääksesi neliön pois sen keskustasta (jolloin painat ja pidät Shift+Alt (Win) / Shift+Option (Mac)):

jälleen Photoshop näyttää raahatessasi vain ohuen ääriviivat neliöstä, mutta kun vapautat hiiren napin, Photoshop täyttää sen värillä:

Muotovalinnat

jos katsot Valintapalkista suoraan kuuden Muototyökalukuvakkeiden oikealle puolelle, näet pienen alaspäin osoittavan nuolen. Nuolen napsauttaminen avaa luettelon lisävaihtoehdoista valitsemallesi työkalulle. Kun suorakulmio-työkalu on valittu, esimerkiksi nuolen napsauttaminen tuo suorakulmion Asetukset esiin.
lukuun ottamatta Polygon-työkalua ja Line-työkalua, joita tarkastelemme myöhemmin, et huomaa käyttäväsi tätä valikkoa kovin usein, koska olemme jo oppineet käyttämään päävaihtoehtoja suoraan näppäimistöltä.

esimerkiksi rajoittamaton vaihtoehto valitaan meille oletusarvoisesti, ja se on vain suorakulmion työkalun normaali käyttäytyminen, jolloin voimme piirtää minkä kokoisia tai kuvasuhteita tahansa olevia suorakulmaisia muotoja. Neliö-vaihtoehdon avulla voimme piirtää neliöitä, mutta voimme tehdä sen vain pitämällä Shift-näppäintä pohjassa, kun vedämme. Ja From Center-vaihtoehto piirtää muodon sen keskipisteestä, mutta jälleen, voimme jo tehdä sen pitämällä Alt (Win) / Option (Mac) – näppäintä alhaalla, kun vedämme:

Shape Layers

ennen kuin käymme läpi muut Muototyökalut, katsotaan nopeasti, mitä Layers-paneelissa tapahtuu. Jos muistat alussa opetusohjelma, opimme, että piirtää vektori muotoja Photoshop, meidän täytyy varmistaa, että meillä on muoto kerrokset vaihtoehto valittu Asetukset Bar, ja nyt olen piirtänyt muoto, näemme, että minulla on todellinen muoto kerros minun asiakirja, joka Photoshop on nimetty ”muoto 1”. Jokainen piirtämämme Uusi vektorimuoto sijoitetaan omalle Muotokerrokselleen, joka näyttää erilaiselta kuin normaalit pikselipohjaiset kerrokset. Muotokerroksen vasemmalla puolella on color swatch-kuvake, joka näyttää muotomme nykyisen värin, ja oikealla puolella on vektorinaamio thumbnail:

mainitsin aiemmin, että meidän ei tarvitse huolehtia oikean värin valitsemisesta muodolle, koska voimme helposti muuttaa sen värin piirrettyämme sen, ja voimme tehdä sen kaksoisnapsauttamalla suoraan Muotokerroksen väriruutua:

Photoshop avaa värivalitsimen uudelleen meille, jotta voimme valita hahmolle eri värin. Valitsen sinisen tällä kertaa.:

napsautan OK Sulkeakseni värivalinnan, ja Photoshop muuttaa neliömuotoni värin punaisesta siniseksi:

muotokerroksessa olevan värilätkän oikealla puolella on vektorinaamion näytekuva. Peukalonkynnen sisällä oleva valkoinen alue edustaa muotoamme. Vektorinaamiot ovat samanlaisia kuin pikselipohjaiset kerrosnaamiot siinä mielessä, että ne paljastavat osan kerroksesta piilottaessaan muita osia, ja tällä tarkoitan sitä, että kun piirrämme vektorin muodon, Photoshop itse asiassa täyttää koko kerroksen valitsemallamme värillä, mutta se näyttää vain värin muodon sisällä. Se piilottaa värin muodon ulkopuolisille alueille. Tämä ei ole jotain sinun todella tarvitsee tietää työskennellä muotoja Photoshop, mutta se on aina mukava ymmärtää, mitä se on etsit. Harmaa alue muodon ympärillä vektorinaamion näytekuvassa on se alue kerroksella, jossa väri on piilossa näkyviltä, kun taas valkoinen alue on siellä, missä väri näkyy:

jotta olisi helpompi nähdä, miten Photoshop näyttää Vektorimuodon, voimme itse asiassa sammuttaa vektorimaskit väliaikaisesti pitämällä Shift-näppäintä alhaalla ja klikkaamalla suoraan vektorimaskin näytekuvaa. Näytekuvaan ilmestyy iso punainen X, joka kertoo meille, että maski on nyt pois päältä:

kun vektorimaski on pois päältä, koko kerros paljastuu dokumentista, ja näemme, että se on täysin täytetty muodolleni valitsemallani sinisellä värillä. Jos katsot tarkkaan, näet ohuen ääriviivanäkymän siitä, missä muoto istuu kerroksen päällä:

jos haluat kytkeä vektorimaskin takaisin päälle, paina Shift-näppäintä ja napsauta sen näytekuvaa uudelleen Layers-paneelissa. Kun maski on taas päällä, kaikki värin ulkopuolella muoto on jälleen piilossa näkyvistä, ja voimme nähdä vain värin sisällä muoto itse. Dokumenttiikkunani muodon ympärillä olevat valkoiset alueet ovat Taustakerroksestani sen alapuolella:

nyt kun olemme tarkastelleet Muotokerroksia, katsotaan, mitä muita muotoja voimme piirtää Photoshopissa käyttäen muita geometrisen muodon työkaluja.

lyhytnumeroita, toimintoja ja suodattimia Plugin: virhe lyhytnumerossa

pyöristetty suorakulmio työkalu

pyöristetty suorakulmio työkalu on hyvin samanlainen kuin tavallinen suorakulmio työkalu paitsi että se antaa meille piirtää suorakulmioita mukava pyöristetyt kulmat. Säädämme kulmien pyöreyttä käyttämällä säde-vaihtoehtoa Optiopalkissa. Mitä korkeamman arvon annamme, sitä pyöristetymmät kulmat näkyvät. Asetan Sädearvoni 50 px:

jos haluat piirtää pyöristetyn suorakulmion sen jälkeen, kun olet antanut säteen arvon, valitse asiakirjan sisäpuolelle lähtöpiste, pidä hiiren painiketta alhaalla ja vedä loput muodosta. Aivan kuten näimme normaali suorakulmion työkalu, Photoshop näyttää ohut ääriviivat muodon, kun piirrät sitä:

kun vapautat hiiren napin, Photoshop täydentää muodon ja täyttää sen värillä:

tässä on toinen suorakulmio, tällä kertaa Säteeni arvoksi asetettu 150 px, joka on riittävän suuri (tässä tapauksessa joka tapauksessa), jotta koko suorakulmion vasen ja oikea puoli näyttävät kaarevalta:

ja tässä on suorakulmio, mutta jonka säteen arvo on paljon pienempi, vain 10 px, mikä antaa minulle hyvin pienet pyöristetyt kulmat:

valitettavasti ei ole mitään keinoa esikatsella, kuinka pyöristetyt kulmat näkyvät valitulla Sätearvollamme ennen kuin todellisuudessa piirrämme suorakulmion. Myös, emme voi säätää säde-arvoa lennossa, kun piirrämme muotoa, kuten voimme Illustratorissa, ja Photoshop ei anna meidän palata ja tehdä yksinkertaisia muutoksia kulmiin sen jälkeen, kun olemme piirtäneet sen, mikä tarkoittaa, että pyöristettyjen suorakulmioiden piirtäminen on hyvin paljon ”yrityksen ja erehdyksen” tyyppinen asia. Jos et ole tyytyväinen kulmien pyöreyteen piirrettyäsi muodon, paina Ctrl+Z (Win) / Command+Z (Mac) kumotaksesi vaiheen nopeasti, syötä sitten eri säde-arvo Valintariville ja yritä uudelleen.

aivan kuten suorakulmion avulla voidaan piirtää neliöitä, pyöristetyn suorakulmion avulla voidaan piirtää pyöristettyjä neliöitä. Pidä Shift-näppäintä painettuna sen jälkeen, kun aloitat vetämisen pakottaaksesi pyöristetyn suorakulmion neliön muotoon. Pidä Alt (Win) / Option (Mac) – näppäintä alhaalla sen jälkeen, kun olet alkanut vetää pyöristettyä suorakulmiota (tai neliötä) sen keskeltä.

jos napsautamme pientä nuolta Valintarivillä tuodaksemme esiin pyöristetyn suorakulmion vaihtoehdot, näemme, että sillä on samat vaihtoehdot kuin normaalilla suorakulmion työkalulla, kuten Rajoittamaton, neliö ja keskeltä, ja taas, tiedämme jo, miten niitä voi käyttää näppäimistöltä:

Ellipsityökalu

Photoshopin Ellipsityökalu mahdollistaa ellipsimuotojen piirtämisen. Aivan kuten suorakulmion ja pyöristetyn suorakulmion työkaluissa, Napsauta asiakirjan sisäpuolelle asettaaksesi lähtöpisteen, pidä hiiren painiketta alhaalla ja vedä loput muodosta:

vapauta hiiren painike täydentämään muotoa ja pyydä Photoshopia täyttämään se värillä:

pidä Shift-näppäintä alhaalla, kun alat vetää ellipsi-työkalulla pakottaaksesi muodon täydelliseksi ympyräksi. Pitämällä Alt (Win) / Option (Mac) – näppäintä alhaalla, kun aloitat vetämisen, piirretään muoto sen keskeltä:

pienen nuolen napsauttaminen Valintarivillä tuo esiin Ellipsiasetukset, jotka taas ovat lähes identtisiä suorakulmion ja pyöristetyn suorakulmion kanssa. Ainoa ero tietenkin on, että ellipsi-työkalulla on mahdollisuus piirtää ympyrä neliön sijaan:

monikulmion työkalu

monikulmion työkalu on se, jossa asiat alkavat käydä mielenkiintoisiksi. Suorakulmiotyökalu rajoittuu nelisivuisten monikulmioiden piirtämiseen, mutta Monikulmiotyökalun avulla voimme piirtää monikulmiot, joissa on niin monta sivua kuin haluamme. Se antaa meille jopa mahdollisuuden piirtää tähtiä, kuten näemme hetken kuluttua.

syötä monikulmion muotoon tarvittava Sivumäärä Valintapalkin sivut-asetukseen. Oletusarvo on 5, mutta voit syöttää minkä tahansa arvon 3-100:

kun olet antanut sivujen määrän, Napsauta asiakirjaa ja vedä monikulmion muoto esiin. Photoshop aina kiinnittää polygon muodot pois niiden keskustasta, joten ei tarvitse pitää Alt (Win) / Option (Mac) – näppäintä. Pitämällä Shift-näppäintä alhaalla, kun aloitat vetämisen, rajoitetaan niiden kulmien määrää, joille muoto voidaan piirtää, mikä voi auttaa asemoimaan muodon haluamallasi tavalla:

sivujen asettaminen arvoon 3 Polygonityökalulle antaa helpon tavan piirtää kolmio:

ja tässä on monikulmion muoto, jonka Sivuvalinta on asetettu arvoon 12:

piirtämällä tähtiä Polygonityökalulla

piirtääksesi tähtiä Polygonityökalulla, klikkaa Valintapalkin pientä nuolta tuodaksesi esiin Polygonivaihtoehdot ja valitse sitten tähti:

kun tähti-asetus on valittu, napsauta asiakirjan sisäpuolelle ja vedä esiin tähden muoto. Valitsinpalkin sivut-valinta ohjaa tähden pisteiden määrää, joten esimerkiksi Oletussivujen arvolla 5 saadaan 5-Tähtinen tähti:

sivujen arvon muuttaminen 8: ksi antaa meille 8-Tähtisen tähden:

voimme luoda tähtisyöksymuodon kasvattamalla pisteiden sisennystä käyttäen Sisennyssivuja optiolla. Oletusarvo on 50%. Nostan sen 90%: iin:

tässä on tähtimuotoni, jonka sisennys on asetettu 90%: iin. Olen myös lisännyt sivujen määrää 16:

oletuksena tähdillä on pisteidensä päissä terävät kulmat, mutta voimme tehdä niistä pyöristetyt valitsemalla sileät kulmat-vaihtoehdon:

tässä on tavallinen 5-Teräväinen tähti, jonka sileät kulmat-asetus on käytössä::

voimme tasoittaa myös sisennyksiä ja tehdä niistä pyöristettyjä valitsemalla sileät sisennykset-vaihtoehdon:

ja jälleen saamme toisenlaisen ilmeen tähtimuodollemme:

Line Tool

lopuksi Line Tool, joka on viimeinen Photoshopin geometrisen muodon työkaluista, antaa meille mahdollisuuden piirtää yksinkertaisia suoria viivoja, mutta voimme käyttää sitä myös nuolien piirtämiseen. Aseta rivin paksuus syöttämällä arvo pikseleinä Paino-asetukseen Valintarivillä. Asetan omani arvoon 16 px:

napsauta sitten asiakirjaa ja vedä rivimuotosi esiin. Pidä Shift-näppäintä alhaalla, kun aloitat vetämisen rajoittaaksesi suuntaa, johon voit piirtää viivan, jolloin vaaka-tai pystyviivojen piirtäminen on helppoa:

voit lisätä nuolenkärjet riveihin napsauttamalla Valintarivin pientä nuolta, jolloin nuolenkärjet tulevat näkyviin. Photoshopin avulla voimme lisätä nuolenkärkiä joko rivin alkuun tai loppuun tai molempiin. Jos haluat nuolenkärjen näkyvän siihen suuntaan, mihin viivaa piirrät, kuten yleensä on, valitse lopetus. Varmista, että valitset tämän vaihtoehdon ennen viivan piirtämistä, sillä Photoshop ei anna meidän palata ja lisätä nuolenkärkiä viivan jo piirrettyä jälkeen:

tässä on edellisen kaltainen viivan muoto, tällä kertaa nuolenkärki päässä:

jos nuolen oletuskoko ei toimi sinulle, voit säätää sitä leveys-ja Pituusasetuksilla. Voimme myös tehdä nuolenkärki näyttää kovera käyttämällä koveruus vaihtoehto. Oletusarvo on 0%. Nostan sen 50%: iin:

tämä muuttaa nuolenkärjen muotoa. Varmista vielä, että asetat Koveruusvalinnan ennen viivan piirtämistä, muuten sinun on poistettava muoto ja piirrettävä se uudelleen:

piilottamalla ääriviivat muodon ympärille

jos katsot tarkkaan muotoasi sen jälkeen, kun olet piirtänyt sen (riippumatta siitä, mitä Muotovälinettä käytit), näet sen ympärille usein ohuen ääriviivat, joka voi tuntua ärsyttävältä. Ääriviivat näkyvät muodon ympärillä aina, kun muodon vektorimaski on valittu, ja se valitaan aina oletuksena, kun piirrämme uuden muodon.

jos katsot muodon tasoa Tasopaneelissa, näet, että vektorinaamion näytekuvassa on valkoinen korostusreunus sen ympärillä, joka kertoo, että naamio on itse asiassa valittu. Voit piilottaa ääriviivat ympäri muotoa poistamalla sen vektorimaski. Voit tehdä sen napsauttamalla vektorimaskin näytekuvaa. Näytekuvan ympärillä oleva korostusreunus katoaa ja samoin asiakirjan muodon ympärillä oleva ääriviivat: