15Sep
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, Zestaw narzędzi i tworzeniu obiektów tekstowych w części 3, Warstwy, przyjrzyjmy się, 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, program Photoshop nie jest garbaty w dziale Typografia. Jest zdolny do prawie każdego typograficznego traktowania, które potrafi Illustrator, a niektóre nie.
Panel znaków można znaleźć, przechodząc do okna & gt;Postać, jeśli nie jest jeszcze w twoim prawym panelu bocznym. Jest bogaty w opcje tekstu, które przejdziemy teraz. Ostrzegam, ż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 została wybrana czcionka, w której znajduje się obiekt tekstowy, na przykład Helvetica, Arial, Times New Roman itd.
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 itp.
Rozmiar czcionki: Gdzie można 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 śledzenia dostosowuje ogólne kerning do całego obiektu tekstowego lub kilku wybranych liter. Możesz regulować śledzenie obiektu tekstowego, a następnie kern pomiędzy poszczególnymi literami, jeśli chcesz.
Vertical Scale: Kontrolowany sposób rozciągania i squasha typografii w górę iw dół.Wprowadź tutaj wartości liczbowe w procentach oryginalnej wysokości znaku.
Horizontal Scale: Kontrolowany sposób rozciągania i squasha typografii w lewo i w prawo. Wprowadź tutaj wartości liczbowe w procentach oryginalnej szerokości znaku.
Podstawowa zmiana: Linia podstawowa 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 dostosować kolor obiektu tekstowego.
Język: Dostosowuje język, w którym tekst jest ustawiony, na wypadek, gdyby potrzebne były znaki inne niż angielskie.
Anti-Aliasing: Opcje renderowania tekstu w pikselach poprzez regulację 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". |
| Wielkie 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. |
| Small Caps: 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. |
| Indeks górny: Zmienia zaznaczony tekst lub obiekt tekstowy na indeks górny, jak w przypadku 28. |
| Indeks dolny: Zmienia zaznaczony tekst lub obiekt tekstowy na indeks dolny, tak jak w przypadku C6H12O6. |
| Podkreślenie: 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 jakim tekst w obiekcie tekstowym działa, w poziomie lub w pionie. |
| Wyrównanie: Ustawia wyrównanie obiektu tekstowego na wyrównane do lewej, wyśrodkowane lub wyrównane do prawej. |
| Warp Text: Napyla obiekty tekstowe na 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, On The Origin ofGatunek według środków wyboru naturalnego , Charles Darwin.
wyświetla 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.
Edytuj: Jeśli Twój plik nie jest jeszcze w Skali szarości, ale RGB lub CMYK, powinieneś przejść do Image & gt;Tryb & gt;Skala szarości przed Ctrl + Kliknięcie na swój kanał skali szarości. Dzięki czytnikowi HTG l3utterfish za zwrócenie na to uwagi.
Naciśnij, aby utworzyć nową warstwę.
Edytuj & gt;Wypełnij, aby wypełnić zaznaczenie w nowej warstwie kolorem białym.
Zdjęcie ikony Darwina zostało teraz usunięte z czarnego tła i jest gotowe do użycia jako element.
Naciśnij, aby utworzyć nowy dokument w preferowanym rozmiarze. Przedstawiony 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 swoim przyborniku. Dowolny kolor wystarczy, chociaż w tym przypadku preferowany jest ciemny kolor.
Edytuj & gt;Wypełnij i pamiętaj, aby ustawić "Użyj" na "Kolor pierwszoplanowy".
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 Tekst, przedstawione powyżej, aby rozpocząć ustawianie.
Nie wszystkie czcionki są odpowiednie dla treści. Ta pikselowana czcionka jest bardzo szkodliwa dla tej koncepcji.
Bardziej konserwatywna czcionka może honorować treść i tworzyć 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 został zmieniony, a typ podzielony na dwie linie.
Po dostosowaniu wielkości punktu możemy napotkać problemy z prowadzeniem.
Po zderzeniu liter czytelnicy pozostaną czytelni i mają 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 jako ostatnio używany obiekt tekstowy. Może tak być, ale nie musi.
Dodane i dostosowane nowe obiekty tekstowe, 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 tekst 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 na temat 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: Podstawowe panele
- 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
Image Credit: Darwin autorstwa Julii Margaret Cameron, w domenie publicznej. Lucy przez użytkownika Wikipedii 120, udostępniona na licencji Creative Commons.