Czasami potrzeba tylko kilku kliknięć, aby ożywić typografię. Klasyczne efekty typograficzne są ponadczasowe i wszechstronne - doskonałe do logotypów, plakatów, zaproszeń lub postów na mediach społecznościowych. W tym samouczku przedstawię ci pięć prostych i szybkich efektów, dzięki którym możesz kreatywnie edytować swoje teksty w Photoshopie. Bez względu na to, czy chodzi o cień, gradienty, efekt 3D czy połyskujące akcenty - te techniki pozwalają zaoszczędzić czas i dostarczają imponujące rezultaty. Zaczynajmy więc i podnieśmy Twoją typografię na wyższy poziom!
1. Ułożenie w kształcie: Lokalizowanie tekstu w kształtach
Krok 1: Podstawowe zasady układu w kształcie w programie Photoshop
Układ w kształcie w programie Photoshop to łatwa sprawa. Wymagany jest do tego ścieżka robocza, na której umieszczany jest tekst.
Aby to zrobić, wystarczy narysować kształt narzędziem Prostokąt, a następnie za pomocą narzędzia tekstowego kliknąć w prostokąt i wprowadzić lub wkleić swój tekst.
Krok 2: Korzystanie z własnych kształtów do układu w kształcie
Teraz przechodzę do zasadniczej kwestii. Teraz mogę użyć narzędzi Do rysowania do dostosowania moich ścieżek według uznania, aby określić kształt tekstu. Jeszcze łatwiej jest, gdy kształty już istnieją. Wybieram narzędzie Własny kształt, wybieram kształt dymka i przeciągam go. Następnie klikam ponownie w dymek, aby wpisać mój tekst. Tekst idealnie dopasowuje się do kształtu dymka.
Przez okna Akapit i Znaki mogę dokonać kilku drobnych dostosowań, ustawiając Justowanie, modyfikując Odstępy międzyliterowe, wybierając Odstępy międzywierszowe zależnie od wielkości kształtu itp. W rezultacie tekst w kształcie serca może wyglądać tak:
2. Konturowanie: Usprawnianie przepływu tekstu wokół obiektów
Krok 1: Podstawowe zasady konturowania
Podczas gdy w programie Adobe InDesign istnieje dedykowane okno do konturowania z naprawdę fantastycznymi funkcjami, takimi jak Wyszukiwanie krawędzi, w programie Adobe Photoshop trzeba znaleźć alternatywny sposób na przepływ tekstu wokół obiektów. Rozwiązaniem jest ścieżka robocza, która odpowiada konturom obiektu, w którym umieszczony jest tekst. Podstawowa zasada jest podobna do tej z układem w kształcie.
Do tego samouczka wybrałem obraz z serwisu Fotolia.de (źródło obrazu: © Robert Kneschke - Fotolia.com).
Chcę teraz, aby mój tekst elegancko przepływał wokół osoby. Obraz ma czarne tło, które nie jest wycięte. Ponieważ tło jest czarne, użyję po prostu swojego czarodziejskiego różdżki, aby zaznaczyć tło.
Krok 2: Zmniejszenie zaznaczenia i utworzenie ścieżki roboczej
Ponieważ zaznaczenie sięga blisko osoby, zmniejszam zaznaczenie o 10 pikseli za pomocą menu Zaznacz>Zmodyfikuj zaznaczenie>Zmniejszanie. Wskazówka: zawsze korzystne jest ograniczenie zaznaczenia do wielkości ramki tekstu. Przy pomocy klawisza Alt i narzędzia Wybór, mogę zmniejszać zaznaczenia oraz z klawiszem Shift i narzędziem Wybór powiększać. Dlatego jeszcze przed utworzeniem ścieżki roboczej powinienem zoptymalizować zaznaczenie do wielkości ramki tekstu.
Teraz otwieram moje okno ścieżki i tworzę ze zaznaczenia ścieżkę roboczą poprzez Kliknięcie na odpowiedni symbol.
Krok 3: Wstawianie tekstu
W ostatnim kroku wystarczy kliknąć narzędziem Tekst wewnątrz kształtu i wstawić lub napisać żądany tekst. Ścieżka robocza teraz stanowi ramkę tekstową dla tekstu.
Przez narzędzie Tekst mogę nadal edytować ramkę tekstu. Wynik: Tekst elegancko przepływa po lewej stronie wokół osoby.
3. Tekst na ścieżce
Rozlokowanie tekstu wzdłuż ścieżki jest dość proste.
Krok 1: Narysowanie ścieżki
Za pomocą narzędzia Plumknięcie Piórem po prostu rysuję pożądaną ścieżkę, na której ma być umieszczony tekst.
Krok 2: Lokalizacja tekstu
Z narzędziem Tekst przesuwam się do ścieżki, aby pokazała się delikatnie kropkowana linia. Teraz mogę już zacząć pisać.
Krok 3: Formacje tekstu
Mogę nadal stosować formacje tekstu za pomocą pola znaków.
Z pomocą narzędzia wyboru bezpośredniego mogę dotknąć moją ścieżkę tekstu, przesunąć punkt początkowy przepływu tekstu oraz ustalić, czy tekst powinien być wyświetlany powyżej czy poniżej ścieżki.
Krok 4: Tworzenie ścieżki za pomocą narzędzi kształtu
Mogę również tworzyć ścieżki za pomocą narzędzi kształtu. W pola ścieżek tworzę nową ścieżkę i rysuję kształt ręki za pomocą narzędzia kształtu, w tym przypadku za pomocą własnego narzędzia kształtu.
Teraz mogę umieścić w tym tekście.
Krok 5: Tworzenie ścieżki z zaznaczeń
Mogę również tworzyć zaznaczenia z obrazów i zamienić je w ścieżkę, aby wykorzystać je do przepływów tekstu typograficznego.
Za pomocą narzędzia szybkiego zaznaczania zaznaczam tło tego obrazu (źródło obrazu: iofoto - Fotolia.com). Odwracam zaznaczenie za pomocą Shift+Ctrl+I i tworzę z zaznaczenia ścieżkę roboczą. Wykorzystuję ten szlak ponownie dla mojego tekstu.
Krok 6: Akcenty konturów z typografią
To samo można zrobić z obrazami o bardziej złożonej kolorystyce, jak ten obraz drzewa (źródło obrazu: archaeopteryx_stocks).
Z narzędziem szybkiego zaznaczania zaznaczam drzewo i tworzę z zaznaczenia ponownie ścieżkę roboczą: Klikam na ikonę Tworzenia ścieżki z zaznaczenia w pola ścieżek. Teraz mogę również użyć tej ścieżki dla mojego tekstu.
4. Grupowanie tekstów z obrazami za pomocą maski przycinającej
Klasycznym efektem tekstu jest wypełnienie tekstu wzorem, teksturą lub obrazem. Obraz, który ma być wyświetlany jako wypełnienie w moim tekście, umieszczam bezpośrednio nad warstwą tekstową w moim dokumencie w pola warstw.
Przy użyciu skrótu Ctrl+Alt+G lub przez wciśnięcie Alt i Klik między warstwą tekstową i warstwą obrazka tworzę maskę przycinającą. Teraz obraz jest widoczny tylko tam, gdzie jest tekst. Widok jest ograniczony do zawartości znajdującej się poniżej warstwy.
Ten efekt tekstu jest widoczny często, bardzo prosto bez opcji wypełnienia na czarnym lub białym tle, na katalogach produktów, ulotkach i innych z tłem lifestyle - ostatnio widzianym na katalogu produktów producenta telewizorów. Również "Biblia Buy And Hold" Gerda Kommera ma ten prosty efekt na okładce książki.
Popularnym efektem maski przycinającej są tekstury materiałowe. Opcje wypełnienia (Zaokrąglony róg/Uwypuklenie z cieniem i innymi) gwarantują efekt marmurowego tekstu, metalicznego tekstu itp., z czym na pewno promowane są najnowsze kolekcje kamienia przez lokalnego sprzedawcę xy.
5. Wypełnianie konturów za pomocą pędzli przez ścieżki robocze
Bardzo prostą, ale skuteczną techniką jest wypełnianie konturów tekstu za pomocą pędzli.
Krok 1: Wybrać czcionkę, napisać tekst i utworzyć ścieżkę roboczą
Najpierw szukam czcionki, która jest możliwie szeroka. Piszę za pomocą 120-punktowego Franklin Gothic Heavy litery PSD w moim dokumencie.
Z menu kontekstowego na warstwie tekstowej w pola warstw>Utwórz ścieżkę roboczą mogę zmienić mój tekst w ścieżkę roboczą. Jest ona zapisana w pola ścieżek.
Krok 2: Ustawienie pędzla
Warstwę tekstu mogę ukryć. W pola pędzli wybieram końcówkę pędzla, która ma być użyta jako wypełnienie konturu mojego tekstu. Wybieram pędzel liściowy.
Przez F5 otwieram Pola pędzli. Tam mogę ustawić kształt mojego pędzla.
Wybieram:
• przestrzeń w formie pędzla wynoszącą 60 procent przy wielkości 40 pikseli. Ten ustawienie jest optymalne dla mojej wielkości tekstu, aby odstępy między pojedynczymi pędzlami były płynne.
• obroty o 25 procent w własnościach formy. Ten krok powoduje obroty mojej końcówki pędzla.
• w ustawieniach koloru 12 procent w obrotach koloru i 12 procent w jasności. Dzięki temu otrzymuję przyjemne, subtelne nieregularności w czerwieni, co tworzy ładny efekt jesienny w tekście.
Krok 3: Aktywuj ścieżkę roboczą i utwórz nową warstwę
Teraz utworzę nową warstwę i aktywuję ścieżkę roboczą w panelu ścieżek. Po kliknięciu na drugą ikonę na pasku dolnym panelu ścieżek, wypełniam kontur ścieżki ustawionym pędzlem. Ważne jest, aby narzędzie pędzla również było aktywowane.
Podniesienie trochę rozmiaru pędzla spowoduje przyjemną zmianę wielkości efektu. Dzięki ustawieniom pędzla można efektywnie dostosować wypełnienie konturu do indywidualnych potrzeb. W tym przykładzie z raczej jesiennym akcentem.
Krok 4: Zmienna wartość w ustawieniach pędzla
Jeśli teraz użyję pędzla kwiatowego jako ustawienia i nieznacznie zwiększę odchylenie tonacji koloru, otrzymam delikatny, ale piękny efekt letni.
Krok 5: Dalsza edycja
Z pomocą wypełnień konturu można łatwo uzyskać szybkie efekty typograficzne. Ostateczny efekt zazwyczaj wymaga jednak kilku dalszych korekt, aby wyglądał atrakcyjnie jako całość.
Jednym z możliwych następnych kroków dla jesiennego wyglądu może być po prostu wypełnienie wnętrza tekstu moim pędzlem liściowym na nowej warstwie, a następnie wybór wcześniej utworzonego konturu pędzla poprzez naciśnięcie klawisza Ctrl i kliknięcie na miniaturze warstwy tej warstwy, a następnie użycie go jako maski warstwy dla mojej nowej warstwy.
W ten sposób wykorzystam wcześniejszy kontur jako maskę warstwy i uzyskam z niego efekt konturu dla mojego tekstu.
