How-To Geek -oppaasta Learning Photoshop, osa 7: Suunnittelu ja Typografia

Sisällysluettelo:

How-To Geek -oppaasta Learning Photoshop, osa 7: Suunnittelu ja Typografia
How-To Geek -oppaasta Learning Photoshop, osa 7: Suunnittelu ja Typografia

Video: How-To Geek -oppaasta Learning Photoshop, osa 7: Suunnittelu ja Typografia

Video: How-To Geek -oppaasta Learning Photoshop, osa 7: Suunnittelu ja Typografia
Video: iPhone ja iPad hyötykäyttö, iOS 14 uutuudet - ENTER ry:n tietoisku - YouTube 2024, Huhtikuu
Anonim
Ohjelmat, kuten Photoshop, ovat mahdollistaneet uuden sukupolven mahdolliset suunnittelijat hyppäämään ja luomaan helpommin kuin koskaan ennen. Katso, kuinka helppoa on oppimalla Tyyppimerkkipaneelia ja soveltaen sitä tiettyyn perusrakenteeseen.
Ohjelmat, kuten Photoshop, ovat mahdollistaneet uuden sukupolven mahdolliset suunnittelijat hyppäämään ja luomaan helpommin kuin koskaan ennen. Katso, kuinka helppoa on oppimalla Tyyppimerkkipaneelia ja soveltaen sitä tiettyyn perusrakenteeseen.

Ottaessasi tekstityökalun lyhyesti osaan 1, Työkalupakki ja tekstisisältöjen luominen osassa 3, Tasot, tutustu tarkemmin typografian asettamiseen Photoshopiin. Tietenkin, jos olet unohtanut osan How-To Geek -oppaasta Learning Photoshop -ohjelmaan, jokainen niistä on edelleen käytettävissä tässä linkitetyssä linkissä.

Fontit ja merkistöpaneeli

Vaikka vektoriohjelmat, kuten Adobe Illustrator, ovat ylivoimaisia valintoja abstraktin muodon, kuten fonttien, käsittelemiseen, Photoshop ei ole Slouch Typography-osastolla. Se pystyy lähes kaiken typografisen käsittelyn Illustrator kykenee, ja jotkut, että se ei ole.

Hahmopaneeli löytyy valitsemalla Ikkuna> Merkki, jos se ei ole jo oikealla puolella. Siinä on runsaasti vaihtoehtoja tekstillesi, mihin mennään nyt. Huomaa, että tässä osassa on monimutkaisia typografisia termejä, joita et ehkä tiedä. Harjoittele tyyppikilpailun termejä How-To Geek -artikkelilla, "Ymmärrä typografiaa kuin ammattimainen suunnittelija" tai yksinkertaisesti jatka lukemista.
Hahmopaneeli löytyy valitsemalla Ikkuna> Merkki, jos se ei ole jo oikealla puolella. Siinä on runsaasti vaihtoehtoja tekstillesi, mihin mennään nyt. Huomaa, että tässä osassa on monimutkaisia typografisia termejä, joita et ehkä tiedä. Harjoittele tyyppikilpailun termejä How-To Geek -artikkelilla, "Ymmärrä typografiaa kuin ammattimainen suunnittelija" tai yksinkertaisesti jatka lukemista.

Fonttiperhe: Jos valitsit fontin, johon tekstisisältösi asetetaan, esimerkiksi Helvetica, Arial, Times New Roman jne.

Fonttityyli: Jos olet asentanut fonttiperheet, "fonttityylisi" voi olla aktiivinen, tässä voit valita saman kasvon vaihtoehtoiset versiot. Esimerkiksi Arial Bold, Arial Narrow, Arial Condensed, Arial Pyöristetty MT, Arial Black jne.

Fonttikoko: Missä fontin kokoa voidaan muuttaa numeerisesti. Kirjoita numerot tässä tai käytä avattavaa valikkoa suositeltujen yhteisten pisteiden koon mukaan.

Johtava: Tyypillinen termi kappaleen viivan rivien välillä, asetettu pisteisiin.

kerning: Kirjainten parien vaakasuora etäisyys. Negatiiviset numeeriset arvot sulkevat välilyönnöt merkkien välillä, kun taas positiiviset arvot lisäävät välilyöntiä kirjainten välillä.

Seuranta: Samaten kuin Kerningin käsite, Seuranta säätää yleistä leikkausta koko tekstisisältöön tai useisiin valittuihin kirjaimiin. Voit säätää seurantaa tekstiohjelmassa ja sitten välilyönti yksittäisten kirjainten välillä, jos haluat.

Pystysuora asteikko: Ohjattava tapa venyttää ja puristaa typografia ylös ja alas. Syötä numeeriset arvot prosentteina alkuperäisestä merkkikorkeudesta.

Vaaka-asteikko: Ohjattava tapa venyttää ja typistää typografiaa vasemmalle ja oikealle. Syötä numeeriset arvot prosentteina alkuperäisestä merkkijohdosta.

Baseline Shift: Perusviiva on linja, jonka teksti on "lepää". Siirrä tiettyjä valittuja merkkejä pois perusviivasta, jotta ne näyttäisivät korkeammalta tai pienemmältä kuin loput asetustekstistä.

Tekstin väri: Alue, jolla tekstin kohteen väriä voidaan säätää.

Kieli: Säätää kielen, johon teksti on määritetty, jos ei-englantia merkkejä tarvitaan.

Reunan pehmennys: Tekstin pikselien tekstin määrittämisasetukset säätämällä pikselien sumentumista, jota käytetään tyypin reunojen kuvaamiseen. "Ei mitään" tekee kirjaimia kovan reunuksen pikseleissä, kun taas kaikki muut käyttävät erilaisia anti-aliasing-muotoja.

Faux Lihavoitu ja muut merkistöasetukset

Faux Lihavoitu: Nykyisen fonttisi koko on keinotekoisesti paksuuntunut keinotekoisen lihavoittavan fontin luomiseksi. Tavallisen lihavoittavan fontin käyttäminen Fontti-perheessä tai Fontti-tyylissä on yleensä parempi.
Faux Italic: Nykyinen fontti on keinotekoisesti vinossa oikealle ja luo väärän kursiivisen ulkoasun. Jatkossa on suositeltavaa käyttää varsinaista kursivointitekstiä Fonttiperheessä tai Fontti-tyylissä.
isoja: Muuntaa tyyppisi kaikkiin isoilla kirjaimilla. Erittäin hyödyllinen niissä tapauksissa, joissa on aikaa vievää suuria ja pieniä kirjaimia sisältäviä osia.
Pienet lippikset: Luo vääriä pieniä korkkeja kutistelemalla isojen kirjainten pistekokoa. Kaikki pienet kirjaimet korvataan tekstiobjektin pienillä pääkaupungeilla.
superscript: Muuttaa valitun tekstin tai tekstin objektin yläosaan, kuten tapauksessa 28.
Image
Image
alaindeksi: Muuttaa valitun tekstin tai tekstin objektin alaindeksiin, kuten C: n tapauksessa6H12O6.
Image
Image
Korostaa: Lisää yksinkertaisen alaviivan valitun tekstin tai tekstin objektin alle.
Image
Image
Yliviivaus: Lisää yksinkertainen lakko läpi kaikki valitun tekstin tai tekstin objektin.
Image
Image

Asetuspaneeli ja Tyyppi -työkalu

Jotkin vaihtoehdot, joita ei ole käytettävissä luontopaneelissa, odottavat näytön yläosassa Asetukset-paneelissa, kun käytät Tyyppi -työkalua. Nämä kolme ovat:
Jotkin vaihtoehdot, joita ei ole käytettävissä luontopaneelissa, odottavat näytön yläosassa Asetukset-paneelissa, kun käytät Tyyppi -työkalua. Nämä kolme ovat:
Image
Image
Tekstin suunta: Vaihtaa tekstisisältösi tekstin suunnan joko horisontaalisesti tai pystysuoraan.
Image
Image
Tasaus: Määrittää tekstisisältösi kohdistuksen vasemmalle, keskelle tai oikealle kohdistettuun kohtaan.
Image
Image
Warp-teksti: Säröi tekstisisältöjä yhdeksi useista ennalta määritetyistä, säädettävistä muodoista, kuten bannereista tai muista esineistä.
Image
Image

Yksinkertaisen kirjansuojuksen suunnittelu

Image
Image

Koska muotoilu koskee reaalimaailman sovellusta, katsomme luomalla peruskirjansuojasuunnittelun yhdeksi tärkeimmistä (ei sanoista kiistanalaisista) tieteellisistä kirjoista kaiken aikaa, Luonnon alkuperästä luonnonvalinnan keinoin, Charles Darwin.

Image
Image
tuo taso-työkalun Darwinin kuvan säätämiseen. Vaikka suunnittelu ei välttämättä ole pelkästään elementtien järjestely, tämä yksinkertainen lähestymistapa riittää demonstrointitarkoituksiin.
tuo taso-työkalun Darwinin kuvan säätämiseen. Vaikka suunnittelu ei välttämättä ole pelkästään elementtien järjestely, tämä yksinkertainen lähestymistapa riittää demonstrointitarkoituksiin.
Kun kuva on mustalla, paina Ctrl-painiketta Harmaasävylle kanavasi paneelissa. Tämä luo kuvan koko valkoisen valinnan.
Kun kuva on mustalla, paina Ctrl-painiketta Harmaasävylle kanavasi paneelissa. Tämä luo kuvan koko valkoisen valinnan.

Muokkaa: Jos tiedostosi ei ole vielä harmaasävyllä, mutta RGB- tai CMYK-mallissa, valitse Kuva> Tila> Harmaasävy ennen Ctrl + Napsauttamalla harmaasävytkanavaa. Kiitos HTG-lukijalle l3utterfishille saadakseni tämän huomioni.

Lehdistö
Lehdistö
luoda uusi kerros.
luoda uusi kerros.
Muokkaa> Täytä täyttääksesi valintasi uudessa kerroksessa valkoisella.
Muokkaa> Täytä täyttääksesi valintasi uudessa kerroksessa valkoisella.
Darwinin kuvakuvaksi on nyt poistettu mustasta taustasta ja se on valmis käytettäväksi elementtinä.
Darwinin kuvakuvaksi on nyt poistettu mustasta taustasta ja se on valmis käytettäväksi elementtinä.
Lehdistö
Lehdistö
Image
Image
Image
Image

voit luoda uuden asiakirjan haluamaasi kokoon. Kuvassa näkyvä koko on toinen tärkeä kirja, Robert Bringhurst's Typografisen elementin elementit.

Ja tässä on erittäin kova kirjastotilan työtila.
Ja tässä on erittäin kova kirjastotilan työtila.
Valitse etualan väri
Valitse etualan väri
työkalupalkissa. Mikä tahansa väri riittää, vaikka tässä esittelyssä tumma väri on parempi.
työkalupalkissa. Mikä tahansa väri riittää, vaikka tässä esittelyssä tumma väri on parempi.
Muokkaa> Täytä ja varmasti määritä "Käytä" -asetukseksi "Etualan väri".
Muokkaa> Täytä ja varmasti määritä "Käytä" -asetukseksi "Etualan väri".
Tausta on täynnä aikaisemmin valittua viiniväriä.
Tausta on täynnä aikaisemmin valittua viiniväriä.
Paina pikavalintanäppäintä
Paina pikavalintanäppäintä
. Siirry alkuperäiseen tiedostoon ja vedä kerros uutta tiedostoasi valitulla Siirrä-työkalulla.
. Siirry alkuperäiseen tiedostoon ja vedä kerros uutta tiedostoasi valitulla Siirrä-työkalulla.
Kerroksen pitäisi näyttää jotain tällaista uuden tiedoston sisällä.
Kerroksen pitäisi näyttää jotain tällaista uuden tiedoston sisällä.
Lehdistö
Lehdistö
tai valitse tyyppityökalu, kuvataan edellä aloittaaksesi asetustyyppi.
tai valitse tyyppityökalu, kuvataan edellä aloittaaksesi asetustyyppi.
Kaikki kirjasimet eivät ole sopivia sisällölle. Tämä pikselitetty fontti on erittäin huono tämän käsitteen kannalta.
Kaikki kirjasimet eivät ole sopivia sisällölle. Tämä pikselitetty fontti on erittäin huono tämän käsitteen kannalta.
Konservatiivisempi fontti voi kunnioittaa sisältöä ja luoda sopivamman ilmeen.
Konservatiivisempi fontti voi kunnioittaa sisältöä ja luoda sopivamman ilmeen.
Jopa muutamalla rajoitetulla kirjasimen asetuksella se voi tuntua ylivoimalta. Oikean fontin valitseminen on kuitenkin hankalaa ja aikaa vievää, mutta koko suunnittelun kannalta erittäin tärkeä.
Jopa muutamalla rajoitetulla kirjasimen asetuksella se voi tuntua ylivoimalta. Oikean fontin valitseminen on kuitenkin hankalaa ja aikaa vievää, mutta koko suunnittelun kannalta erittäin tärkeä.
Kun oikea kirjasinta löytyy, säätäminen hiiripaneelilla on yksinkertainen asia.
Kun oikea kirjasinta löytyy, säätäminen hiiripaneelilla on yksinkertainen asia.
Fontin kokoa muutetaan ja tyyppi hajotetaan kahteen riviin.
Fontin kokoa muutetaan ja tyyppi hajotetaan kahteen riviin.
Image
Image
Kun pistekoko on säädetty, voimme törmätä liikkeeseen johtavien ongelmien kanssa.
Kun pistekoko on säädetty, voimme törmätä liikkeeseen johtavien ongelmien kanssa.
Kun kirjaimet törmäävät, lukijoille jää jäljelle luettavuutta ja luettavuutta. Ohjauksen säätö on ainoa vastaus.
Kun kirjaimet törmäävät, lukijoille jää jäljelle luettavuutta ja luettavuutta. Ohjauksen säätö on ainoa vastaus.
Johdon pistekoko kasvattaa otsikon luettavuutta.
Johdon pistekoko kasvattaa otsikon luettavuutta.
Lisätietoa on lisättävä, ja usein Photoshop olettaa, että haluat käyttää samaa kirjasinta kuin viimeisen käytetyn tekstikohteen kohdekoko. Tämä voi olla tai ei.
Lisätietoa on lisättävä, ja usein Photoshop olettaa, että haluat käyttää samaa kirjasinta kuin viimeisen käytetyn tekstikohteen kohdekoko. Tämä voi olla tai ei.
Uusia tekstisisältöjä lisätään ja säädetään, voimme aloittaa suunnittelumme kokonaisuudessaan.
Uusia tekstisisältöjä lisätään ja säädetään, voimme aloittaa suunnittelumme kokonaisuudessaan.
Saatat löytää haluamme siirtää elementtejä.
Saatat löytää haluamme siirtää elementtejä.
Voimme myös lisätä lisää elementtejä tai hienovaraisen tekstin siirtämistä, jotta sivu pysyy johdonmukaisena. Teksti-työkalun avulla voit myös säätää kirjoitusvirheitä, kuten kirjaimet "Luonnolliset" ja "Valinnat" merkinnät, jotka tarvitsevat kirjautumisen otsikossa.
Voimme myös lisätä lisää elementtejä tai hienovaraisen tekstin siirtämistä, jotta sivu pysyy johdonmukaisena. Teksti-työkalun avulla voit myös säätää kirjoitusvirheitä, kuten kirjaimet "Luonnolliset" ja "Valinnat" merkinnät, jotka tarvitsevat kirjautumisen otsikossa.
Lisäelementit voivat myös auttaa muotoilussa, kuten Lucyn luuranko, kuuluisa Australopithecus afarensis. Jälleen, suunnittelu ei välttämättä ole yksinkertainen elementtien yhdistelmä, koska se voi liittyä prosessin Photoshop on täysin kykenemätön. Se on kuitenkin usein erinomainen työkalu tällaiseen grafiikkotyöhön.
Lisäelementit voivat myös auttaa muotoilussa, kuten Lucyn luuranko, kuuluisa Australopithecus afarensis. Jälleen, suunnittelu ei välttämättä ole yksinkertainen elementtien yhdistelmä, koska se voi liittyä prosessin Photoshop on täysin kykenemätön. Se on kuitenkin usein erinomainen työkalu tällaiseen grafiikkotyöhön.

Photoshopin vinkit jättivät sinut sekaisin? Aloita alussa! Tutustu How-To Geek -oppaaseen Learning Photoshopin edellisiin erätapoihin.

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

Tule takaisin How-To Geek -ohjelmaan Photoshop-oppaan oppaan lopullisista osista, jossa pääset tutustumaan oppaaseen tutustumalla Photoshopin suodattimiin.

Kuvauskysymys: Julia Margaret Cameronin Darwini julkisesti. Lucy Wikipedia-käyttäjän 120 kautta, joka on saatavana Creative Commons -tietokannan mukaan.

Suositeltava: