Grafika wektorowa

lab. 4

Jacek Wiślicki, jacenty@kis.p.lodz.pl

Spis treści

1. Tekst i efekty interakcyjne............................................................................................................... 2

1.1. Manipulacje tekstem................................................................................................................. 3
1.2. Wykorzystanie konturu.............................................................................................................4
1.3. Tekst trójwymiarowy................................................................................................................6
1.4. „Popękany” tekst.......................................................................................................................8
1.5. Tekst z cieniem....................................................................................................................... 10
3.6. Zamiana tekstu na krzywe...................................................................................................... 11
3.7. Dopasowanie tekstu do krzywej............................................................................................. 11

strona 1 z 12

Grafika wektorowa

lab. 4

Jacek Wiślicki, jacenty@kis.p.lodz.pl

1. Tekst i efekty interakcyjne

Narzędzie Tekst w programie CorelDRAW wybieramy z przybornika klikając na ikonę   . Sam 
proces wprowadzania tekstu nie różni się niczym od pracy w zwykłych edytorach tekstu. Aby go 
rozpocząć klikamy w dowolnym miejscu obszaru roboczego i wpisujemy np. „To jest przykładowy 
tekst”. Do formatowania tekstu i zmiany jego właściwości wygodnie jest posłużyć się opcjami 
dostępnymi na pasku właściwości:

UWAGA: Część czcionek dostarczanych w pakiecie Corel może nie posiadać polskich znaków 
diakrytycznych   („ogonków”).   Dlatego   czcionki   nie   obsługujące   polskich   znaków   na   liście 
dostępnych czcionek oznaczone są na szaro.
CorelDRAW oferuje dwa tryby wprowadzania i edycji tekstu (mogą być wzajemnie konwertowane 
– opcja w menu kontekstowym lub Ctrl+F8):

•

tekst   ozdobny  –   przeznaczony   do   tworzenia   symboli   graficznych,   różnych   efektów 
wizualnych; pozwala na wykonywanie niemalże dowolnych operacji z tekstem (obracanie, 
wyginanie, itp.),

•

tekst   akapitu  –   przeznaczony   do   wprowadzanie   zwykłych   treści   “linia   po   linii”,   jak 
w popularnych   edytorach   tekstu   (oferuje   także   podobne   do   edytorów   tekstu   funkcje 
formatowania).

Jeżeli chcemy wpisać tekst ozdobny po prostu kliknijmy myszą (narzędzie tekst) w dowolnym 
miejscu obszaru roboczego i zacznijmy pisanie. Dla uzyskania tekstu akapitu zaznaczmy myszą 
obszar, który ma być przeznaczony na tekst. Pamiętajmy o możliwości późniejszej konwersji trybu.
Obydwa   tryby   różnią   się   też   sposobem   prezentowania   tekstu   na   ekranie   (ilustracje   poniżej). 
Zasadniczą różnicą jest, że tekst ozdobny jest zaznaczany jak zwykły obiekt (charakterystyczne 

strona 2 z 12

Rys. 1: Pasek właściwości dla narzędzia Tekst

Rys. 2: Tekst akapitu

Rys. 3: Tekst ozdobny

Grafika wektorowa

lab. 4

Jacek Wiślicki, jacenty@kis.p.lodz.pl

punkty   do   skalowania/obracania),   natomiast   tekst   akapitu   jest   ograniczony   ramką   określającą 
zajmowany przez niego obszar.
W chwili obecnej będziemy pracować z tekstem ozdobnym. Stwórzmy na ekranie napis “To jest 
przykładowy tekst” (jako tekst ozdobny):
Pamiętajmy,   że   jeżeli   chcemy   zmienić   parametry   teksu   już   napisanego,   musimy   zaznaczyć 
odpowiedni zakres tekstu (na rysunku zmieniliśmy czcionkę słowa „przykładowy”):

Jeżeli   chcemy   zastosować   zmiany   do   całego   tekstu,   zaznaczamy   go   (wskaźnik)   i   ustawiamy 
czcionkę. Tekst zaznaczony jest otoczony punktami (czarne kwadraty) jak każdy inny obiekt:

Skoro tekst ozdobny jest zaznaczany jak obiekt (tak naprawdę, to po prostu jest on obiektem), 
możemy   do   dowolnie   kopiować,   transformować   i   przenosić   –   zauważmy   zmianę   rozmiaru 
wyświetlanej czcionki:

Wypróbujmy teraz opcje dostępne w pasku właściwości narzędzia Tekst.
Poniżej znajduje się kilka ćwiczeń pokazujących możliwości manipulacji tekstem w programie 
CorelDRAW.

1.1. Manipulacje tekstem

Napiszmy jakiś tekst i zaznaczmy go wskaźnikiem:

Zmieńmy teraz narzędzie na narzędzie kształtu (zauważmy zmianę kursora i punktów edycji):

strona 3 z 12

Rys. 4: Przykładowy napis

Rys. 5: Przykładowy napis (zmiana czcionki fragmentu)

Rys. 6: Przykładowy napis (zmiana czcionki całości)

Rys. 7: Manipulacje tekstem ozdobnym

Rys. 8: Napis (tekst ozdobny) wykorzystywany w ćwiczeniu

Grafika wektorowa

lab. 4

Jacek Wiślicki, jacenty@kis.p.lodz.pl

Jeżeli chwycimy za białe kwadraty pomiędzy literami, możemy dowolnie przesuwać napisane znaki 
(wciąż zachowując możliwość edycji wpisanego tekstu):

Z kolei punkty pojawiające się w dolnych rogach napisu służą do zmiany odległości pomiędzy 
znakami (prawy) i odległości pomiędzy liniami (lewy) – oczywiście, tekst na przykładzie składa się 
wyłącznie z jednej linii, także efekt nie będzie widoczny:

1.2. Wykorzystanie konturu

Utwórzmy nowy plik w wpiszmy w nim jakieś słowo, np.: kontur. Ustawmy wielkość czcionki 
taką, aby tekst zajmował mniej więcej 75 % szerokości strony:

Zmieńmy teraz kontur tekstu na gruby czerwony (pracujemy jak ze zwykłym obiektem):

strona 4 z 12

Rys. 9: Efekt zmiany na narzędzie kształtu

Rys. 10: Przesuwanie liter w napisie

Rys. 11: Zmiana “zagęszczenia” liter

Rys. 12: Napis (tekst ozdobny) wykorzystywany w ćwiczeniu

Grafika wektorowa

lab. 4

Jacek Wiślicki, jacenty@kis.p.lodz.pl

Teraz   oddzielimy   kontur   od   obiektu   (nie   stosowaliśmy   jeszcze   te   możliwości).   W   tym   celu 
wchodzimy   w   menu  Rozmieszczenie  i   wybieramy  Przekształć   kontur   w   obiekt  (skrót: 
Ctrl+Shift+Q):

Nasz nowy obiekt został wydzielony i automatycznie wybrany. Zmieńmy teraz jego wypełnienie, 
np. na tonalne:

Na sam koniec wybierzmy nasz tekst (nie jego oddzielony kontur) i wykasujmy go:
UWAGA: Opisane efekty mogą być stosowane także wobec innych obiektów, nie tylko tekstu.

strona 5 z 12

Rys. 13: Napis ze zmienionym konturem

Rys. 14: Oddzielenie konturu od obiektu

Rys. 15: Okno dialogowe edycji wypełnienia nowego obiektu – oderwanego konturu

Rys. 16: Kontur napisu ze zmodyfikowanym wypełnieniem

Grafika wektorowa

lab. 4

Jacek Wiślicki, jacenty@kis.p.lodz.pl

1.3. Tekst trójwymiarowy

Otwórzmy   nowy   rysunek   i   napiszmy   tekst   (odpowiednio   duży,   czcionką   blokową   –   np.   Arial 
Black):

Efekt trójwymiarowości uzyskamy za pomocą efektu perspektywy. Zaznaczmy tekst wskaźnikiem 
i z menu Efekty wybierzmy Dodaj perspektywę:

Złapmy myszą za górne narożniki czerwonego prostokąta (czarne kwadraty) przyciągnijmy je do 
środka,   podnosząc   je   jednocześnie   lekko   ku   górze.   Proponuje   wypróbować  zastosowanie 
prowadnicy, aby znalazły się na tej samej wysokości (ustawmy prowadnicę, sprawdźmy w menu 
Widok  czy jest włączone przyciąganie do prowadnic, „unieśmy” narożniki w górę i przesuńmy 
wzdłuż prowadnicy do środka):

Zauważmy,   że   kiedy   zbliżymy   odpowiednio   punkty,   na   górze   pojawia   się   znak   X   –   środek 
perspektywy (pojawia się on od razu, tylko początkowo zakłada się istnienie środka perspektywy w 
nieskończoności – jeżeli jest on położony za daleko, możemy zmniejszyć powiększenie, aby go 
zobaczyć). Pozwala on na modyfikacje efektu perspektywy:

strona 6 z 12

Rys. 17: Sam kontur (po wykasowaniu napisu)

Rys. 18: Napis (tekst ozdobny) wykorzystywany w ćwiczeniu

Rys. 19: Siatka kontrolna efektu perspektywy

Rys. 20: Edycja perspektywy przy wykorzystaniu prowadnicy

Grafika wektorowa

lab. 4

Jacek Wiślicki, jacenty@kis.p.lodz.pl

Wypełnijmy tekst teksturą, na przykład taką jak na Rys. 23, a następnie dodajmy delikatny kontur. 
Tymczasowy efekt jest następujący:

Użyjemy teraz narzędzia interakcyjnej głębi (przybornik   – może istnieć konieczność rozwinięcia 
listy  z   narzędziami   interakcyjnymi).   Zaznaczamy   z  jego  pomocą   tekst,   klikamy   i  przeciągamy 
kursor w odpowiednie miejsce, np. jak na przykładzie:

strona 7 z 12

Rys. 21: Edycja perspektywy – przesuwanie środka perspektywy

Rys. 23: Wybór tekstury

Rys. 22: Tekst po wypełnieniu teksturą i dodaniu konturu

Rys. 24: Wykorzystanie narzędzia interakcyjnej głębi

Grafika wektorowa

lab. 4

Jacek Wiślicki, jacenty@kis.p.lodz.pl

Modyfikujemy   do   naszych   potrzeb   uzyskany   efekt   za   pomocą   punktów   kontrolnych   narzędzia 
(sprawdźmy samodzielnie, jakie skutki osiągamy poruszając nimi):

Możemy osiągnąć na przykład taki efekt:

UWAGA: Opisane efekty mogą być stosowane także wobec innych obiektów, nie tylko tekstu.

1.4. „Popękany” tekst

Napiszmy jakiś tekst i  zastosujmy wypełnienie jednolite:

Zaznaczmy go wskaźnikiem (inaczej gumka nie zadziała) i wybierzmy z przybornika narzędzie 
gumki 

 (znajduje się w tej samej grupie co narzędzie kształtu). Zauważmy różnicę, co się dzieje, 

jeżeli ciągniemy gumkę ciągle trzymając wciśnięty lewy przycisk myszy, a co kiedy klikamy w 

strona 8 z 12

Rys. 25: Edycja interakcyjnej głębi

Rys. 26: Finalny efekt edycji napisu

Rys. 27: Napis (tekst ozdobny) wykorzystywany w ćwiczeniu

Grafika wektorowa

lab. 4

Jacek Wiślicki, jacenty@kis.p.lodz.pl

jednym miejscu, przesuwamy mysz i klikamy w drugim. Poprzerywajmy tekst w kilku miejscach.
UWAGA: Użycie gumki powoduje zamianę tekstu (czcionek) na linie – tracimy w ten sposób 
możliwość jego edycji.

Jak w poprzednim ćwiczeniu wykorzystajmy narzędzie interakcyjnej głębi:

No, cóż – jak na razie efekt mizerny. Ale wypróbujmy teraz opcje narzędzia głębi pojawiające się 
na pasku właściwości. Wybierzmy i ustawmy oświetlenie 

 (mamy do dyspozycji 3 źródła światła 

– oczywiście nie musimy „włączać” wszystkich trzech żarówek, a każde może charakteryzować się 
inną pozycją i natężeniem – pozycja kółka z numerem źródła na modelu kuli):

Dla ostatecznego efektu możemy jeszcze trochę popracować z głębią:

strona 9 z 12

Rys. 28: Napis poprzerywany gumką (nastąpiła zmiana z tekstu w linie)

Rys. 29: Wykorzystanie interakcyjnej głębi

Rys. 30: Oświetlenie w pasku właściwości narzędzia interakcyjnej głębi

Rys. 31: Efekt zastosowania oświetlenia

Grafika wektorowa

lab. 4

Jacek Wiślicki, jacenty@kis.p.lodz.pl

Spróbujmy teraz dodać efekt oświetlenia do rysunku z poprzedniego ćwiczenia (najlepiej uprzednio 
usuwając kontur):

UWAGA: Opisane efekty mogą być stosowane także wobec innych obiektów, nie tylko tekstu.

1.5. Tekst z cieniem

Weźmy do tego ćwiczenia kontur tekstu z jednego z poprzednich ćwiczeń (zmieniając wypełnienie 
na jednolity, np. czerwone). Dla przypomnienie – kontur nie ma już nic wspólnego z tekstem, 
z którego go uzyskaliśmy.

Wybieramy z przybornika narzędzie interakcyjnego cienia  . Zaznaczamy nasz obiekt narzędziem 
interakcyjnego cienia, jeżeli nie zaznaczyliśmy go wcześniej wskaźnikiem. „Ciągniemy” cień jak 
poprzednio głębię. Otrzymujemy na przykład następujący efekt:

Wypróbujmy   teraz   ręczne   ustawianie   cienia   z   pomocą   przesuwania   punktów   kontrolnych. 
Zobaczmy też, co oferuje pasek właściwości – tu przećwiczmy przede wszystkim różne parametry 
wtapiania.   Dzięki   odpowiednim   zmianom,   możemy   na   przykład   uzyskać   efekt   prześwitywania 
światła   przez   półprzezroczysty   obiekt.   Wygodne   w   użyciu   mogą   być   również   gotowe   wzorce 

strona 10 z 12

Rys. 32: Efekt finalny ćwiczenia

Rys. 33: Zmodyfikowany efekt poprzedniego ćwiczenia

Rys. 34: Kontur uzyskany metodą opisaną w jednym z poprzednich ćwiczeń

Rys. 35: Edycja interakcyjnego cienia

Grafika wektorowa

lab. 4

Jacek Wiślicki, jacenty@kis.p.lodz.pl

cienia.

3.6. Zamiana tekstu na krzywe

Niejawnie użyliśmy już podobnego efektu podczas “przecinania” tekstu za pomocą gumki. W tym 
ćwiczeniu wykorzystamy ten efekt celowo. Konwersji tekstu na krzywe dokonujemy poprzez prawy 
przycisk myszy, albo kliknięcie przycisku na pasku właściwości narzędzia tekst (skrót:  Ctrl+Q). 
Zaczynamy jak zwykle od napisania jakiegoś tekstu. Przekształcamy go w krzywe.

UWAGA: Przekształcając tekst w krzywe tracimy możliwość jego edycji. Dlatego musimy być 
pewni poprawności tekstu zanim dokonamy tej operacji.
Tracąc możliwość edycji, zyskujemy jednak możliwość wykonywania dowolnych transformacji, 
np.:

3.7. Dopasowanie tekstu do krzywej

Napiszmy jakiś tekst, tym razem nieco dłuższy, np.:

Narysujmy teraz jakąś linię:

Możemy już z menu  Tekst  wybrać  Dopasuj tekst do ścieżki  (zaznaczywszy uprzednio tekst). 

strona 11 z 12

Rys. 36: Końcowy efekt ćwiczenia

Rys. 37: Przykładowy tekst do ćwiczenia przekształcony w krzywe

Rys. 38: Przykładowa edycja krzywych uzyskanych z tekstu

Rys. 39: Przykładowy tekst do ćwiczenia

Rys. 40: Tekst i dowolna linia

Grafika wektorowa

lab. 4

Jacek Wiślicki, jacenty@kis.p.lodz.pl

Kursor zmienia się w czarna strzałkę za pomocą której wskazujemy linię:

Zniekształćmy teraz linię, zmodyfikujmy trochę tekst (odstępy między znakami):

Cóż, byłoby ciężko edytować taki tekst na ekranie. Dlatego kiedy zaznaczymy tekst i wybierzemy 
jego edycję (np. z menu kontekstowego lub paska właściwości  

), dostajemy do dyspozycji 

specjalne okno dialogowe:

Ostatnim krokiem jest rozłączenie tekstu od krzywej (nie jest nam już potrzebna i może zostać 
skasowana).   W   tym   celu   zaznaczamy   nasz   tekst   (najwygodniej   w   menedżerze   obiektów) 
i wybieramy z menu Rozmieszczenie opcję  Rozłącz – tekst (Ctrl + K). Linia i tekst zostały już 
rozłączone, możemy skasować linię:

strona 12 z 12

Rys. 41: Tekst dopasowany do linii

Rys. 42: Modyfikacje tekstu i linii

Rys. 43: Okno dialogowe edycji tekstu

Rys. 44: Końcowy kształt tekstu