Rotate, Flip and Scale Individual Letters In Text With Photoshop

Rotate Flip and Scale Individual Letters In Text - Photoshop Tutorial
Written by Steve Patterson.

Photoshopissa on helppo kiertää, kääntää ja skaalata kokonaisia sanoja tai tekstirivejä asiakirjassa, mutta entä jos haluamme muuttaa vain yksittäisen kirjaimen sanassa tai muuttaa eri kirjaimia eri tavoin, kiertämällä joitakin, kääntämällä toisia vaaka- tai pystysuunnassa ja skaalaamalla toisia? Kuulostaa siltä, että sen pitäisi olla melko suoraviivainen tehtävä Photoshopin Free Transform -komennolle, mutta jos olet joskus yrittänyt tehdä sitä, tiedät, että se ei ole niin suoraviivaista kuin miltä se näyttää. Katsotaanpa ongelmaa.

Tässä on dokumentti, joka on auki näytölläni – yksinkertainen muotoilu, jossa on sana ”kirjaimet” gradienttitaustan edessä:

Original Photoshop text. Kuva © 2011 Photoshop Essentials.com.

Alkuperäinen asiakirja.

Jos katsomme Layers-paneeliani, näemme, että asiakirja koostuu kahdesta kerroksesta – yläpuolella on normaali Type-taso, joka sisältää sanan ”letters” (johon on sovellettu drop shadow -tasotyyliä kiinnostavuuden lisäämiseksi), ja sen alapuolella on Background-tasolla oleva gradientti:

Photoshopin Layers-paneeli, jossa näkyvät tekstitaso ja Background-taso. Kuva © 2011 Photoshop Essentials.com.

Kerrospaneeli, jossa näkyy kirjasintaso taustakerroksen yläpuolella.

Tekstin kääntämiseen, pyörittämiseen tai skaalaamiseen käytämme tavallisesti Photoshopin Free Transform -komentoa. Valitsen sen menemällä näytön yläreunan valikkopalkin Edit-valikkoon ja valitsemalla Free Transform:

Vapaamuunnos-komennon valitseminen Photoshopin Edit-valikosta. Kuva © 2011 Photoshop Essentials.com.

Vapaan muokkauksen komennon valitseminen Muokkaa-valikosta.

Tällöin sanan ympärille asetetaan Vapaan muokkauksen rajauslaatikko ja kahvat, ja tässä on ongelmamme. Haluan muuttaa sanan yksittäisiä kirjaimia, mutta Free Transform valitsee koko sanan kokonaisuutena ja asettaa rajauslaatikon ja kahvat sen ympärille. Jos siirrän hiiren kursorin rajauslaatikon ulkopuolelle ja sitten klikkaan ja vedän hiirellä kiertääkseni sitä, koko sana kiertyy, ei vain yksittäinen kirjain:

Tekstin kiertäminen Free Transformilla. Kuva © 2011 Photoshop Essentials.com.

Free Transform kääntää koko sanan, koska se valitsi tekstikerroksen koko sisällön.

Painan näppäimistön Esc-näppäintä peruuttaakseni kiertämisen. Kokeillaan kääntää kirjain ylösalaisin. Kun Free Transform on edelleen aktiivinen, napsautan hiiren kakkospainikkeella (Win) / Control-painikkeella (Mac) missä tahansa asiakirjan sisällä ja valitsen Flip Vertical (Käännä pystysuoraan) -komennon avautuvasta valikosta:

Valitaan Flip Vertical (Käännä pystysuoraan) -komento Free Transform -yhteysvalikosta. Kuva © 2011 Photoshop Essentials.com.

Valitsemalla Flip Vertical kontekstivalikosta.

Jälleen törmäämme samaan ongelmaan. Free Transform vaikuttaa koko sanaan, joten koko sana kääntyy ylösalaisin:

Photoshopin teksti käännetään pystysuoraan asiakirjassa. Kuva © 2011 Photoshop Essentials.com.

Vapaa muunto vaikuttaa jälleen kerran koko sanaan.

Painan näppäimistön Esc-näppäintä peruuttaakseni komennon Flip Vertical. Kokeillaan kirjaimen skaalaamista. Pidän alhaalla Shift+Alt (Win) / Shift+Option (Mac), kun napsautan yhtä Free Transformin kulmakahvoista, ja vedän sisäänpäin kohti rajaavan laatikon keskikohtaa. Pitämällä Shift-näppäintä alhaalla vetäessäni säilytän tekstin alkuperäiset mittasuhteet, kun muutan sen kokoa, kun taas Alt-näppäin (Win) / Option-näppäin (Mac) käskee Photoshopia skaalaamaan tekstin sen keskipisteestä. Eikä yllätys, törmäämme samaan ongelmaan kuin aiemmin. Koko sana skaalautuu pienemmäksi kokonaisuutena:

 Tekstin skaalautuminen Photoshopissa Free Transform -komennolla. Kuva © 2011 Photoshop Essentials.com.

Ei ole tapaa valita tiettyä kirjainta, koko sana pienenee.

Voi tuntua siltä, että Free Transform on tässä ongelmana, koska se ei anna meille mitään tapaa valita yksittäisiä kirjaimia sanassa, mutta todellinen ongelma on itse asiassa itse teksti. Tai tarkemmin sanottuna ongelma on se, että sana on tekstiä. Tämä saattaa kuulostaa oudolta. Tarkoitan, että tietysti se on tekstiä, eikö niin? Silti se on ongelma, koska Photoshop ei anna meidän valita yksittäisiä kirjaimia tekstiriviltä. Ainakaan niin kauan kuin teksti on vielä tekstiä, mikä tuo meidät ratkaisuun. Jotta voisimme työskennellä yksittäisten kirjainten kanssa, meidän tarvitsee vain muuntaa teksti joksikin muuksi!

Miksi voimme siis muuntaa tekstin ja saada sen silti näyttämään tekstiltä? No, voisimme muuntaa sen pikseleiksi rasteroimalla sen, mutta se ei ole paras ratkaisu, koska menetämme kirjainten terävät, terävät reunat, varsinkin kun alamme pyörittää ja skaalata niitä. Paljon parempi ratkaisu on muuntaa teksti muodoksi. Muodossa se näyttää edelleen tekstiltä, ja sen terävät reunat säilyvät riippumatta siitä, mitä sille tehdään. Ainoa pieni haittapuoli on se, että kun olemme muuntaneet tekstin muodoksi, sitä ei voi enää muokata, joten varmista ensin, että kaikki on kirjoitettu oikein.

Tekstin muuntamiseksi muodoksi varmista, että Type-taso on valittuna Layers-paneelissa, siirry sitten näytön yläreunassa olevaan Layer-valikkoon, valitse Type (Tyyppi) ja valitse sitten Convert to Shape (Muunna muodoksi):

Tyypin muuntaminen muodoksi Photoshopissa komennolla Muunna muodoksi. Kuva © 2011 Photoshop Essentials.com.

Mene Layer > Type > Convert to Shape.

Dokumentti-ikkunassa ei näytä tapahtuneen juuri mitään, mutta jos katsomme Layers-paneeliin, näemme, että Type-taso on muunnettu Shape-tasoksi, mikä tarkoittaa, että tekstimme on onnistuneesti muunnettu muodoksi:

The Layers panel showing the Type layer converted to a Shape layer. Kuva © 2011 Photoshop Essentials.com.

Type-taso on nyt Shape-taso.

Kun teksti on nyt muoto, voimme helposti valita minkä tahansa yksittäisen kirjaimen. Kirjaimen valitsemiseen tarvitsemme Path Selection Tool -työkalua (musta nuoli), jonka voit napata Työkalut-paneelista:

Polunvalintatyökalun valitseminen Photoshopin Työkalut-paneelista. Kuva © 2011 Photoshop Essentials.com.

Valitse Path Selection Tool (Polunvalintatyökalu).

Sitten, Path Selection Tool (Polunvalintatyökalu) kädessä, klikkaa yksinkertaisesti haluamaasi kirjainta. Klikkaan sanan ensimmäistä kirjainta ”e” valitakseni sen. Kirjaimen ympärille ilmestyy ankkuripisteitä (pieniä neliöitä) osoittamaan, että se on nyt valittu:

Sanan e-kirjaimen valitseminen Path Selection Toolilla. Kuva © 2011 Photoshop Essentials.com.

Klikkaa Path Selection Tool -työkalulla kirjainta, jonka haluat valita.

Kirjaimen ollessa valittuna voin nyt muuttaa sitä haluamallani tavalla Free Transform -toiminnolla. Painan näppäimistöllä Ctrl+T (Win) / Command+T (Mac) saadakseni nopeasti esiin Vapaan muodonmuutoksen rajauslaatikon ja kahvat (se on nopeampaa kuin Vapaan muodonmuutoksen valitseminen Muokkaa-valikosta), ja tällä kertaa ne eivät ilmesty koko sanan ympärille vaan valitsemani kirjaimen ympärille:

Vapaan muodonmuutoksen rajauslaatikko ja kahvat ilmestyvät kirjaimen ympärille. Kuva © 2011 Photoshop Essentials.com.

Vapaa muunto voi nyt toimia yksittäisten kirjainten kanssa.

Kierrän kirjainta samalla tavalla kuin käänsin koko sanaa aiemmin, napsauttamalla mitä tahansa kohtaa Vapaan muunnon rajausruudun ulkopuolella ja vetämällä hiirellä. Pyöritän sitä vastapäivään. Kun olet muuttanut kirjaimen, hyväksy muutos ja poistu Free Transformista painamalla Enter (Win) / Return (Mac):

 Free Transformin rajauslaatikko ja kahvat ilmestyvät kirjaimen ympärille. Kuva © 2011 Photoshop Essentials.com.

Kirjaimen kiertäminen vastapäivään.

Tehdään sama juttu sanan toiselle kirjaimelle ”e”. Ensin valitsen sen napsauttamalla sitä Path Selection Tool -työkalulla, sitten painan Ctrl+T (Win) / Command+T (Mac) saadakseni esiin Free Transform -ruudun ja sen ympärillä olevat kahvat. Kääntääkseni sitä napsautan rajauslaatikon ulkopuolella ja vedän hiirellä. Tällä kertaa käännän kirjainta myötäpäivään. Kun olen valmis, painan Enteriä (Win) / Returnia (Mac) näppäimistöllä hyväksyäkseni muutoksen ja poistuakseni Free Transformista:

Kakkoskirjaimen 'e' kiertäminen Free Transformilla. Kuva © 2011 Photoshop Essentials.com.

Kakkoskirjaimen ”e” kääntäminen, tällä kertaa myötäpäivään.

Mitä jos haluan kääntää kirjaimen joko vaaka- tai pystysuunnassa? Kun teksti on nyt muoto, se on helppoa! Jälleen minun tarvitsee vain napsauttaa kirjainta Path Selection Tool -työkalulla valitakseni sen. Valitsen sanan toisen kirjaimen ”t”. Sitten painan Ctrl+T (Win) / Command+T (Mac) asettaakseni Free Transform -laatikon ja kahvat sen ympärille. Voit kääntää kirjainta napsauttamalla hiiren kakkospainikkeella (Win) / Control-painikkeella (Mac) missä tahansa asiakirjan sisällä ja valitsemalla jommankumman kahdesta vaihtoehdosta (Käännä vaakasuoraan tai käännä pystysuoraan) avautuvan valikon alareunasta. Valitsen Flip Horizontal:

Valitsemalla Flip Horizontal kontekstivalikosta. Kuva © 2011 Photoshop Essentials.com.

Valinta Flip Horizontal (Käännä vaakasuoraan) kontekstivalikosta.

Hyväksyn muutoksen painamalla Enteriä (Win) / Returnia (Mac), ja näin kirjain on käännetty:

Sanan kirjain on käännetty vaakasuoraan. Kuva © 2011 Photoshop Essentials.com.

Toinen kirjain ”t” on nyt edessä olevan kirjaimen peilikuva.

Kirjaimen skaalaamiseksi (koon muuttamiseksi) napsauta sitä taas yksinkertaisesti Path Selection Tool -työkalulla ja paina sitten Ctrl+T (Win) / Command+T (Mac) saadaksesi esiin Free Transform (Vapaa muuntaja). Napsauta mitä tahansa neljästä kulmakahvasta, pidä Shift-näppäintä alhaalla, jotta kirjaimen alkuperäinen muoto säilyy, kun muutat sen kokoa, ja vedä sitten kahvaa saadaksesi kirjaimen suuremmaksi tai pienemmäksi. Pidä Alt (Win) / Option (Mac) -näppäin alhaalla myös vetäessäsi kahvaa, jos haluat muuttaa kirjaimen kokoa sen keskipisteestä. Tässä skaalaan kirjainta ”r” ja teen siitä suuremman. Hyväksy muutos painamalla Enter (Win) / Return (Mac), kun olet valmis:

R-kirjaimen 'r' koon muuttaminen Free Transformilla. Kuva © 2011 Photoshop Essentials.com.

Vetämällä kulmakahvaa ulospäin voit kasvattaa kirjaimen kokoa.

Koska kirjaimet ovat muotoja, eivät pikseleitä, voit jatkaa niiden pyörittämistä, kääntämistä ja skaalaamista niin paljon kuin haluat ilman, että kuvan laatu heikkenee, joten voit vapaasti jatkaa kirjainten valitsemista ja leikkimistä Free Transform -ohjelmalla, kunnes olet tyytyväinen tuloksiin. Voit myös tarvittaessa siirtää kirjaimia asiakirjan sisällä yksinkertaisesti valitsemalla ne Path Selection Tool -työkalulla ja vetämällä niitä hiirellä. Vapaata muunnosta ei tarvita, jos teet vain kirjaimen siirtämisen.

Kun olet lopettanut muunnoksen ja kirjainten siirtämisen, poista muodon valinta napsauttamalla mitä tahansa muuta kerrosta Layers-paneelissa. Tämä poistaa kirjaimista kaikki näkyvät ääriviivat tai kiinnityspisteet. Koska asiakirjassani on vain kaksi kerrosta, valitsen taustatason klikkaamalla sitä:

Taustatason valitseminen Photoshopissa. Kuva © 2011 Photoshop Essentials.com.

Klikkaa toista kerrosta piilottaaksesi ääriviivat tai ankkuripisteet kirjainten ympäriltä, kun olet valmis.

Tältä sanani näyttää nyt sen jälkeen, kun olen sekoittanut kirjaimia hieman lisää Free Transform -ohjelmalla:

Käännä, käännä ja skaalaa kirjaimia sanassa Photoshopilla. Kuva © 2011 Photoshop Essentials.com.

Lopputulos.

Missä mennään seuraavaksi…

Ja siinä se on! Tutustu Tekstitehosteet- tai Valokuvatehosteet-osioihimme saadaksesi lisää Photoshop-efektien opetusohjelmia!

Saat kaikki Photoshop-oppaamme PDF-tiedostoina! Lataa ne jo tänään!

Vastaa

Sähköpostiosoitettasi ei julkaista.