WARSZTATY
poziom trudności:
ü
55 Min
o autorze
Dominika Kwol
Od dwóch lat pracuje w czołowej polskiej agencji internetywnej
OS3 multimedia jako grafik komputerowy. Pracuje przy projek-
tach e-marketingowych dla znanych na całym świecie marek,
jak Marlboro, Tally Weijl, Era, ING. Pracuje na programach Photo-
shop, Macromedia Flash, 3D Studio Max, Adobe After Effects.
Agencja interaktywna OS3 multimedia specjalizuje siÄ™ w tworze-
niu strategii, budowaniu wizerunku oraz kształtowaniu trwałych
więzi z otoczeniem poprzez Internet i nowe media.
56 www.psdmag.org
władza należy do krzywych
podstawowe narzędzia wektorowe w Photoshopie
władza należy do krzywych
podstawowe narzędzia wektorowe w Photoshopie
Grafika użytkowa, podobnie jak wystrój wnętrz, moda, czy wiele innych dziedzin, co jakiś czas narzuca nam nowe
trendy, które pojawiają się we wszystkich jej kanałach: ulotkach, reklamach ulicznych, internecie i telewizji.
Oczywiście to, czy najnowszy trend nam osobiście się podoba, czy chcemy go użyć w swoich pracach, to już tylko
kwestia gustu. Podam tylko kilka podstawowych kroków ułatwiających tworzenie grafiki wektorowej, obecnie bar-
dzo popularnej. Wprowadzenie narzędzi wektorowych w Photoshopie ( od wersji 6.0 ) pozwala tworzyć rysunki wek-
torowe w programie, który z założenia służy do tworzenia grafiki rastrowej. W 1972 roku Frank O. Ghery zaprojekto-
wał krzesło ( WIGGLE CHAIR ) o ciekawej formie. Wyrenderowałam kilka kolorystycznych wariacji na temat tego krze-
sła, które posłużyły za podstawę kompozycji. Pozostałe elementy stworzyłam za pomocą narzędzi wektorowych.
kształty wektorowych  z węzełkami twarzą linie, nad którymi mamy kontrolę I
01 03
w twarz Jednym z rozwiązań problemu jest wypełnienie wektorowej ścieżki
Pierwszy krok to otoczenie krzeseł wektorowymi falami. W tym ce- pędzlem. Pomocne będzie Pióro (Pen) [P]. Tworząc nową warstwę, na-
lu z palety Narzędzia (Tools) należy wybrać Prostokąt (Rectangle Tool) leży wybrać Pióro dowolne (Freeform Pen Tool) i wprowadzić ustawienia, jak
[U] i przejść do narzędzia Dodawanie Punktów (Add Anchor Point Tool). na screenie. Po narysowaniu dowolnej krzywej należy ponownie za pomo-
To narzędzie pozwala zaznaczać poszczególne wierzchołki wektorowe- cą Dodawania Punktów edytować jej kształt. Po przełączeniu się na narzę-
go kształtu i przenosić je. Można także dodawać kolejne punkty obrysu dzie Pędzel (Brush) [B], otwieramy paletę Pędzle i wprowadzamy ustawie-
oraz zmieniać wygięcia łączących je krzywych (podobnie jak w progra- nia pędzla.Wybieramy interesujące nas ustawienia i jego kolor, a następnie
mach wektorowych Corel Draw lub Illustrator pomocne są przy tym krzy- otwieramy paletę Ścieżki (Paths), wybieramy wyrysowaną ścieżkę i zazna-
we Béziera). czamy ikonkÄ™ Obrysuj Å›cieżkÄ™ pÄ™dzlem (Stroke path with brush).
linie, nad którymi nie mamy kontroli linie, nad którymi mamy kontrolę II
02 04
Po uzyskaniu pożądanego kształtu fal można przejść do kolejnego Kombinacje ustawień pędzla są nieograniczone, przy lekkiej zmia-
etapu, jakim jest rysowanie linii, które póz
niej będziemy plastycznie nie grubości i dynamiki pędzla możemy uzyskać inne potrzebne nam
układać. Problemem, z którym często borykamy się w tym programie jest kształty. W tym przypadku, jeśli uznamy, że otrzymaliśmy odpowied-
brak wektorowej linii w podstawowych narzędziach. Istnieje co prawda ta- ni kształt ścieżki i wypełnimy ją pędzlem, edycja wygenerowanej for-
kie narzędzie jak Linie (Line Tool), ale jeśli przyjrzymy mu się z bliska, my możliwa jest już jedynie za pomocą tradycyjnych narzędzi do grafiki
okazuje się, że to nic innego jak wektorowy prostokąt. Możemy narzucać rastrowej. Dlatego jeśli potrzebujemy większej ilości linii, korzystamy po
mu grubość i pochylać w dowolne strony, ale jeśli chcemy uzyskać mięk- prostu z obrysu kształtów wektorowych. Dzięki temu w każdym momen-
ko wygiętą linię, której kształt możemy precyzyjnie określić  narzędzie cie pracy nad projektem możemy zmienić kształt konkretnej linii.
to nie jest wystarczajÄ…ce.
www.psdmag.org 57
WARSZTATY
obrysy wektorowe chude i grube maski wektorowe  nie wszystko widać go-
05 08
Tworzymy wektorowÄ… falÄ™ jak w punkcie pierwszym, ale dobieramy Å‚ym okiem
odpowiednie właściwości warstwy, co sprawia, że wypełnienie war- Maski wektorowe umożliwiają wyselekcjonowanie obszaru grafiki ra-
stwy staje się niewidoczne. Dla warstwy wypełnionej kolorem białym strowej lub tekstu, który w projekcie chcemy wyświetlić lub ukryć. Niektó-
wprowadzamy ustawienia Trybu ewolucji (Blending Options)  Mnoże- re plamy w kompozycji stanowią tło dla tekstów. Wprowadzamy 3 linie po-
nie (Multiply), dla warstwy wypełnionej kolorem czarnym  Mnożenie mocnicze Widok>Nowa linia pomocnicza (View>New Guide). Pozwoli nam
odwrotności (Screen). Polecam wypróbowywanie różnych ustawień mie- to określić obszar powstania maski (pamiętając, że grafika wektorowa jest
szania warstw. Dodajemy też Styl warstwy (Layer style), Obrys (Stroke) skalowalna, a to, jaki obszar przyjmiemy jako wyjściowy nie ma najmniej-
i Nałożenie gradientu (Gradient overlay) . szego znaczenia). Wybieramy kształt z biblioteki i z wciśniętym [Shift] roz-
poczynamy rysowanie w okolicach przecięcia linii pomocniczych.
kształty własne - warto mieć maski wektorowe  nie wszystko widać
06 09
Plamy kapiącej farby i zawijasy tworzymy i edytujemy na podobnej gołym okiem II
zasadzie, jak pozostałe opisane wyżej kształty. Przydatne jest zapi- Kończymy rozciąganie kształtu na wysokości drugiego przecięcia li-
sanie ich jako wektorowe Kształty własne (Custom shapes), bo możemy nii. [Shift] umożliwia proporcjonalne rysowanie, a włączona opcja przy-
użyć ich jako maski wektorowej dla tekstu. Plamę tworzymy, rysując Elip- ciągania do linii zapewni, że otrzymany kształt będzie dokładnie mię-
sę (Elipse) [U], modyfikujemy, marszczymy jej obrys za pomocą Pióra dzy liniami. Tworzymy warstwę tekstową [T] i wybieramy Warstwa>Ma-
(Pen Tool) i strzałki Zaznaczenie bezpośrednie (Direct selection)  kla- ska wektorowa>Ukryj wszystko (Layer>Add Vector Mask>Hide All) i jak
wisz [Ctrl] lub [A]. Do wyjściowego kształtu dokładamy wektorowe, nakła- wyżej, z [Shift] rysujemy kształt. Możemy oczywiście zmieniać kolor,
dające się elipsy o różnych proporcjach. Konieczne jest zaznaczenie opcji kształt plamy i kolor, wielkość, zawartość tekstu. Po dorzuceniu kilku tek-
Dodaj do obszaru ścieżki (Add to shape area). stów powstaje kompozycja.
kształty własne - warto mieć II coś na ząb  jeszcze o maskach. Poprawki
07 10
Uzyskujemy wektorowy kształt złożony z kilku ścieżek na jednej war- w projekcie
stwie. To pozwoli zapisać go jako Kształt własny i wykorzystać w ko- Nigdy nie obywa się bez problemów. Czasem w projekt ingeruje
lejnym etapie pracy. W tym celu wybieramy Edycja>Zdefiniuj kształt wla- klient, czasem znajomi, a czasem ... myszki. Wybieramy Warstwa>Ma-
sny (Edit>Define Custoom Shape), nadajemy nazwę kształtu i naciskamy ska wektorowa>Odkryj wszystko (Layer>Add Vector Mask>Reveal All)
OK. Kształt wektorowy znalazł się w bibliotece. i z ustawioną opcją odejmij od obszaru ścieżki [-] dodajemy kolejne elip-
W przedstawionej kompozycji użyłam 3 rodzajów plam i 2 rodzajów zawi- tyczne wygryzienia. Myszki lub inne gryzonie wmontowujemy według
jasów. Wszystkie te obiekty można bez problemu obracać, zmieniać ich uznania, po wcześniejszym wyszparowaniu ze zdjęcia.
wielkość oraz pochylenie bez jakiejkolwiek straty jakościowej obrazu.
58 www.psdmag.org