If-Koubou

Poradnik How-To Geek dotyczący nauki w Photoshopie, część 7: Design i typografia

Poradnik How-To Geek dotyczący nauki w Photoshopie, część 7: Design i typografia (Jak)

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, aby nauczyć się 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 związanych z typografią za pomocą artykułu How-To Geek "Zrozum typografię jak profesjonalnego projektanta" lub po prostu czytaj dalej.

Rodzina czcionek: Gdzie wybierzesz czcionkę, w której znajduje się obiekt tekstowy, na przykład 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. Tutaj wpisz 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 na lewo i na 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 zmienić 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 ilości 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 lepszym rozwiązaniem.
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 tymi małymi literami w twoim obiekcie tekstowym.
Napisany u góry: Zmienia zaznaczony tekst lub obiekt tekstowy na indeks górny, jak w przypadku 28.
Indeks: Zmienia zaznaczony tekst lub obiekt tekstowy na indeks dolny, tak jak w przypadku C6H12O6.
Podkreślać: Dodaje prosty podkreślnik pod wybranym tekstem lub obiektem tekstowym.
Przekreślenie: Dodaje proste uderzenie 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 rzeczywistych, zajmiemy się tworzeniem 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 naturalnegoautorstwa Karola Darwina.

przywołuje narzędzie poziomów, aby dostosować obraz Darwina. Chociaż projektowanie niekoniecznie polega jedynie na rozmieszczeniu 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 kolorem białym.

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. Pokazany rozmiar jest tej samej wielkości co inna ważna książka, Roberta Bringhursta Elementy stylu typograficznego.

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

Wybierz kolor pierwszego planu w w twoim przyborniku. Dowolny kolor wystarczy, chociaż w tym przypadku 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, używając wybranego narzędzia Move.

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 pozostawi się czytelność i problemy z czytelnością. 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 dookoła.

Możemy również dodać więcej elementów lub tekstu zmiany subtelności, aby zachować spójną linię na stronie. Narzędzie Tekst umożliwia także 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. Znowu, 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 rodzaju 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 na temat nauki programu Photoshop.

  • 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: Design i typografia
  • Część 8: Filtry
Wróć do How-To Geek, aby zapoznać się z ostatecznymi wersjami przewodnika po programie Photoshop, w którym omówimy nasz przewodnik, patrząc na 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.