Príručka How-To Geek na výučbu Photoshopu, časť 7: Design a typografia

2024 Autor: Geoffrey Carr | [email protected]. Naposledy zmenené: 2023-12-17 10:59

Programy, ako napríklad Photoshop, umožnili novým generáciám potenciálnych dizajnérov skákať a vytvárať s väčšou ľahkosťou ako kedykoľvek predtým. Pozrite sa, aké ľahké je to, že sa naučíte Panel s typovými znakmi a aplikujete ho na niektoré základné projektové práce.

Po krátkom pokrytí textového nástroja v časti 1 Nástroje a vytvorenie textových objektov v časti 3 Vrstvy sa pozrime bližšie na to, ako nastaviť typografiu vo Photoshope. Samozrejme, ak ste vynechali ľubovoľnú časť príručky How-To Geek na ukladanie Photoshopu, každý z nich je stále k dispozícii v tomto zväzku odkazov.

Písma a panel znakov

Zatiaľ čo vektorové programy, ako je Adobe Illustrator, sú vynikajúcou voľbou pre spracovanie abstraktných tvarov ako písma, Photoshop nie je v oddelení typografie. Je schopný takmer ľubovoľnej typografickej liečby, ktorú Illustrator dokáže a niektorí to nie je.

Panel znakov sa nachádza v okne> Znak, ak už nie je v pravom bočnom paneli. Je bohatý s možnosťami pre váš text, ktorý teraz prechádzame. Upozorňujeme vás, že táto časť obsahuje zložité typografické výrazy, ktoré môžete alebo nemusíte vedieť. Vymažte si svoj typografický výraz s článkom How-To Geek, "Pochopte typografiu ako profesionálneho dizajnéra" alebo jednoducho čítajte.

Rodina písma: Kde ste si vybrali písmo, na ktorom je nastavený textový objekt, napríklad Helvetica, Arial, Times New Roman atď.

Štýl písma: Ak máte nainštalované rodiny písiem, môže byť váš "štýl písma" aktívny, môžete si zvoliť alternatívne verzie tej istej tváre. Napríklad Arial Bold, Arial Narrow, Arial Condensed, Arial Rounded MT, Arial Black, atď.

Veľkosť písma: Kde môžete číselne zmeniť veľkosť písma. Tu zadajte čísla alebo použite rozbaľovaciu ponuku pre navrhnuté spoločné veľkosti bodov.

vedúci: Typografický výraz pre medzeru medzi riadkami textu odseku, nastavený v bodoch.

kerning: Horizontálne rozostupy medzi pármi písmen. Záporné číselné hodnoty tu uzavrú medzery medzi znakmi, zatiaľ čo pozitívne hodnoty pridávajú medzery medzi písmenami.

tracking: Podobne ako koncept Kerningu, sledovanie upravuje všeobecné ohraničenie na celý textový objekt alebo na niekoľko vybraných písmen. Môžete upraviť sledovanie na textovom objekte a potom si medzi jednotlivými písmenami vyberať, ak si to prajete.

Vertikálna mierka: Riadená cesta na roztiahnutie a squash typografie hore a dole. Zadajte číselné hodnoty tu v percentách pôvodnej výšky znakov.

Horizontálna mierka: Riadená cesta na roztiahnutie a squash typografie doľava a doprava. Tu zadajte číselné hodnoty v percentách pôvodnej šírky znakov.

Základná zmena: Základnou čiarou je riadok, na ktorom je text "spočíva". Presunúť určité vybrané znaky zo základnej čiary, aby sa zobrazili vyššie alebo nižšie ako zvyšok nastaveného textu.

Farba textu: Oblasť, kde sa dá upraviť farba objektu.

Jazyk: Upravuje jazyk, v ktorom je text nastavený, v prípade, že sú potrebné iné než anglické znaky.

Anti-aliasing: Možnosti pre vykresľovanie textu v pixeloch úpravou rozmerov rozmazania pixelov používaných na popis okrajov typu. Funkcia "Žiadne" robí písmená v pixeloch s tvrdým okrajom, zatiaľ čo ostatné používajú rôzne formy vyhladzovania.

Možnosti Faux tučné a iné znakové panely

	Faux Tučné: Veľkosť vášho aktuálneho písma je umelo zosilnená, aby sa vytvoril umelý tučný font. Použitie skutočného tučného písma v "Rodine písma" alebo "Štýl písma" je vo všeobecnosti uprednostňované.
	Faux kurzíva: Vaše aktuálne písmo je umelo naklonené napravo a vytvára falošný kurzívny vzhľad. Opäť platí, že je výhodné použiť písmo v kurzore "Font Family" alebo "Font Style".
	Veľké písmená: Transformuje váš typ na všetky veľké. Veľmi užitočné v tých prípadoch, keď je časovo náročné na opätovné zadanie veľkých častí veľkých a malých písmen.
	Malé čiapky: Vytvára falošné malé čiapky zmenšovaním veľkosti bodov veľkých písmen. Všetky malé písmená sa nahradia týmito menšími písmenami vo vašom textovom objekte.
	Horný index: Zmení vybraný textový alebo textový objekt na hornom indexe, ako v prípade 2⁸.
Image	index: Zmení vybraný text alebo textový objekt na index, ako v prípade C₆H₁₂O₆.
Image	Zdôrazniť: Pridáva jednoduché podčiarknutie pod vybratý textový alebo textový objekt.
Image	prečiarknutie: Pridá jednoduchý úder cez celý vybraný textový alebo textový objekt.

Panel možností a typový nástroj

Niektoré možnosti, ktoré nie sú k dispozícii v paneli s obrázkami, čakajú v hornej časti obrazovky v paneli Možnosti, keď používate nástroj Typ. Tieto tri sú:

Image	Orientácia textu: Prepne smerovanie textu v textovom objekte buď horizontálne alebo vertikálne.
Image	zarovnanie: Nastaví zarovnanie vášho textového objektu buď doľava zarovnaného, zarovnaného do stredu alebo doľava zarovnaného.
Image	Warp Text: Zalomí textové objekty do jedného z niekoľkých preddefinovaných, nastaviteľných tvarov, ako sú napríklad bannery alebo iné predmety.

Navrhovanie jednoduchého obálky knihy

Keďže dizajn je o reálnom svete, budeme sa zaoberať vytvorením základného dizajnu knižného diela pre jednu z najdôležitejších (nehovoriac kontroverzných) vedeckých kníh všetkých čias, O pôvode druhov prostredníctvom prirodzeného výberu, Charles Darwin.

prináša nástroj na úpravu úrovne obrazu Darwin. Kým dizajn nie je nevyhnutne len o usporiadaní prvkov, tento zjednodušujúci prístup stačí na demonštračné účely.

Keď je obrázok začiarknutý, stlačte Ctrl na paneli kanálov na čiernom kanáli. Tým sa vytvorí výber všetkých bielych v obraze.

Upraviť: Ak váš súbor ešte nie je v stupňoch šedej, ale v RGB alebo CMYK, mali by ste prejsť na položku Image> Mode> Grayscale pred Ctrl + Kliknutím na kanál v odtieňoch šedej. Vďaka čítačke HTG l3utterfish mi to upozornilo.

Upraviť> Doplniť, aby sa výber vo vašej novej vrstve vyplnil bielym písmom.

Ikonová fotografia Darwina je teraz odstránená z čierneho pozadia a pripravená na použitie ako prvok.

aby ste vytvorili nový dokument na požadovanú veľkosť. Zobrazená veľkosť má rovnakú veľkosť inej dôležitej knihy - knihy Robert Bringhurst Prvky typografického štýlu.

A tu je náš veľmi vysoký pracovný priestor pre knihu.

vo svojom paneli s nástrojmi. Každá farba postačuje, aj keď v tejto ukážke je preferovaná tmavá farba.

Upraviť> Naplniť a nastavte "Použiť" na "Farba popredia".

Pozadie je naplnené farbou vín vybranou skôr.

, Prejdite do pôvodného súboru a presuňte svoju vrstvu do nového súboru pomocou vybratého nástroja na presun.

V rámci nového súboru by sa mala táto vrstva objaviť.

alebo vyberte typový nástroj, ktorý je zobrazený vyššie, aby ste spustili typ nastavenia.

Nie všetky fonty sú pre obsah vhodné. Toto pixelové písmo je pre tento koncept veľmi zlé.

Konzervatívnejšie písmo môže ctiť obsah a vytvoriť vhodnejší vzhľad.

Aj s niekoľkými obmedzenými možnosťami písma nainštalovanými, môže sa to zdajú byť ohromujúce. Výber správneho písma je však náročný a časovo náročný, ale celkom dôležitý pre dizajn.

Keď sa nájde správne písmo, nastavenie pomocou panelu znakov je jednoduché.

Veľkosť písma sa zmení a typ sa rozdelí na dva riadky.

Keď je veľkosť bodu upravená, môžeme naraziť na problémy s vedením.

Keď sa listy zrazia, čitatelia zostanú s čitateľnosťou a čitateľnosťou. Nastavenie vedenia je jedinou odpoveďou.

Zvyšovanie veľkosti bodu vedenia zvyšuje čitateľnosť titulu.

Budú musieť byť pridané ďalšie informácie a Photoshop sa často domnieva, že chcete použiť rovnaké písmo ako veľkosť bodu ako posledný používaný textový objekt. To môže alebo nemusí byť prípad.

Nové textové objekty pridané a upravené, môžeme začať pristupovať k dizajnu ako celku.

Možno zistíme, že chceme pohybovať prvky okolo.

Môžeme tiež pridať ďalšie prvky alebo text pre zmenu jemnosti, aby sme udržali konzistentný riadok na stránke. Textový nástroj vám tiež umožní upraviť nápisy, ako sú písmená "Prostriedky" "Prírodné" a "Výber", ktoré potrebujú kapitalizovať titul.

Dodatočné prvky môžu tiež pomôcť dizajnu, ako je táto kostra Lucy, slávny Australopithecus afarensis. Opäť dizajn nie je nevyhnutne jednoduchá kombinácia prvkov, pretože môže zahŕňať proces, ktorý Photoshop úplne neschopný. Je však často vynikajúcim nástrojom pre tento druh grafickej práce.

Tipy Photoshopu vám zanechali zmätok? Začnite na začiatku! Pozrite sa na predchádzajúce splátky príručky How-To Geek na učenie Photoshopu.

Časť 1: Panel s nástrojmi
Časť 2: Základné panely
Časť 3: Úvod do vrstiev
Časť 4: Základné ponuky
Časť 5: Úprava fotiek pre začiatočníkov
Časť 6: Digitálne umenie
Časť 7: Návrh a typografia
Časť 8: Filtre

Vráťte sa do aplikácie How-To Geek pre posledné splátky sprievodcu pre štúdium Photoshopu, kde skončíme s našim sprievodcom pohľadom na filtre Photoshopu.

Image Credit: Darwin od Julia Margaret Cameron, vo verejnej sfére. Lucy od používateľa Wikipedia 120, sprístupneného pod Creative Commons.