Narzędzia edycji tekstu w Photoshopie efekty tekstowe poprzez style

kurs: Photoshop CS5 cz. 4 – praca z tekstem
programy
programy
Fot.: Roman Zaremba/Dreamstime.com
Narzędzia edycji tekstu w Photoshopie
nie jest programem przeznaczonym
P dohotoshop
tworzenia dokumentów tekstowych, z tego
też powodu wbudowane narzędzia umożliwiające
edycję tekstu nie są zbyt rozbudowane. Pozwalają
Jak dodać tekst do obrazka i sformatować go
odstawowe dodawanie tekstu i formatowanie
Ptrudności
go w Photoshopie nie sprawi nam żadnych
– przypomina bowiem korzystanie
wybraniu narzędzia wprowadzania tekstu
2nimPopojawia
się pasek ustawień. Dostępne są na
takie funkcje, jak: – przełączanie między
z nieskomplikowanego edytora tekstu.
dodać tekst do tworzonej pracy w pa1żeliŻeby
nelu narzędzi Photoshopa, klikamy na . Jeklikniemy na ten przycisk i przytrzymamy
wciśnięty przycisk myszy, rozwinie się menu,
w którym dodatkowo mamy do wyboru takie
narzędzia, jak: wprowadzanie tekstu pionowego oraz tworzenie zaznaczeń o kształcie wpisywanych liter . Wybranie pierwszych dwóch
narzędzi powoduje utworzenie nowej warstwy
Skąd wziąć ciekawe fonty
Oczaruj tekstem
Niezwykle efektowny tekst potrafi dodać uroku naszej pracy graficznej. Napisy do obrazka łatwo
wprowadzić, ale żeby nadać mu ciekawy wygląd, potrzebne są szczegółowe porady
D
o tej pory poznaliśmy już podstawy pracy w Photoshopie, sposoby poprawiania zdjęć, a także
narzędzia malarskie i rysownicze.
W ostatniej części kursu zaś dowiemy
się, jak do tworzonych prac graficznych
dodawać napisy i formatować je.
Czego dowiemy się z tej
części kursu Photoshopa?
Najpierw poznamy narzędzia służące
do wprowadzania tekstu. Nie ma ich
warto wiedzieć
o prac graficznych w Photoshod
pie możemy dodawać tekst i formatować go w efektowny sposób
zięki prostym trikom możemy
d
uzyskać niesamowite efekty
tekstowe
36
w zasadzie na wprowadzenie tekstu i podstawowe
jego sformatowanie.
4/2011
zbyt dużo, poza tym obsługuje się je
podobnie jak dowolny edytor tekstu,
więc korzystanie z nich nie sprawi
nam żadnego problemu. W drugiej
kolejności Komputer Świat pokaże, jak uzyskać interesujący wygląd
tekstu za pomocą stylów warstw.
Na koniec poznamy możliwość zamiany tekstu na grafikę i uzyskania
w ten sposób bardziej zaawansowanych i efektownych przekształceń.
Jak uzyskać nietypowy
wygląd liter?
Litery, których używamy w programach komputerowych, mają wygląd
określony poprzez użyty krój czcionki. Żeby uzyskać ciekawe efekty, wystarczy po prostu zainstalować dodatkowe fonty do Windows. Informacje,
jak to zrobić, znajdziemy w ramce
na sąsiedniej stronie. Dodane przez
Wykonując napisy na pracach graficznych, unikajmy typowych czcionek wbudowanych w Windows – nie są zbyt ładne, a w dodatku wszystkim się już opatrzyły. Zamiast tego pobierzmy
z internetu darmowe, nietypowe czcionki .
Duży ich wybór znajdziemy między innymi na
takich stronach, jak: www.1001freefonts.com,
www.dafont.com czy www.urbanfonts.com Po
ściągnięciu pliku – skompresowanego archiwum ZIP – wypakowujemy pliki z rozszerzeniem TTF lub OTF do katalogu . Po ponowym
z tekstem, tworzenie maski zaś powoduje utworzenie zaznaczenia na aktualnie podświetlonej
warstwie.
uruchomieniu Photoshopa będziemy już mogli
z tych czcionek korzystać.
Pamiętajmy jednak, że większość takich fontów
pozbawiona jest polskich znaków diakrytycznych (ą, ę, ł, ó i tym podobnych liter), nie nadają
się więc do pisania dłuższych tekstów. W wypadku krótkich napisów wystarczy na oddzielnej warstwie wstawić kropkę lub przecinek
odpowiednio style warstwy zawieraD efiniując
jącej tekst, możemy uzyskać bardzo ciekawe
1
towanie tekstów. Taki nietypowy krój
czcionki możemy dodatkowo jeszcze
uatrakcyjnić w Photoshopie.
rk
Więcej o Photoshopie CS5
Od 9 lutego 2011 roku dostępna jest w sprzedaży książka Photoshop CS5 Kurs obsługi w przykładach. Jeżeli zainteresował nas temat edycji
grafiki w tym programie, to w książce znajdziemy mnóstwo dodatkowych przykładów i pomysłów na upiększenie zdjęć lub uwiecznionych postaci, tworzenie efektownych kartek,
panoram czy nawet... trójwymiarowych zdjęć.
i przenieść w odpowiednie miejsce, by dodać
do wybranych liter polskie ogonki.
Efekty tekstowe poprzez style warstw
i nietypowe efekty tekstowe. Szczególnie gdy
przygotujemy odpowiednie wzorki, którymi
Dodawanie cienia i wypełnienia wzorkiem
nas czcionki będą dostępne zarówno w Photoshopie, jak i na przykład
w Wordzie czy innych programach
umożliwiających wpisywanie i forma-
tekstem poziomym a pionowym;
– wybór
kroju czcionki; – wybór stylu; – rozmiar
liter; – wybór metody wygładzania krawędzi
liter;
– wyrównanie tekstu do lewej, środka lub prawej;
– wybór koloru tekstu;
– otwiera okno, w którym możemy wybrać format zawijania tekstu (różne wykrzywienia);
– otwiera panele Typografia i Akapit, w których
możemy ustawić między innymi odstępy między
literami, grubość znaków oraz sformatować całe
akapity tekstu.
Dodajemy warstwę zawierającą tekst. Następnie klikamy na jej nazwę i z menu wybieramy
.
W nowym oknie
2czenie
dodajemy zaznado efektu
cienia , a potem
klikamy na jego nazwę. W prawej części okna wyświetlą się wówczas różne ustawienia, na przykład poziom krycia , rozmiar cienia lub obrysu – warto z tymi
opcjami eksperymentować, bo
możemy uzyskać
bardzo interesujący wygląd naszego tekstu.
zaznaczenie do opcji
3tegoDodajemy
, po czym klikamy na nazwę
efektu. Klikamy na i wybieramy wzorek
(jak stworzyć własny wzorek do wypełniania
liter, czytaj w ramce obok). Gdy dobierzemy
odpowiadające
nam ustawienia
dla obu efektów,
zapisujemy je.
W tym celu, klikamy na przycisk
.
wypełnimy litery tworzonego przez nas napisu.
Zobaczmy, jak to zrobić.
Jak stworzyć własny wzorek
Do efektów tekstowych często wykorzystuje
się krycie tekstu wzorkiem. Najpierw jednak
musimy taki wzorek zdefiniować. Aby to zrobić, przygotujmy dowolny obrazek zawierający
to, czym będziemy chcieli wypełnić litery:
zdjęcie lub jego wycięty fragment, różnego
rodzaju wzory geometryczne albo pociągnięcia pędzlem. Gdy będziemy mieli taki obrazek,
i na
w menu Photoshopa klikamy na
. W nowym oknie podajemy
dowolną nazwę i klikamy na . Od tej chwili
będziemy mogli korzystać z utworzonego
wzorka do wypełniania tekstu.

www.komputerswiat.pl
4/2011
37
programy
Tworzymy efekt wypukłości
kurs: Photoshop CS5 cz. 4 – praca z tekstem
Łączenie wielu stylów warstw
Efekty tekstowe poprzez rasteryzację
S
1
Dodajemy warstwę zawierającą tekst. Potem klikamy na jej nazwę i z menu wybieramy
.
2
Teraz dodajemy zaznaczenie do opcji
i klikamy na nazwę
tego efektu.
zczególnie dobre efekty możemy uzyskać,
powielając warstwę tekstową raz lub dwa
i do każdej z nich dodając inne efekty. Dzięki
temu uzyskamy zupełnie niepowtarzalny wygląd tekstu.
Po wprowadzeniu napisu klikamy prawym
1i z menu
przyciskiem myszy na warstwę tekstową
wybieramy
. Klikamy
widoczny na obrazku.
na nazwę tej warstwy , po czym ustawiamy
zerowe wypełnienie . Dzięki temu widoczne
będą efekty z warstwy głównej tekstu oraz
efekty nałożone na kopię.
Klikamy na warstwę
2myszy
prawym przyciskiem
i wybieramy
.
4
Gdy dobierzemy odpowiadające nam parametry, zapisujemy je. W tym celu klikamy
na przycisk
.
pozwala zamienić składający się z liter
R asteryzacja
tekst na typową grafikę, którą możemy dowolnie
3
Dodajemy różne wybrane efekty, na przykład:
,
,
i . Ustawiamy odpowiadające nam parametry w taki sposób, aby
litery u góry były rozjaśnione, a w dolnej części
przyciemnione. Wprowadzone zmiany zatwierdzamy, klikając na
.
,
i .
Parametry dostosowujemy tak samo jak w poprzednim punkcie – aby rozjaśnić górną część,
a przyciemnić dolną.
Ponieważ Photoshop
5cienia
nie potrafi dodawać
dostosowanego
przestrzennie na przykład tylko do dolnej
części tekstu, tworzymy
nową warstwę i przeciągamy ją poniżej warstw
z tekstem . Następnie miękkim pędzlem
o małym kryciu domalowujemy brakujące
elementy cienia rzucanego przez litery
u ich podstawy. Efekt takich połączeń
prezentuje się bardzo ciekawie.
Metalizowane litery ze złota lub srebra
warstwę zawierającą tekst. Następ1Dodajemy
nie klikamy na jej nazwę i z menu wybieramy
.
Najpierw dodajmy cień o takich parame2zachowały
trach oraz efekt ustawiony tak, aby litery
swoją ostrość i wyrazistość.
brązu, a potem
na i w próbniku kolorów
wybieramy jasny odcień żółtego. Potem patrzymy na efekt – jeżeli jest zbyt ciemny, to
suwak przesuwamy z prawej strony na lewą, aż
uzyskamy dobry odcień. Jeżeli chcemy uzyskać
efekt srebrny zamiast złotego, wybieramy odpowiednio ciemny i jasny odcień
koloru szarego.
Dodamy teraz także ob4bardziej
rys, który wypełnimy
zaawansowanym
3
Następnie musimy nałożyć gradient na litery i dodatkowo na ich obrys. Od ustawień
kolorów zależy, jaki efekt uda się nam uzyskać.
Zaznaczamy opcję
. Wybieramy
parametry takie jak na obrazku . Po kliknięciu
na ukaże się lista dostępnych gradientów – wybieramy w niej przepływ od białego do czarnego , a potem poniżej
klikamy podwójnie na
i wskazujemy
ciemny odcień
38
4/2011
gradientem. Zaznaczamy
opcję
. W panelu
ustawień określamy jego
obrys na 1 piksel . Jako
edytować. Wówczas Photoshop pokazuje pazur,
stosując bowiem kilka ciekawych trików, uzyska-
my tekstowe efekty, jakich nie powstydziliby się
profesjonalni graficy.
Płonący napis
klikamy prawym przyciskiem myszy
4poTeraz
na warstwę i wybieramy
,
czym dodajemy na przykład takie efekty, jak
Następnie dobieramy kąt rysowania efektu ,
3zmiękczania.
a także określamy głębię, rozmiar i siłę
Podgląd ustawień jest cały czas
programy
Na czarnym tle wpisujemy biały tekst. Na1odcienie
stępnie zmieniamy tryb obrazka z RGB na
szarości. W tym celu klikamy na
,
i . Potem klikamy prawym przycis­
kiem myszy na warstwę z tekstem i wybieramy
.
obracamy obraz o 90 stopni w lewo. Klikamy na
,
i na
. Płomienie
muszą się wyginać, dlatego dodajemy zniekształcenie – klikamy na
,
i na
. Wybieramy rozmiar średni o sile
100 procent . Klikamy na
.
Obracamy cały obraz o 90 stopni w prawo.
2 Klikamy
na
,
i na
.
płomienie. KliMusimy teraz przywrócić kolor. Klikamy
3i Tworzymy
kamy na
,
4
na
,
i na
.
. Ustawiamy efekt wiaW oknie z informacją o spłaszczaniu warstw
tru z lewej strony i klikamy
na
. Operację powtarzamy 2
lub 3 razy, aż widoczne staną się
rozmazania tekstu. Następnie
Wprowadzone zmiany zatwierdzamy, klika­jąc na .
Efekt płomieni jest już widoczny. Musimy
5obrazek
jednak na koniec ponownie przełączyć nasz
na tryb edycji w kolorach RGB. W tym
celu klikamy na
,
i na
.
klikamy na
. Ponownie klikamy na
,
, tym razem jednak wybieramy pozycję
. Otwiera się nowe okno, w którym wskazujemy zestaw kolorów o nazwie .
Zamrożony tekst
czarnym tle wpisujemy biały tekst. Potem
1stwęNaklikamy
prawym przyciskiem myszy na warz tekstem i wybieramy
.
cały obraz o 90 stopni w prawo.
Obracamy obraz o 90 stopni w lewo. Klikamy
2 Obracamy
Klikamy na
,
i na 4 na
,
i na
.
.
Wciskając � i E, łączymy warstwę białego
Dodajemy efekt sopli lodu. 5 tekstu z czarnym tłem. Teraz wybieramy
,
3 Klikamy na ,
i . Suwak ustawiamy na
i . Ustawiamy efekt wiatru z prawej strony i klikamy na
. Operację powtarzamy 2 lub 3 razy, aż widoczne
staną się rozmazania tekstu.
i po rozwinięciu menu na
.
W panelu dopasowania zaznaczamy
,
a następnie suwak barwy ustawiamy w okolicach zimnego odcienia niebieskiego, po czym
suwakami regulujemy natężenie i jasność koloru. W efekcie wszystkie szare miejsca nabierają
lodowych odcieni, a białe litery nadal pozostają
białe. Gotowy efekt zamrożonego tekstu może
wyglądać na przykład tak .
poziomie wartości od 1 do 10 – ustawmy go tak,
aby uzyskać podobny efekt . Klikamy na
.
teraz warstwę dopasowania kolorów
6 Dodajemy
– w dolnej części panelu warstw klikamy na
n
rodzaj wypełnienia na liście wskazujemy .
Poniżej wybieramy dowolny gradient. Klikając
podwójnie na znaczniki , tak jak w punkcie 3,
modyfikujemy ich kolory. Żeby dodać więcej
znaczników, klikamy na puste pole paska .
Znacznikom przypisujemy barwy według sche-
matu – odcienie brązu dla efektu złota lub
szarości dla efektu srebra.
zatwierdzamy, klikając na przycisk
5 Zmiany
. Złoty lub srebrny napis jest gotowy.
www.komputerswiat.pl
4/2011
39