Kreatywny Bazar

Jak powstawał layout do Creative Roadshow cz. 2

2 CZĘŚĆ -Ornament wektorowy i ornament 3D 

Poprzedni tuturial opisywał jak przygotować tło kompozycji. Tym razem zajmiemy się dokończeniem planszy wykorzystując narzędzia do modelowania i teksturowania 3 D w Photoshopie CS4 oraz  udoskonalone narzędzia rysunkowe Illustratora CS4.

1.Zaczynamy od stworzenia wektorowego ornamentu w Illustratorze. Potrzebne są nam wielokolorowe drobne kształty, które zostaną ułożone we wzór przelewających się kroplek. Kolory, które zostaną użyte w bryłach pobrane są z ikonek aplikacji CS4.

2.Stworzenie takiej liczby różnorodnych wektorowych form nastręczało dotychczas sporo kłopotu. Trzeba było każdą z brył wyrysować oddzielnie za pomocą krzywych Bezier’a lub narzędziem ołówka idealnie obrysowując formę. W nowej wersji CS4 dodano jednak narzędzie, które okazuje się wyśmienitym rozwiązaniem dla rysowników i ilustratorów. Jest to tzw Kropla.

3.Pełne możliwości tego narzędzia można uzyskać tylko za pomocą tabletu, który poprzez zmianę nacisku rysika pozwala wartościować grubość linii. Wybierając Kroplę z paska narzędziowego i określając czułość tabletu można zatem zupełnie swobodnie wyrysować kształt wykorzystując gradację rysowanej linii. Taka metoda rysowania kompletnie zmienia sposób tworzenia brył w Illustratorze i wydaje się być nieoceniona szczególnie przy bardziej skomplikowanych kształtach.

4.Po narysowaniu wzoru pojedyńczej kropli wykorzystuje siatkę gradientową aby wprowadzić do niej przejścia tonalne, które są mi potrzebne aby uzyskać efekt plastyczności kształtu. Wprowadzam linie siatki tak aby mieć możliwość nadania potem węzłom innych odcieni. W ten sposób tworzę pierwszą grupę kształtów. Następnie narzędziem deformacji rozciągam je uzyskując grupę bardziej dynamiczną. Po przygotowaniu tego elementu zaznaczam go i kopiuję Cmd+C po czym przechodzę do Photoshopa i tam wklejam Cmd+V.

5.W Photoshopie pojawia się wówczas okienko w którym określam w jaki sposób moja bryła ma być wklejona. Najlepszym rozwiązaniem jest wskazanie opcji „Obiekt inteligentny” (Smart Object). Dzięki temu warstwa zachowuje swoją wektorową ścieżkę i można ją swobodnie skalować bez utraty jakości. Obiekt powielony i ustawiony w różnych konfiguracjach pozwolił stworzyć kolorowy ornament przecinający kompozycję.

6.Photoshop CS4 dysponuje też podstawowymi narzędziami do pracy z obiektami 3D. Na liście formatów akceptowanych przez program znajdują się m.in.: 3D Studio czy Collada. Są też zupełnie nowe narzędzia na pasku służące edycji brył 3D. Mamy więc możliwość otworzyć bryłę skonstruowaną w zewnętrznym programie do modelowania. Jest jednak w Photoshopie CS4 kilka funkcji, które pozwalają na modelowanie podstawowych form i tą właśnie funkcje spróbujemy wykorzystać przy naszym projekcie.

7.Zaczynam od tego, że otwieram grafikę, która ma się stać podstawą dla bryły 3D. Jest to prosty  szkic. Po jego otwarciu wybieram z górnego menu opcję 3D i szukam polecenia dającego możliwość stworzenia bryły z warstwy. Na liście wybieram kształt „pierścień” i pozwalam na zmianę warstwy w bryłę.

8.Mając  gotowy kształt powielam go kilkakrotnie, przenoszę na moją planszę i ustawiam zgodnie z perspektywą. Póki co pracuje na warstwie 3D. Jest to specyficzny rodzaj warstwy posiadający dodatkowo zestaw podwarstw z efektami 3D takimi jak tekstury czy światła itp. Edycja tych warstw pozwala ustawić elementy które potem zostaną wyrenderowane.

9.Po obróceniu bryły i umieszczeniu jej we właściwym miejscu renderuję warstwę tak aby mieć już płaski element. Łatwiej mi z nim pracować i decyduję się ustawić go jeszcze kilku miejscach. Powielam go więc, przenoszę i  ustawiam tryby przenikania tak aby wtopił się w tło. Dzięki temu przejmuje on barwę tła co nadaje grafice większej plastyczności.

10.Całą planszę konwertuję do CMYK i zapisują jako Tiff bez warstw. Następnie przechodzę do InDesigna i wykorzystując gotowy layout pobieram do niego przygotowaną grafikę. Mając tak zmontowaną całość dysponuję materiałem, która posłużyła do wzoru reklamy prasowej. Odzielnie wstawiony tekst oraz loga zachowują swoją wektorową jakość. Grafika zaś staje się elementem całego projektu.

Ten sam layout posłużył również jako podstawa do przygotowania pozostałych elementów identyfikacji wizualnej. Nieco przeskalowany zamienił się w plakat, pocztówkę, certyfikat i wzór na płytę CD. Zaś cały wielostronicowy dokument zawierający wszystkie elementy został finalnie wyeksportowany z InDesigna w postaci pliku swf i posłużył do stworzenia interaktywnej prezentacji  Creative Roadshow 2009.

Autor: Piotr Janowczyk