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