How-To Geek opas Photoshopin, osa 7 Suunnittelu ja typografia

Photoshopin kaltaiset ohjelmat ovat mahdollistaneet uusien sukupolvien tulevien suunnittelijoiden hyppäämisen ja luomisen helpommin kuin koskaan ennen. Katso, kuinka helppoa on Tyyppimerkki-paneelin oppiminen ja soveltaminen joihinkin perussuunnittelutöihin.

Tarkasteltaessa tekstityökalua lyhyesti osassa 1, Työkalupakki ja tekstiobjektien luominen osassa 3, Tasot, tarkastellaan lähemmin, miten typografia asetetaan Photoshopissa. Tietenkin, jos olet unohtanut osan Photoshopin oppimisen oppaan oppaasta, kukin on edelleen käytettävissä tässä linkitetyssä linkissä.

Kirjasimet ja merkkipaneeli

Vaikka Adobe Illustratorin kaltaiset vektoriohjelmat ovat erinomaisia valintoja abstraktien muotojen käsittelyyn, kuten fontit, Photoshop ei ole tyypillistä Typography-osastossa. Se kykenee lähes mihin tahansa typografiseen käsittelyyn, jota Illustrator pystyy, ja jotkut eivät.

Merkkipaneeli löytyy siirtymällä kohtaan Window> Character, jos se ei ole jo oikealla puolella. Se on runsaasti tekstin vaihtoehtoja, joita me nyt mennään. Varoitetaan, että tässä osassa on monimutkaisia typografisia termejä, joita saatat tuntea. Harjaa typografiset termit How-To Geek -artikkelissa, ”Ymmärrä typografia kuin ammattimainen suunnittelija”, tai yksinkertaisesti pidä lukemista.

Kirjasinperhe: Kun valitsit fontin, jonka tekstiobjekti on asetettu esimerkiksi Helvetica, Arial, Times New Roman jne.

Fonttityyli: Jos olet asentanut kirjasinperheet, fonttisi voi olla aktiivinen, joten voit valita vaihtoehtoiset versiot samasta kasvot. Esimerkiksi Arial Bold, Arial kapea, Arial Condensed, Arial pyöristetty MT, Arial Black jne..

Fonttikoko: Missä voit muokata fonttisi kokoa. Kirjoita numerot tähän tai käytä ehdotettujen yhteisten pistekokojen pudotusvalikkoa.

Johtava: Kohtaustekstin rivien välisen tilan painopiste, joka on asetettu pisteisiin.

kerning: Horoskooppiväli kirjainparien välillä. Negatiiviset numeeriset arvot sulkevat merkkien väliset välit, kun taas positiiviset arvot lisäävät välilyöntiä kirjainten välillä.

Seuranta: Kerningin käsitteen tapaan Tracking säätää yleistä kerningiä koko tekstikohteeseen tai useisiin valittuihin kirjaimiin. Voit säätää seurantaa tekstiobjektissa ja sitten kernin välillä yksittäisten kirjainten välillä, jos haluat.

Vertikaalinen mittakaava: Ohjattu tapa venyttää ja squashata typografiaa ylös ja alas. Syötä numeeriset arvot tähän prosentteina alkuperäisestä merkkikorkeudesta.

Vaaka-asteikko: Ohjattu tapa venyttää ja squashia vasemmalle ja oikealle. Syötä numeeriset arvot tähän prosenttiin alkuperäisestä merkin leveydestä.

Baseline Shift: Perusviiva on linja, jossa teksti "lepää". Siirrä tietyt valitut merkit pois perusviivasta, jotta ne näkyisivät korkeammilta tai alemmilta kuin asetettu teksti.

Tekstin väri: Alue, jossa tekstikohteen väriä voidaan säätää.

Kieli: Säätää tekstin kielen, jos tarvitaan muita kuin englanninkielisiä merkkejä.

Reunan pehmennys: Vaihtoehdot tekstin esittämiseksi pikseleinä säätämällä tyypin reunoja kuvaavan pikselin sumennuksen määrää. ”Ei mitään” tekee kirjaimet kovakärkisissä pikseleissä, kun taas kaikki muut käyttävät erilaisia anti-alias-muotoja.

Faux Bold ja muut merkkipaneelin asetukset

	Faux Bold: Nykyisen fontin koko on keinotekoisesti sakeutunut, jotta syntyy keinotekoinen lihavoitu fontti. Varsinaisen lihavoidun fontin käyttäminen Fonttiperheessä tai Fonttityylissä on yleensä suositeltavaa.
	Faux Italic: Nykyinen fonttisi on keinotekoisesti vinossa oikealle ja luo väärän kursiivin. Jälleen on suositeltavaa käyttää todellista kursiivia, joka on "Font Family" - tai "Font Style" -tekstissä.
	isoja: Muuntaa tyypin kaikkiin isoihin kirjaimiin. Erittäin hyödyllinen niissä tapauksissa, joissa on aikaa vievää kirjoittaa suuria ja pieniä kirjaimia suurille osille.
	Pienet korkit: Luo vääriä pieniä korkkeja pienentämällä isojen kirjaimien pistekokoa. Kaikki pienet kirjaimet korvataan tekstikohteesi näillä pienemmillä pääkaupungeilla.
	superscript: Muuttaa valitun tekstin tai tekstiobjektin ylätunnisteeksi, kuten 2 tapauksessa⁸.
	alaindeksi: Muuttaa valitun tekstin tai tekstiobjektin aliindeksiksi, kuten C: n tapauksessa₆H₁₂O₆.
	Korostaa: Lisää valitun tekstin tai tekstiobjektin alle yksinkertaisen alaviivan.
	Yliviivaus: Lisää yksinkertaisen iskun läpi valitun tekstin tai tekstiobjektin.

Asetukset-paneeli ja tyyppi -työkalu

Jotkin vaihtoehdot, joita ei ole käytettävissä Merkkipaneelissa, odottavat näytön yläosassa, Asetukset-paneelissa, kun käytät Tyyppi-työkalua. Nämä kolme ovat:

	Tekstin suunta: Vaihtaa tekstiobjektin tekstin suunnan vaakasuunnassa tai pystysuunnassa.
	Tasaus: Asettaa tekstiobjektin kohdistuksen joko vasemmanpuoleiselle, keskelle kohdistetulle tai oikealle kohdistetulle.
	Loimi teksti: Kiristää tekstiobjektit yhdeksi useista ennalta määritetyistä, säädettävistä muodoista, kuten banneristä tai muista kohteista.

Yksinkertaisen kirjan kannen suunnittelu

Koska muotoilu on todellisessa maailmassa sovellettavaa, tarkastelemme perustavanlaatuisen kirjan kannen suunnittelua yhdelle tärkeimmistä (ei mielestäni kiistanalaisista) kaikkien aikojen tieteellisistä kirjoista., Lajin alkuperä luonnollisella valinnalla, Charles Darwin.

tuo tasolle työkalun Darwinin kuvan säätämiseen. Vaikka muotoilu ei ole välttämättä yksinkertaisesti elementtien järjestämistä, tämä yksinkertaistettu lähestymistapa riittää demonstrointitarkoituksiin.

Kun kuva on musta, Ctrl klikkaa kanavapaneelin Harmaa-kanavaa. Tämä luo valinnan kaikista valkoisista kuvassa.

Muokkaa: Jos tiedosto ei ole jo harmaasävyssä, mutta RGB tai CMYK, sinun on siirryttävä kuvaan> Tila> Harmaasävy ennen Ctrl + napsauttamalla harmaasävykanavaa. Kiitos HTG-lukijalle l3utterfish siitä, että sain tämän huomioni.

Lehdistö luoda uusi kerros.

Muokkaa> Täytä, jos haluat täyttää uuden kerroksen valinnan valkoisella.

Darwinin kuvakuva poistetaan nyt mustasta taustasta ja on valmis käytettäväksi elementtinä.

Lehdistö luoda uusi asiakirja haluamassasi koossa. Kuvitettu koko on saman kokoinen toinen tärkeä kirja, Robert Bringhurst's Typografisen tyylin elementit.

Ja tässä on erittäin pitkä työtila kirjekuorelle.

Valitse etualan väri työkalupakissa. Mikä tahansa väri riittää, vaikka tässä esittelyssä on suositeltavaa käyttää tummaa väriä.

Muokkaa> Täytä ja varmista, että asetat ”Käytä” -asetukseksi ”Etualan väri”.

Taustalla on aikaisemmin valittu viinin väri.

Paina pikanäppäintä . Siirry alkuperäiseen tiedostoon ja vedä kerros uuteen tiedostoon valitsemalla Siirrä työkalu.

Kerroksen pitäisi näkyä uudessa tiedostossa jotain tällaista.

Lehdistö tai valitse haluamasi tyyppi, Illustrated yläpuolella aloittaaksesi asetustyypin.

Kaikki fontit eivät sovellu sisältöön. Tämä pixeloitu fontti on erittäin huono tämän käsitteen kannalta.

Konservatiivisempi fontti voi kunnioittaa sisältöä ja luoda sopivamman ulkoasun.

Jopa muutaman rajoitetun fonttiasetuksen avulla se voi tuntua ylivoimaiselta. Oikean fontin poiminta on kuitenkin vaikeaa ja aikaa vievää, mutta se on hyvin tärkeää suunnittelun kannalta.

Kun oikea fontti löytyy, sen säätäminen merkkipaneelilla on yksinkertainen asia.

Kirjasinkokoa muutetaan ja tyyppi on jaettu kahteen riviin.

Kun pistekokoa säädetään, saatamme joutua johtaviin ongelmiin.

Kun kirjaimet törmäävät, lukijoille jää lukukelpoisuus ja luettavuus. Johtamisen säätäminen on ainoa vastaus.

Johdon pistekoon lisääminen parantaa otsikon luettavuutta.

Lisäinformaatiota on lisättävä, ja Photoshopissa oletetaan, että haluat käyttää samaa fonttia kuin pistekoon kuin viimeksi käytetty tekstiobjekti. Näin voi olla tai ei.

Uusia tekstiobjekteja lisättiin ja säädetään, voimme aloittaa pääsyn koko suunnitteluun.

Saatamme löytää haluamme siirtää elementtejä.

Voimme myös lisätä enemmän elementtejä tai hienovaraisen siirtymävaiheen tekstiä, jotta sivu pysyy yhtenäisenä. Tekstityökalun avulla voit myös säätää kirjoitusvirheitä, kuten kirjaimet "Luonnolliset" ja "Valinta", jotka tarvitsevat otsikon.

Lisäelementit voivat myös auttaa suunnittelua, kuten Lucyn kuuluisaa Australopithecus afarensisin luurankoa. Jälleen muotoilu ei välttämättä ole yksinkertainen yhdistelmä elementtejä, koska se voi sisältää prosessin Photoshop on täysin kykenemätön. Se on kuitenkin usein erinomainen työkalu tällaiseen grafiikkatyöhön.

Photoshopin vinkit jättivät sinut hämmentyneeksi? Aloita alusta! Tutustu Photoshopin oppimisen oppaan aiempiin osiin.

Osa 1: Työkalupakki
Osa 2: Peruspaneelit
Osa 3: Johdatus kerroksiin
Osa 4: Perusvalikot
Osa 5: Aloittelijan valokuvien muokkaus
Osa 6: Digitaalinen taide
Osa 7: Suunnittelu ja typografia
Osa 8: Suodattimet

Tule takaisin How-To Geekiin Photoshop-oppaan oppaan lopullisiin eriin, jossa me opastamme oppaamme tarkastelemalla Photoshopin suodattimia.

Kuvaluotto: Julia Margaret Cameron, Darwin. Wikipedian käyttäjän 120 Lucy, joka on saatavana Creative Commonsin kautta.