Poradnik How-To Geek do nauki Photoshop, część 7 Design i typografia

Programy takie jak Photoshop pozwoliły nowym pokoleniom przyszłych projektantów wskoczyć i tworzyć z większą łatwością niż kiedykolwiek wcześniej. Zobacz, jak łatwo jest opanować panel typów znaków i zastosować go do podstawowych prac projektowych.

Po krótkim omówieniu narzędzia tekstowego w części 1, Przyborniku i tworzeniu obiektów tekstowych w Części 3, Warstwy, przyjrzyjmy się bliżej jak ustawić typografię w Photoshopie. Oczywiście, jeśli przegapiłeś jakąkolwiek część Przewodnika po How to To Geek do nauki Photoshopa, każdy z nich jest nadal dostępny w tym dołączonym łączu.

Czcionki i panel znaków

Podczas gdy programy wektorowe, takie jak Adobe Illustrator, są doskonałym wyborem do obsługi abstrakcyjnych kształtów, takich jak czcionki, Photoshop nie jest garbnikiem w dziale Typografia. Jest zdolny do prawie każdego typograficznego traktowania, które potrafi Illustrator, a niektóre nie.

Panel postaci można znaleźć, przechodząc do okna> Postać, jeśli nie jest jeszcze w panelu po prawej stronie. Jest bogaty w opcje tekstu, które przejdziemy teraz. Ostrzegamy, że ta sekcja zawiera skomplikowane terminy typograficzne, które możesz lub nie możesz znać. Posmakuj terminów dotyczących typografii za pomocą artykułu How-To Geek "Zrozum typografię jak profesjonalnego projektanta" lub po prostu czytaj dalej.

Rodzina czcionek: Gdzie wybrałeś czcionkę, twój obiekt tekstowy jest ustawiony na przykład w Helvetica, Arial, Times New Roman itp.

Styl czcionki: Jeśli masz zainstalowane rodziny czcionek, twój "styl czcionki" może być aktywny, tutaj możesz wybrać alternatywne wersje tej samej twarzy. Na przykład Arial Bold, Arial Narrow, Arial Condensed, Arial Rounded MT, Arial Black itd..

Rozmiar czcionki: Gdzie możesz numerycznie zmienić rozmiar czcionki. Wpisz tutaj liczby lub użyj menu rozwijanego, aby wyświetlić sugerowane rozmiary punktów wspólnych.

Prowadzący: Termin typograficzny dla odstępu między wierszami tekstu akapitu, ustalony w punktach.

Kerning: Poziomy odstęp między parami liter. Ujemne wartości liczbowe będą tutaj zamykać spacje między znakami, podczas gdy wartości dodatnie zwiększą odstęp między literami.

Śledzenie: Podobnie jak w przypadku Kerning, funkcja Tracking dostosowuje ogólne kerning do całego obiektu tekstowego lub kilku wybranych liter. Możesz dostosować śledzenie obiektu tekstowego, a następnie kern pomiędzy poszczególnymi literami, jeśli chcesz.

Skala pionowa: Kontrolowany sposób rozciągania i squasha typografii w górę iw dół. Wprowadź tutaj wartości liczbowe w procentach oryginalnej wysokości znaku.

Skala pozioma: Kontrolowany sposób rozciągania i squasha typografii w lewo i w prawo. Wprowadź tutaj wartości liczbowe w procentach oryginalnej szerokości znaku.

Przesunięcie linii bazowej: Linia bazowa to linia, w której tekst "spoczywa". Przenieś wybrane znaki z linii bazowej, aby były wyświetlane wyżej lub niżej niż reszta ustawionego tekstu.

Kolor tekstu: Obszar, w którym można zmieniać kolor obiektu tekstowego.

Język: Dostosowuje język, w którym tekst jest ustawiony, na wypadek, gdyby potrzebne były znaki inne niż angielskie.

Wygładzanie krawędzi: Opcje renderowania tekstu w pikselach poprzez dostosowanie rozmycia pikseli używanego do opisywania krawędzi typu. "None" renderuje litery w twardych pikselach, podczas gdy wszystkie inne używają różnych form antyaliasingu.

Faux Bold i inne opcje panelu znaków

	Faux Bold: Rozmiar bieżącej czcionki jest sztucznie pogrubiony, aby utworzyć sztuczną pogrubioną czcionkę. Używanie rzeczywistej pogrubionej czcionki w "Rodzina czcionek" lub "Styl czcionki" jest ogólnie preferowane.
	Faux Italic: Twoja bieżąca czcionka jest sztucznie pochylona w prawo, tworząc fałszywą kursywę. Ponownie, zaleca się użycie rzeczywistej czcionki pochylonej w "Rodzina czcionek" lub "Styl czcionki".
	Duże litery: Przekształca twój typ w wielkie litery. Bardzo przydatne w tych przypadkach, w których ponowne wpisywanie dużych sekcji tekstu pisanego dużymi i małymi literami jest czasochłonne.
	Małe czapki: Tworzy fałszywe małe litery, zmniejszając rozmiar wielkich liter. Wszystkie małe litery zostaną zastąpione małymi literami w twoim obiekcie tekstowym.
	Napisany u góry: Zmienia zaznaczony tekst lub obiekt tekstowy na indeks górny, jak w przypadku 2⁸.
	Indeks: Zmienia zaznaczony tekst lub obiekt tekstowy na indeks dolny, tak jak w przypadku C₆H₁₂O₆.
	Podkreślać: Dodaje prosty podkreślnik pod wybranym tekstem lub obiektem tekstowym.
	Przekreślenie: Dodaje proste przekreślenie przez cały zaznaczony tekst lub obiekt tekstowy.

Panel opcji i narzędzie Tekst

Niektóre opcje niedostępne w Panelu znaków czekają u góry ekranu, w Panelu opcji, podczas korzystania z narzędzia Tekst. Te trzy to:

	Orientacja tekstu: Przełącza kierunek, w którym działa tekst obiektu tekstowego, w poziomie lub w pionie.
	Wyrównanie: Ustawia wyrównanie obiektu tekstowego na wyrównane do lewej, wyrównane względem środka lub wyrównane do prawej.
	Tekst Warp: Przekształca obiekty tekstowe w jeden z kilku predefiniowanych, regulowanych kształtów, takich jak banery lub inne obiekty.

Projektowanie prostej okładki książki

Ponieważ projektowanie dotyczy aplikacji rzeczywistego świata, przyjrzymy się tworzeniu podstawowego projektu okładki książki dla jednej z najważniejszych (nie mówiąc już kontrowersyjnych) książek naukowych wszechczasów, O powstawaniu gatunków za pomocą doboru naturalnego, Charles Darwin.

przywołuje narzędzie poziomów, aby dostosować obraz Darwina. Chociaż projektowanie niekoniecznie polega jedynie na rozmieszczaniu elementów, to uproszczone podejście wystarczy do celów demonstracyjnych.

Gdy obraz jest zaczerniony, Ctrl kliknij kanał Szary w panelu kanałów. Spowoduje to wybór całej białej na obrazie.

Edycja: jeśli twój plik nie jest jeszcze w skali szarości, ale RGB lub CMYK, powinieneś przejść do Image> Mode> Grayscale przed Ctrl + Kliknięcie na twój kanał skali szarości. Dzięki czytnikowi HTG l3utterfish za zwrócenie na to uwagi.

naciśnij stworzyć nową warstwę.

Edycja> Wypełnij, aby wypełnić zaznaczenie w nowej warstwie białym kolorem.

Zdjęcie ikony Darwina jest teraz usunięte z czarnego tła i gotowe do użycia jako element.

naciśnij aby utworzyć nowy dokument w preferowanym rozmiarze. Przedstawiony rozmiar jest tej samej wielkości innej ważnej książki, Roberta Bringhursta Elementy stylu typograficznego.

A oto nasza bardzo wysoka przestrzeń robocza na okładkę książki.

Wybierz kolor pierwszego planu w w twoim przyborniku. Dowolny kolor będzie wystarczający, chociaż w tej demonstracji preferowany jest ciemny kolor.

Edycja> Wypełnij i pamiętaj, aby ustawić "Użyj" na "Kolor pierwszego planu".

Tło wypełnione jest wybranym wcześniej kolorem wina.

Naciśnij klawisz skrótu . Przejdź do oryginalnego pliku i przeciągnij swoją warstwę do nowego pliku, korzystając z wybranego narzędzia Przesuń.

W nowym pliku warstwa powinna wyglądać mniej więcej tak.

naciśnij lub wybierz narzędzie tekstowe, Ilustrowane powyżej, aby rozpocząć ustawianie typu.

Nie wszystkie czcionki są odpowiednie dla treści. Ta pikselowana czcionka jest bardzo szkodliwa dla tej koncepcji.

Bardziej konserwatywna czcionka może uszanować zawartość i stworzyć bardziej odpowiedni wygląd.

Nawet przy kilku ograniczonych opcjach czcionek może wydawać się przytłaczająca. Jednak wybór właściwej czcionki jest trudny i czasochłonny, ale bardzo ważny dla części projektu.

Po znalezieniu odpowiedniej czcionki, dostosowanie jej za pomocą panelu znaków jest sprawą prostą.

Rozmiar czcionki zostanie zmieniony, a typ podzielony na dwie linie.

Po dostosowaniu wielkości punktu możemy napotkać problemy z prowadzeniem.

Gdy litery się zderzają, czytelnikom pozostaną czytelne i czytelne kwestie. Regulacja prowadzenia jest jedyną odpowiedzią.

Zwiększenie rozmiaru punktu wiodącego poprawia czytelność tytułu.

Dodatkowe informacje będą musiały zostać dodane, a często Photoshop zakłada, że chcesz użyć tej samej czcionki co rozmiar punktu, jak ostatnio używany obiekt tekstowy. Może tak być, ale nie musi.

Nowe obiekty tekstowe dodane i dostosowane, możemy zacząć korzystać z naszego projektu jako całości.

Może się okazać, że chcemy przenieść elementy wokół.

Możemy również dodać więcej elementów lub tekst zmiany subtelności, aby zachować spójną linię na stronie. Narzędzie Tekst umożliwia również dostosowanie literówek, takich jak litery "Środki" "Naturalne" i "Wybór", które wymagają wielkich liter w tytule.

Dodatkowe elementy mogą również pomóc w projektowaniu, jak ten szkielet Lucy, słynnego Australopithecus afarensis. Ponownie, projektowanie niekoniecznie jest prostą kombinacją elementów, ponieważ może obejmować proces, w którym Photoshop jest całkowicie niezdolny. Jednak często jest to doskonałe narzędzie do tego typu prac graficznych.

Wskazówki dotyczące Photoshopa sprawiły, że się pomyliłeś? Zacznij na początku! Zapoznaj się z poprzednimi odsłonami poradnika How-To Geek dotyczącego uczenia się Photoshopa.

Część 1: Zestaw narzędzi
Część 2: Panele podstawowe
Część 3: Wprowadzenie do warstw
Część 4: Podstawowe menu
Część 5: Początkowa edycja zdjęć
Część 6: Sztuka cyfrowa
Część 7: Projektowanie i typografia
Część 8: Filtry

Wróć do How-To Geek, aby zapoznać się z ostatnimi częściami przewodnika po programie Photoshop, w którym omówimy nasz przewodnik, przeglądając filtry w Photoshopie.

Image Credit: Darwin autorstwa Julii Margaret Cameron, w domenie publicznej. Lucy przez użytkownika Wikipedii 120, udostępniona na licencji Creative Commons.