Kako da Geek Vodič za učenje Photoshop, Dio 7 Dizajn i tipografija

Programi kao što je Photoshop omogućili su novim generacijama potencijalnih dizajnera da se lakše i brže kreću nego ikada prije. Pogledajte kako je jednostavno tako što ćete naučiti ploču s tipovima znakova i primijeniti je na neke osnovne radove dizajna.

Ukratko smo pokrili tekstualni alat u 1. dijelu, Alati i kreiranje tekstualnih objekata u 3. dijelu, Slojevi, pogledajmo detaljnije kako postaviti tipografiju u Photoshopu. Naravno, ako ste propustili bilo koji dio How-To Geek Vodiča za učenje Photoshopa, svaki od njih je još uvijek dostupan u ovoj grupnoj vezi..

Fontovi i ploča znakova

Dok su vektorski programi kao Adobe Illustrator superiorniji izbor za rukovanje apstraktnim oblicima kao što su fontovi, Photoshop nije spušten u odjelu za tipografiju. Sposoban je za gotovo bilo koji tipografski tretman za koji je Illustrator sposoban, a neki za to nije.

Ploča znakova može se pronaći tako da odete u Window> Character, ako već nije na desnoj strani zaslona. Bogat je s mogućnostima za vaš tekst, koje ćemo sada prelistati. Budite upozoreni da ovaj odjeljak sadrži komplicirane tipografske izraze koje možete ili ne morate znati. Očetkajte svoj tipografski članak s člankom How-To Geek, "Razumijem tipografiju kao profesionalnog dizajnera" ili jednostavno nastavite čitati.

Obitelj fontova: Gdje ste odabrali font u kojem je tekstualni objekt postavljen, na primjer, Helvetica, Arial, Times New Roman itd.

Stil fonta: Ako imate instalirane obitelji fontova, vaš "stil fonta" može biti aktivan, ovdje možete odabrati alternativne verzije istog lica. Na primjer, Arial podebljano, Arial usko, Arial sažeto, Arial zaobljeno MT, Arial crno, itd..

Veličina fonta: Gdje možete numerički promijeniti veličinu fonta. Ovdje upišite brojeve ili koristite padajući izbornik za predložene uobičajene veličine točaka.

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

sljubljivanje: Vodoravni 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 konceptu Kerninga, 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 kerner između pojedinačnih slova, ako želite.

Okomita skala: Kontrolirani način rastezanja i gnječenja tipografije gore i dolje. Ovdje unesite brojčane vrijednosti u postocima izvorne visine znaka.

Vodoravna skala: Kontrolirani način rastezanja i gnječenja tipografije lijevo i desno. Ovdje unesite brojčane vrijednosti u postocima izvorne širine znakova.

Osnovni pomak: Osnovna linija je crta na kojoj se tekst nalazi. Premjestite određene odabrane znakove izvan osnovne linije kako bi se pojavili veći ili niži od ostatka postavljenog teksta.

Boja teksta: Područje u kojem se može podesiti boja tekstualnog objekta.

Jezik: Podešava jezik na kojem je tekst postavljen, ako su potrebni znakovi koji nisu engleski.

Anti-aliasing: Opcije za prikazivanje teksta u pikselima podešavanjem količine zamućenja piksela koja se koristi za opisivanje rubova tipa. “None” prikazuje slova u tvrdim oštrim pikselima, dok svi ostali koriste različite oblike anti-aliasinga.

Faux Bold i druge opcije na ploči znakova

	Faux Bold: Veličina vašeg trenutnog fonta je umjetno obložena kako bi se stvorio umjetni podebljani font. Općenito je poželjno koristiti stvarni podebljani font u "Obitelj fontova" ili "Stil fonta".
	Faux Italic: Vaš trenutni font je umjetno nagnut udesno, stvarajući lažni kurziv. Ponovo je poželjno koristiti stvarni kurzivni font u "Obitelj fontova" ili "Stil fonta".
	Velika slova: Pretvara vaš tip u sva velika slova. Vrlo je korisno u onim slučajevima kada je potrebno puno vremena ponoviti velike dijelove gornjeg i donjeg teksta.
	Male kapice: Stvara lažne male kapice smanjivanjem veličine točke velikih slova. Sva mala slova zamijenit će se s tim malim velikim slovima u tekstu teksta.
	eksponent: Promijeni odabrani tekst ili tekstualni objekt u superskript, kao u slučaju 2⁸.
	indeks: Promijeni odabrani tekst ili tekstualni objekt u indeks, kao u slučaju C₆H₁₂O₆.
	Naglasiti: Ispod odabranog teksta ili teksta dodaje jednostavnu donju crtu.
	precrtano: Dodaje jednostavan štrajk kroz cijeli odabrani tekst ili tekstualni objekt.

Ploča s opcijama i alat Tip

Neke opcije koje nisu dostupne na ploči znakova čekaju na vrhu zaslona, na ploči s opcijama, kada koristite alat Tip. Ove tri su:

	Orijentacija teksta: Prebacuje smjer teksta u tekstu teksta, vodoravno ili okomito.
	Poravnanje: Postavlja poravnanje vašeg teksta na lijevo poravnano, poravnato na sredinu ili poravnato desno.
	Warp tekst: Warps tekstualni objekti u jedan od nekoliko unaprijed definiranih, podesivih oblika, poput bannera ili drugih objekata.

Dizajniranje jednostavne knjige Cover

Budući da se dizajn odnosi na primjenu u stvarnom svijetu, promatrat ćemo kroz izradu osnovnog dizajna naslovnice knjige za jednu od najvažnijih (da ne kažem kontroverzne) znanstvene knjige svih vremena, O podrijetlu vrsta prirodnim odabirom, autor Charles Darwin.

dovodi do razine alat za podešavanje slike Darwina. Iako dizajn nije nužno samo o rasporedu elemenata, ovaj pojednostavljeni pristup će biti dovoljan za demonstracijske svrhe.

Kako se slika zatamnjuje, pritisnite Ctrl na sivom kanalu na ploči kanala. Time se stvara izbor svih bijelih na slici.

Uredi: ako vaša datoteka nije već u sivim tonovima, ali je RGB ili CMYK, trebate otići na Image> Mode> Grayscale prije Ctrl + klik na vašem sivom tonu. Zahvaljujući HTG čitaču l3utterfish za moju pozornost.

tisak za izradu novog sloja.

Uređivanje> Ispunite kako biste ispunili odabir u novom sloju bijelim.

Fotografija ikone Darwina sada je uklonjena iz crne pozadine i spremna za korištenje kao element.

tisak za izradu novog dokumenta po željenoj veličini. Prikazana veličina je iste veličine kao i druga važna knjiga, Robert Bringhurst Elementi tipografskog stila.

I ovdje je naš vrlo visok radni prostor za naslovnicu knjige.

Odaberite boju prednjeg plana u u kutiji s alatima. Bilo koja boja će biti dovoljna, iako je u ovoj demonstraciji poželjna tamna boja.

Uredi> Ispunite i budite sigurni da ste postavili "Koristi" na "Boja prednjeg plana".

Pozadina je ispunjena ranije odabranom bojom vina.

Pritisnite tipku prečaca . Dođite do izvorne datoteke i povucite sloj u novu datoteku pomoću odabranog alata za premještanje.

Sloj bi trebao izgledati nešto slično unutar nove datoteke.

tisak ili odaberite alat za vrstu, Ilustrirano iznad za početak vrste podešavanja.

Svi fontovi nisu prikladni za sadržaj. Ovaj pixelated font je vrlo loš za ovaj koncept.

Konzervativniji font može poštovati sadržaj i stvoriti prikladniji izgled.

Čak i uz nekoliko ograničenih opcija za fontove, može se činiti neodoljivim. Međutim, odabir pravog fonta je težak i dugotrajan, ali vrlo važan za dio dizajna.

Kada se pronađe pravi font, podešavanje s pločom znakova jednostavna je stvar.

Veličina fonta je promijenjena, a tip je podijeljen u dva retka.

Kada se veličina točke prilagodi, možemo naići na probleme s vođenjem.

Kada se pisma sudaraju, čitateljima će biti ostavljena čitljivost i čitljivost. Podešavanje vodećeg je jedini odgovor.

Povećanje veličine točke vodećeg poboljšava čitljivost naslova.

Dodatne informacije morat će se dodati, a često i Photoshop pretpostavlja da želite koristiti isti font kao veličinu točke kao posljednji korišteni tekstualni objekt. To može ili ne mora biti slučaj.

Dodani i prilagođeni novi tekstualni objekti, možemo pristupiti dizajnu kao cjelini.

Možemo otkriti da želimo pomicati elemente okolo.

Možemo također dodati više elemenata ili suptilni tekst pomaka, kako bismo zadržali dosljednu liniju na stranici. Alat za tekst također će vam omogućiti podešavanje pogrešaka pri upisu, kao što su slova "znači" "prirodno" i "odabir" koje je potrebno velikim slovom u naslovu.

Dodatni elementi također mogu pomoći u dizajnu, poput ovog kostura Lucy, poznatog Australopithecus afarensis. Opet, dizajn nije nužno jednostavna kombinacija elemenata, jer može uključivati i proces Photoshopa koji je potpuno nesposoban. Međutim, to je često izvrstan alat za ovu vrstu grafičkog rada.

Photoshop savjeti su vas zbunili? Počnite od početka! Provjerite prethodne rate Kako-To Geek Vodič za učenje Photoshop.

Dio 1: Kutija s alatima
Dio 2: Osnovni paneli
Dio 3: Uvod u slojeve
Dio 4: Osnovni izbornici
Dio 5: Uređivanje fotografija početnicima
Dio 6: Digitalna umjetnost
Dio 7: Dizajn i tipografija
Dio 8: Filtri

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

Image Credit: Darwin Julia Margaret Cameron, u javnoj domeni. Lucy, korisnik Wikipedije 120, dostupan pod Creative Commons.