Kako doći Geek Vodič za učenje Photoshop, Dio 7: Dizajn i tipografija

Sadržaj:

Kako doći Geek Vodič za učenje Photoshop, Dio 7: Dizajn i tipografija
Kako doći Geek Vodič za učenje Photoshop, Dio 7: Dizajn i tipografija

Video: Kako doći Geek Vodič za učenje Photoshop, Dio 7: Dizajn i tipografija

Video: Kako doći Geek Vodič za učenje Photoshop, Dio 7: Dizajn i tipografija
Video: आर्य अष्टांगिक मार्ग.. भिक्खु मैत्रेय मेत्ता बोधी . भारत. 2024, Travanj
Anonim
Programi poput Photoshopa omogućili su novim generacijama budućih dizajnera da skoče i kreiraju s lakoćom nego ikad prije. Pogledajte kako je lako učiti ploču Character Character i primijeniti ga na neki osnovni projektni rad.
Programi poput Photoshopa omogućili su novim generacijama budućih dizajnera da skoče i kreiraju s lakoćom nego ikad prije. Pogledajte kako je lako učiti ploču Character Character i primijeniti ga na neki osnovni projektni rad.

Nakon kratkog pokrivanja alata za tekst u Dijelu 1, Alatnom okviru i stvaranju tekstualnih objekata u Dijelu 3, Slojevi, pokušajte bliže pogledati kako postaviti tipografiju u Photoshopu. Naravno, ako ste propustili bilo koji dio Kako-To Geek Vodiča za učenje Photoshop, svaki je još uvijek dostupan u ovoj povezanoj vezi.

Krstionica i ploča znakova

Dok vektorski programi poput Adobe Illustratera su vrhunski izbori za rukovanje apstraktnim oblicima kao što su fontovi, Photoshop se ne smije pomaknuti u odjelu Tipografija. Sposoban je za gotovo bilo koji tipografski tretman koji je Illustrator sposoban, a neki koji to nisu.

Ploča s likovima može se pronaći ako odete na prozor> Karakter, ako već niste na desnom dijelu ploče. Bogat je opcijama za vaš tekst, koji ćemo sada proći. Budite upozoreni, da ovaj odjeljak sadrži složene tipografske izraze koje možda znate ili možda ne znate. Brusite svoje termine tipografije s člancima Kako-To Geek, "Razumjeti tipografiju kao profesionalni dizajner", ili jednostavno nastavite čitati.
Ploča s likovima može se pronaći ako odete na prozor> Karakter, ako već niste na desnom dijelu ploče. Bogat je opcijama za vaš tekst, koji ćemo sada proći. Budite upozoreni, da ovaj odjeljak sadrži složene tipografske izraze koje možda znate ili možda ne znate. Brusite svoje termine tipografije s člancima Kako-To Geek, "Razumjeti tipografiju kao profesionalni dizajner", ili jednostavno nastavite čitati.

Obitelj fontova: Gdje ste odabrali font koji je postavljen vaš tekstni objekt, na primjer, Helvetica, Arial, Times New Roman itd.

Stil fonta: Ako imate instalirane fontske obitelji, vaš "stil fonta" može biti aktivan, tamo možete odabrati alternativne verzije istog lica. Na primjer, Arial Bold, Arial Narrow, Arial Condensed, Arial okrugli MT, Arial Black, itd.

Veličina fonta: Gdje možete numerički mijenjati veličinu fonta. Upišite brojeve ovdje ili koristite padajući izbornik za predložene zajedničke veličine točaka.

Vodeći: Tipografski izraz za razmak između redaka teksta odlomka, postavljenih u točkama.

sljubljivanje: Horizontalni razmak između parova slova. Negativne numeričke vrijednosti ovdje će zatvoriti razmake između znakova dok će pozitivne vrijednosti dodati razmak između slova.

Praćenje: Slično kao i pojam razgraničenja, praćenje prilagođava opće kerning preko cijelog teksta ili preko nekoliko odabranih slova. Možete prilagoditi praćenje na tekstualnom objektu, a zatim kern između pojedinačnih slova, ako to želite.

Okomita skala: Kontrolirani način za rastezanje i gubljenje tipografije gore-dolje. Unesite brojčane vrijednosti ovdje u postotku originalne visine znakova.

Horizontalna skala: Kontrolirani način za istezanje i gubljenje tipografije s lijeve i desne strane. Unesite brojčane vrijednosti ovdje u postotku originalne širine znakova.

Osnovni pomak: Osnovna crta je linija na kojoj tekst "počiva". Premjestite određene odabrane znakove iz osnovne linije da bi se prikazivale više ili niže od ostatka postavljenog teksta.

Boja teksta: Područje na kojem se može prilagoditi boja teksta.

Jezik: Podešava jezik na kojem je tekst postavljen, u slučaju da su potrebni engleski znakovi.

Anti-aliasing: Opcije za prikaz teksta u pikselima podešavanjem količine zamućenja piksela koja se koristi za opisivanje rubova tipa. "None" nosi slova u oštricama piksela, dok svi ostali koriste različite oblike protu-aliasiranja.

Faux Bold i druge opcije ploče s karama

Faux Bold: Veličina tekućeg fonta umjetno je zadebljana kako bi se stvorio umjetni podebljan font. Općenito je poželjno koristiti stvarni podebljan font u "Font Family" ili "Font Style".
Faux Italic: Vaš trenutni font umjetno je koso desno, stvarajući lažni kurziv izgled. Ponovno je poželjno koristiti stvarni kurziv font u "Font Family" ili "Font Style".
Velika slova: Pretvara vašu vrstu u sve velika slova. Vrlo korisno u onim slučajevima gdje vrijeme traje da ponovno zadaju velike dijelove gornjeg i malog slova.
Male kape: Stvara lažne male kape smanjivanjem točke veličine velikih slova. Sva malena slova bit će zamijenjena ovim manjim velikim slovima u svojem tekstualnom objektu.
eksponent: Promjena odabranog teksta ili teksta u superscript, kao u slučaju 28.
Image
Image
indeks: Promjena odabranog teksta ili teksta u podskup, kao u slučaju C6H12O6.
Image
Image
Naglasiti: Dodaje jednostavnu podvlaku ispod odabranog teksta ili tekstualnog objekta.
Image
Image
precrtano: Dodavanje jednostavnog štrajka kroz sav odabrani tekst ili tekstualni objekt.
Image
Image

Ploča Mogućnosti i Alat za vrstu

Neke opcije koje nisu dostupne na ploči znakova čekaju na vrhu zaslona, na ploči Mogućnosti, kada koristite alat Vrsta. Ta tri su:
Neke opcije koje nisu dostupne na ploči znakova čekaju na vrhu zaslona, na ploči Mogućnosti, kada koristite alat Vrsta. Ta tri su:
Image
Image
Orijentacija teksta: Uključuje smjer kojim se tekst u tekstualnom objektu pokreće, vodoravno ili okomito.
Image
Image
Poravnanje: Postavlja poravnanje vašeg tekstualnog objekta bilo na lijevo-usklađeno, središnje poravnato ili u redu poravnato.
Image
Image
Warp tekst: Ograničava tekstne objekte u jedan od nekoliko unaprijed definiranih, podesivih oblika, poput bannera ili drugih objekata.
Image
Image

Projektiranje jednostavnog naslova knjige

Image
Image

Budući da je dizajn vezan uz primjenu u stvarnom svijetu, proučit ćemo stvaranje osnovnog dizajna knjige za jednu od najvažnijih znanstvenih knjiga svih vremena (ne govorimo kontroverznim) O podrijetlu vrsta sredstvima prirodne selekcije, Charles Darwin.

Image
Image
donosi alate razine za prilagodbu slike Darwina. Iako dizajn nije nužno samo o rasporedu elemenata, ovaj jednostavni pristup će biti dovoljan za demonstracijske svrhe.
donosi alate razine za prilagodbu slike Darwina. Iako dizajn nije nužno samo o rasporedu elemenata, ovaj jednostavni pristup će biti dovoljan za demonstracijske svrhe.
Kada je slika zamračena, na ploči kanala Ctrl kliknite Sivi kanal. To stvara izbor svih bijelih na slici.
Kada je slika zamračena, na ploči kanala Ctrl kliknite Sivi kanal. To stvara izbor svih bijelih na slici.

Uredi: Ako vaša datoteka već nije u sivim tonovima, ali RGB ili CMYK, idite na Slika> Način rada> Sivi tonovi prije Ctrl + Klikom na vaš kanal u sivim tonovima. Zahvaljujući HTG čitaču l3utterfish za privlačenje ove pozornosti.

tisak
tisak
stvoriti novi sloj.
stvoriti novi sloj.
Uredi> Ispuni da biste ispunili odabir u novom sloju s bijelom bojom.
Uredi> Ispuni da biste ispunili odabir u novom sloju s bijelom bojom.
Fotografija ikone Darwina sada je uklonjena s crne pozadine i spremna za upotrebu kao element.
Fotografija ikone Darwina sada je uklonjena s crne pozadine i spremna za upotrebu kao element.
tisak
tisak
Image
Image
Image
Image

za izradu novog dokumenta po željenoj veličini. Ilustrirana veličina je iste veličine još jedne važne knjige, Roberta Bringhurstova Elementi tipografskog stila.

I ovdje je naš vrlo visok radni prostor za naslovnicu.
I ovdje je naš vrlo visok radni prostor za naslovnicu.
Izaberite boju u prvom planu u
Izaberite boju u prvom planu u
u vašem alatni okvir. Bilo koja boja će biti dovoljna, iako je u ovoj demonstraciji poželjna tamna boja.
u vašem alatni okvir. Bilo koja boja će biti dovoljna, iako je u ovoj demonstraciji poželjna tamna boja.
Uredi> Ispunite i bit ćete sigurni da postavite "Koristi" u "Prednost boja".
Uredi> Ispunite i bit ćete sigurni da postavite "Koristi" u "Prednost boja".
Pozadina je ispunjena bojom vina odabrana ranije.
Pozadina je ispunjena bojom vina odabrana ranije.
Image
Image

Pritisnite tipku prečaca

, Idite do izvorne datoteke i povucite sloj u novu datoteku pomoću odabranog Alata za premještanje.
, Idite do izvorne datoteke i povucite sloj u novu datoteku pomoću odabranog Alata za premještanje.
Sloj bi trebao izgledati ovako u novoj datoteci.
Sloj bi trebao izgledati ovako u novoj datoteci.
tisak
tisak
ili odaberite alat tipa, gore ilustriran za početak vrste postavki.
ili odaberite alat tipa, gore ilustriran za početak vrste postavki.
Nisu svi fontovi prikladni za sadržaj. Ovaj pixelated font je vrlo loš za ovaj koncept.
Nisu svi fontovi prikladni za sadržaj. Ovaj pixelated font je vrlo loš za ovaj koncept.
Više konzervativni font može poštovati sadržaj i stvoriti prikladniji izgled.
Više konzervativni font može poštovati sadržaj i stvoriti prikladniji izgled.
Čak i nekoliko ograničenih opcija fonta instalirane, može se činiti neodoljivima. Međutim, odabir pravog slova je teško i dugotrajan, ali je vrlo važan dio dizajna.
Čak i nekoliko ograničenih opcija fonta instalirane, može se činiti neodoljivima. Međutim, odabir pravog slova je teško i dugotrajan, ali je vrlo važan dio dizajna.
Kada se pronađe pravi fonta, podešavanje pomoću ploče znakova jednostavna je stvar.
Kada se pronađe pravi fonta, podešavanje pomoću ploče znakova jednostavna je stvar.
Veličina fonta promijenjena je, a vrsta je podijeljena u dvije linije.
Veličina fonta promijenjena je, a vrsta je podijeljena u dvije linije.
Image
Image
Kada se prilagodi veličinu točke, možemo se suočiti s problemima s vodećim.
Kada se prilagodi veličinu točke, možemo se suočiti s problemima s vodećim.
Kada se slova sudaraju, čitatelji će ostati čitljivosti i čitljivosti. Prilagođavanje je jedini odgovor.
Kada se slova sudaraju, čitatelji će ostati čitljivosti i čitljivosti. Prilagođavanje je jedini odgovor.
Povećanje točke veličine vodeća poboljšava čitljivost naslova.
Povećanje točke veličine vodeća poboljšava čitljivost naslova.
Dodatne informacije morat će se dodati, a često i Photoshop pretpostavlja da želite upotrijebiti isti font kao veličina točke kao posljednji upotrijebljeni tekstualni objekt. To može biti ili ne mora biti slučaj.
Dodatne informacije morat će se dodati, a često i Photoshop pretpostavlja da želite upotrijebiti isti font kao veličina točke kao posljednji upotrijebljeni tekstualni objekt. To može biti ili ne mora biti slučaj.
Dodani i prilagođeni novi tekstni objekti, možemo pristupiti našem dizajnu u cjelini.
Dodani i prilagođeni novi tekstni objekti, možemo pristupiti našem dizajnu u cjelini.
Možda ćemo željeti premjestiti elemente.
Možda ćemo željeti premjestiti elemente.
Možemo također dodati više elemenata ili teksta pomaka u suptilnosti, kako bismo održali dosljednu liniju na stranici. Alat za tekst također će vam omogućiti prilagodbu pogrešaka pri upisu, poput slova "Sredstva" "Prirodna" i "Izbor" koji trebaju kapitalizirati naslov.
Možemo također dodati više elemenata ili teksta pomaka u suptilnosti, kako bismo održali dosljednu liniju na stranici. Alat za tekst također će vam omogućiti prilagodbu pogrešaka pri upisu, poput slova "Sredstva" "Prirodna" i "Izbor" koji trebaju kapitalizirati naslov.
Dodatni elementi također mogu pomoći dizajnu, poput ovog kostura Lucy, poznatog Australopithecus afarensis. Opet, dizajn nije nužno jednostavna kombinacija elemenata, jer to može uključivati proces Photoshop je potpuno nesposoban. Međutim, često je to izvrstan alat za ovu vrstu grafičkog rada.
Dodatni elementi također mogu pomoći dizajnu, poput ovog kostura Lucy, poznatog Australopithecus afarensis. Opet, dizajn nije nužno jednostavna kombinacija elemenata, jer to može uključivati proces Photoshop je potpuno nesposoban. Međutim, često je to izvrstan alat za ovu vrstu grafičkog rada.

Savjeti za Photoshop ostavili su vas zbunjenima? Počnite na početku! Provjerite prethodne obroke Kako doći do Geek Vodič za učenje Photoshop.

  • Dio 1: Toolbox
  • Dio 2: Osnovne ploče
  • Dio 3: Uvod u slojeve
  • Dio 4: Osnovni izbornici
  • Dio 5: Početno uređivanje fotografija
  • Dio 6: Digitalna umjetnost
  • Dio 7: Dizajn i tipografija
  • Dio 8: Filteri

Vratite se na How-To Geek za završne obroke Vodiča za učenje Photoshopa, gdje ćemo završiti naš vodič s pregledom Filteri Photoshopa.

Image Credit: Darwin od Julie Margaret Cameron, u javnoj domeni. Lucy od korisnika Wikipedije 120, dostupan pod Creative Commons.

Preporučeni: