PJWSTK w Gdańsku

Zaawansowane techniki graficzne i multimedialne

Igor Garnik, na podstawie materiałów Adobe Systems Inc. oraz wyd. Helion

31

Część 3

Temat: Zaawansowana edycja rysunków w programie Adobe Illustrator CS3.

Ćwiczenie 1

Płynne przekształcanie obiektów i kolorów

Celem ćwiczenia jest przekształcenie rysunku pokazanego po lewej do postaci przedstawionej na
prawym rysunku, za pomocą panelu Gradient i narzędzia Blend (Tworzenie przejść).

 Pobrać i otworzyć dokument L9start.ai.
 Zapisać dokument pod nową nazwą: wiadomości.ai.

 Za pomocą polecenia Window > Workspace > [Panel] przywrócić domyślny układ paneli:

Tworzenie wypełnienia gradientowego

 Zaznaczyć ramkę tła.
 Z przybornika wybrać narzędzie Gradient

, jednocześnie wśród paneli odszukać i uwidocznić

panel Gradient (znajduje się zwykle na jednaj palecie z panelami obrysu (Stroke)
i przeźroczystości (Transparency)).

 W panelu Gradient za pomocą menu panelu

wybrać wyświetlanie wszystkich opcji gradientu
(Show Options).

 Z listy Type wybrać Linear (liniowy).


 Wśród paneli odszukać i uwidocznić panel Color. Jeżeli w panelu wyświetlany jest tylko pasek

kolorów, to należy za pomocą menu panelu wybrać wyświetlanie wszystkich opcji gradientu
(Show Options). Z menu panelu wybrać CMYK (wyświetlanie kolorów w trybie CMYK).

PJWSTK w Gdańsku

Zaawansowane techniki graficzne i multimedialne

Igor Garnik, na podstawie materiałów Adobe Systems Inc. oraz wyd. Helion

32

 W panelu Gradient

zaznaczyć wskaźnik
koloru początkowego
(kwadracik z lewej
strony pod paskiem koloru), a następnie
umieścić kursor w panelu Color nad paskiem kolorów (kursor przyjął
kształt kroplomierza) i wybrać jeden z odcieni zieleni.

 W panelu Color, dla odmiany, ustawić wszystkie wartości CMYK na 0.
 W panelu Gradient zaznaczyć teraz wskaźnik koloru końcowego, by

następnie w panelu Color ustawić wartości CMYK następująco:

o

C: 75,

o

M: 19,

o

Y: 100,

o

K:40.

 Dodać utworzone wypełnienie do panelu Swatches:

o

przeciągnąć próbkę wypełnienia z panelu Gradient do panelu

Swatches,
lub

o

przeciągnąć próbkę wypełnienia z panelu Color do panelu

Swatches,
lub

o

przeciągnąć próbkę wypełnienia z przybornika do panelu

Swatches.

 Nazwać wypełnienie dodane do panelu próbek:

o

w panelu Swatches kliknąć dwukrotnie nową próbkę,

o

w oknie dialogowym Swatch Options zmienić nazwę próbki na tło.

Od tego momentu będzie można korzystać z zapisanego wypełnienia gradientowego tło
do wypełniania innych obiektów bez konieczności definiowania kolorów od początku.

Zmiana kierunku wypełnienia gradientowego

 Zaznaczyć ramkę tła jeśli nie jest zaznaczona.
 Z przybornika wybrać narzędzie Gradient

, a następnie przeciągnąć kursor z góry na dół

z wciśniętym klawiszem SHIFT (dla zachowania
pionu), aby uzyskać płynne przejście kolorów z
góry na dół.
Uwaga operacja ustalania kierunku gradientu
przez przeciąganie może być stosowana tylko do
wypełnień gradientowych.

 Zablokować zaznaczenie prostokąta tła (Object > Lock > Selection).
 Zaznaczyć ramkę tła napisu „Evening News”. Ramka posiada promieniste wypełnienie

gradientowe.

 Za pomocą narzędzia Gradient wypróbować różne warianty wypełnienia ramki tła napisu poprzez

rysowanie krótszych i dłuższych „linii” od środka na zewnątrz. Od długości linii zależy szybkość
przejścia koloru.

 Zapisać zmiany w pliku.

PJWSTK w Gdańsku

Zaawansowane techniki graficzne i multimedialne

Igor Garnik, na podstawie materiałów Adobe Systems Inc. oraz wyd. Helion

33

Dodawanie kolorów pośrednich do wypełnienia gradientowego

 Zaznaczyć literę „E” w napisie „Evening News”.
 Za pomocą polecenia Select > Same > Fill & Stroke zaznaczyć wszystkie litery napisu.

 Połączyć litery w grupę (Object > Group).

 Kliknąć przycisk Gradient znajdujący się poniżej pól Wypełnienie i Obrys na

dole przybornika, aby nadać napisowi aktualne wypełnienie gradientowe.

 W panelu Gradient zmienić typ gradientu na liniowy.

 Za pomocą narzędzia Gradient z przybornika, zmienić kierunek przejścia koloru

rysując „linię” z dołu do góry.

 Aby zmienić kolor początkowy (końcowy – podobnie) gradientu na kolor znajdujący się w panelu

Swatches należy zaznaczyć wskaźnik koloru początkowego w panelu Gradient, a następnie przy
wciśniętym klawiszu ALT wskazać próbkę w panelu Swatches. Jeżeli nie użyto by klawisza ALT,
to zaznaczony obiekt uzyskałby jednolite wypełnienie w kolorze wskazanej próbki.

 Wypróbować metodę na kilku próbkach.
 Ostatecznie ustawić kolor początkowy jako biały a końcowy – próbkę o nazwie Evening News.

 W panelu Gradient dodać wskaźnik

koloru pośredniego klikając poniżej paska
koloru. Można dodawać dowolną liczbę
kolorów pośrednich.

 Użyć tej samej metody jak w przypadku kolorów początkowego i końcowego by ustawić jako

przejściowy kolor żółty.

 Przeciągnąć położenie pierwszego

wskaźnika w kształcie rombu

w kierunku znacznika koloru
pośredniego. W polu Location zmieni
się wartość oznaczająca punkt
równowagi między skrajnymi kolorami przejścia. jednocześnie poszerzy się jasny pas wypełnienia
napisu.

Podobnie jak wskaźniki punktu równowagi (romby), przesuwać można również wskaźniki kolorów
krańcowych i pośrednich uzyskując w ten sposób różne efekty przejścia.

 Usunąć kolor pośredni ściągając jego

wskaźnik z panelu, a następnie ustawić
wskaźnik punktu równowagi na środku
(Location=50%).

 Przeciągnąć próbkę gradientu do panelu Swatches i zapisać

wypełnienie jako News type (dwukrotnie klikając na
przeciągniętej próbce).

 Zapisać zmiany w pliku.

PJWSTK w Gdańsku

Zaawansowane techniki graficzne i multimedialne

Igor Garnik, na podstawie materiałów Adobe Systems Inc. oraz wyd. Helion

34

Tworzenie przejść między dwoma obiektami o różnych kolorach

Polecenie Blend umożliwia tworzenie innych przejść kolorów niż tylko liniowe lub promieniste.
Dzięki temu uzyskuje się bardziej naturalny efekt.

 Otworzyć panel warstw (Layers), w którym

należy ukryć warstwę necklace oraz wszystkie
podwarstwy warstwy Broadcaster oprócz
podwarstwy Hair Blend. Na ekranie widoczny
jest tylko częściowy zarys włosów prezenterki.
Zwrócić uwagę, że kolory linii różnią się.

 Zaznaczyć dwie linie z prawej.
 Wywołać polecenie Object > Blend > Blend Options....

 W menu Spacing powinna być wybrana opcja Smooth Color.


 Wykonać polecenie Object > Blend > Make.

 Zaznaczyć i przekształcić drugą parę linii w ten sam sposób.

Usunięcie efektu uzyskuje się przez polecenie Object > Blend > Release.

 Aby przywrócić widoczność wszystkich ukrytych podwarstw warstwy Broadcaster zastosować

polecenie Object > Show All.

 Włączyć warstwę necklace.

Tworzenie przejść kształtu i koloru

 Usunąć zaznaczenie obiektów.
 W przyborniku kliknąć dwukrotnie narzędzie Blend

, by

otworzyć okno dialogowe Blend Options.

 Z listy Spacing wybrać Specified Steps i w okienku obok wpisać

wartość 4. Zatwierdzić wybór (OK).

 Kursorem narzędzia zaznaczyć koralik

przyszłego naszyjnika znajdujący się
u góry, a następnie koralik na dole. Efektem
są dodatkowe 4 obiekty, których kształt
i kolor płynnie przechodzą od obiektu
początkowego do obiektu końcowego.

 Aby utworzyć przejście

z prawej strony wystarczy
teraz kliknąć kursorem
drugi górny koralik.

PJWSTK w Gdańsku

Zaawansowane techniki graficzne i multimedialne

Igor Garnik, na podstawie materiałów Adobe Systems Inc. oraz wyd. Helion

35

Modyfikacja przejść

 Z przybornika wybrać narzędzie Zaznaczenie bezpośrednie

.

 Kliknąć grotem strzałki środek dolnego koralika.




 W pasku kontrolnym wybrać ikonę Convert selected anchor

points to smooth, by uzyskać gładkie połączenie krzywych
ścieżki, na której ułożone są koraliki naszyjnika.

 Z przybornika wybrać narzędzie Konwertowanie punktów kontrolnych

(znajduje się w tej

samej grupie co narzędzie Pióro).

 Ustawić kursor nad lewym górnym zakończeniem ścieżki i przeciągnąć go

w dół, by utworzyć linię kierunkową. Podobnie wykonać dla prawego
zakończenia.

 Ustawić położenie punktów kierunkowych każdego z trzech punktów

kontrolnych ścieżki, by uzyskać wygląd podobny jak na rysunku obok.
Wraz z krzywizną ścieżki zmieniają się również odległości między obiektami tworzącymi przejście.

 Ustawić widok, tak by dokładnie widzieć dolny koralik.
 Zaznaczyć koralik, a następnie z przybornika wybrać narzędzie Usuwanie punktów kontrolnych

(tak jak poprzednie narzędzie również znajduje się w tej samej grupie co narzędzie Pióro).

 Kliknąć górny punkt kontrolny zaznaczonego koła. Punkt został

usunięty.

 Za pomocą narzędzia Zaznaczenie bezpośrednie przeciągnąć

dolny punkt kontrolny koralika. Zmiana kształtu koralika
pociągnęła zmianę kształtu wszystkich obiektów pośrednich
utworzonych poleceniem Blend.

 Usunąć zaznaczenie obiektów i zapisać zmiany w pliku.

Łączenie efektów przejść i wypełnień gradientowych

 Kombinacją klawiszy CTRL+0 (zero) przywrócić widok całego rysunku.
 Z przybornika wybrać narzędzie Blend

, a następnie najpierw

kliknąć dowolny prostokąt z górnego rzędu w tle, by w kolejnym
kroku kliknąć prostokąt z dolnego rzędu.

 Zmienić liczbę kroków przejścia do dwóch:

o

zaznaczyć obiekty (wystarczy w przyborniku wybrać narzędzie Zaznaczenie),

o

wywołać polecenie Object > Blend > Blend Options...,

o

w oknie Blend Options z listy

Spacing wybrać Specified Steps
i w okienku obok wpisać wartość 2,

o

zatwierdzić wybór (OK).

PJWSTK w Gdańsku

Zaawansowane techniki graficzne i multimedialne

Igor Garnik, na podstawie materiałów Adobe Systems Inc. oraz wyd. Helion

36

 Za pomocą narzędzia Zaznaczenie bezpośrednie zaznaczyć dolny rząd prostokątów.

 W panelu Gradient zaznaczyć wskaźnik koloru pośredniego

i z wciśniętym klawiszem ALT wskazać próbkę koloru żółtego
w panelu Swatches. Ostateczny efekt wygląda następująco:

 Zapisać zmiany i zamknąć plik.