zaproszenie trochę inaczej warsztaty średni 120 min.

Transkrypt

1 średni 120 min. Photoshop Illustrator zaproszenie trochę inaczej Tworząc grafikę niejednokrotnie można spotkać się z zamówieniem na zaproszenie. Żeby dobrze spełniało ono swoją funkcję powodowało zainteresowanie wydarzeniem, na które kogoś zapraszamy powinno przyciągać uwagę, odróżniając się od innych stylem i wykonaniem. Jak stworzyć zaproszenie, które nikogo nie pozostawi obojętnym? W poniższym tutorialu stworzymy projekt w Ilustratorze i wizualizację dla klienta w Photoshopie. 54.psd 03/2009»

2 zaproszenie... trochę inaczej 01 rozpoczęcie pracy określenie rozmiaru Zacznijmy od stworzenia nowego dokumentu. Chciałbym, by zaproszenie po złożeniu mieściło się w kopercie DL (110x220mm) na której zostanie nadrukowane imię i nazwisko osoby zapraszanej. Idealnym rozmiarem dla dokumentu będzie 100x420mm. Pamiętajmy jednak o pozostawieniu spadów, czyli marginesu wokół dokumentu przydatnego przy wycinaniu zaproszenia po wydruku. Standardowo będą to 3mm z każdej strony, więc ostatecznie dokument będzie miał rozmiary 106x426mm. 04 zapisywanie szablonu Zaznaczmy oba prostokąty i wybierzmy polecenie Flatten Transparency z menu Objects. Rozgrupujmy powstałą grupę [Ctrl] +[Shift]+[G] i usuńmy oba środkowe prostokąty. Powstały obiekt również zablokujmy (kłódka na lewo od nazwy warstwy w menu Layers). Zapiszmy tak powstały szablon. Może on nam się przydać przy tworzeniu innych zaproszeń w tym formacie. 02 definiowanie obszaru roboczego Na początku uaktywniamy miarki [Ctrl]+[R] i dodajemy linie pomocnicze. Wystarczy kliknąć lewym przyciskiem myszy odpowiednio pionową dla pionowych i poziomą dla poziomych miarkę i przeciągnąć kursor w głąb dokumentu. Stwórzmy takie linie dla każdej krawędzi obszaru roboczego oddalone o 3mm od jego brzegu. Pamiętajmy również o linii na środku dzięki niej będziemy wiedzieć, gdzie zaproszenie będzie miało zagięcie. Zaznaczymy wszystkie elementy [Ctrl]+[A] i grupujmy je [Ctrl]+[G]. 05 zaczynamy pracę! Na początek stworzymy 4 nowe prostokąty. Pierwszy z nich ma być wypełniony kolorem białym a jego rozmiar i położenie ma być takie same jak naszego obszaru roboczego. Kolejne trzy mają mieć taką samą szerokość jak poprzedni, ale ich wysokość powinna być już mniejsza, a kolory powinny się od siebie różnić (ciekawy efekt daje zastosowanie gradientów). Zgrupujmy powstałe w ten sposób linie [Ctrl]+[G]. 03 tworzenie kołnierza Zacznijmy od zablokowania grupy z liniami - nie będą nam teraz przeszkadzać. Za pomocą Rectangle Tool [M] stwórzmy prostokąt, klikając dowolne miejsce dokumentu, jego rozmiar i położenie powinny dokładnie pokrywać się z obszarem roboczym. Wypełnijmy go jasnoszarym kolorem. Stwórzmy teraz drugi prostokąt znacznie większy od naszego obszaru roboczego i wypełnijmy go kolorem lekko jaśniejszym niż poprzedni, a krycie (Opacity) ustawmy na 80% (duży prostokąt musi być maksymalnie górną warstwą). 06 tworzenie łezki Wybierzmy narzędzie Twirl Tool klikając i przytrzymując kursor myszy na narzędziu Warp Tool. Postarajmy się teraz tak zmiksować linie, aby w którymś miejscu uzyskać coś na kształt łezki. Z pewnością będzie to wymagało kilku prób..psd 03/2009» 55

3 07 wycinanie łezki Gdy uda nam już się uzyskać zaplanowany kształt, za pomocą Warp Tool [Shift]+[R] postarajmy się go rozciągnąć w taki sposób, aby było nam go łatwiej wyciąć. Następnie używając gumki (Eraser Tool) wycinamy łezkę i usuwamy pozostałości linii. Ostateczny kształt łezki możemy jeszcze doszlifować, korzystając z Warp Tool. 10 napisy i przygotowanie do zapisu Gdy layout awersu jest już gotowy, możemy dodać napisy. W tym przypadku będzie to zaproszenie ślubne, więc z łezek stworzę i dodam jeszcze serduszko. Pamiętajmy, by później napisy zamienić na krzywe Object>Expand. Z menu Layers usuwamy kołnierz i odblokowujemy oraz ukrywamy warstwę z liniami pomocniczymi. Dodajemy także wypełniony białym kolorem prostokąt o rozmiarach i położeniu takim jak obszar roboczy przyda się to przy tworzeniu prezentacji w Photoshopie. Całość zapisujemy. 08 tworzenie wzoru Ustawmy warstwę zawierającą kołnierz na samą górę ułatwi nam to wyobrażenie sobie końcowego efektu. Teraz utwórzmy kilka kopii łezki wystarczy z przyciśniętym altem przesunąć ją, kursor powinien zmienić wtedy wygląd zmniejszajmy lub zwiększajmy je a za pomocą Transform>Reflect>Vertical... stwórzmy niektórym z nich odbicia lustrzane. Możemy je teraz poukładać i poobracać, tak by tworzyły pewną kompozycję. Powstały dokument zapiszmy w nowym pliku przyda nam się przy tworzeniu drugiej strony zaproszenia. 11 tworzenie dokumentu do lakierowania Przy drukowaniu zaproszenia bardzo ważne jest, by odpowiednio dobrać papier. Jak wybrałem kredę 300g/m2, pokrytą folią matową, na której zostaną dodane elementy lakieru punktowego. Żeby uwidocznić miejsca, które mają być polakierowane, zaznaczamy całość i z menu Color wybieramy czarny (K=100%). Teraz wszystkie elementy czarne zostaną pokryte lakierem. Całość zapisujemy w nowym pliku. Pamiętajmy, że elementy w pliku z kolorami, jak i w pliku z zaznaczonymi elementami do lakierowania muszą się dokładnie pokrywać. 09 ostatnie poprawki Teraz możemy zgrupować wszystkie łezki, ukryć warstwę z kołnierzem i używając gumki [Shift]+[E] z przytrzymanym klawiszem [Alt], przyciąć obiekty do wymiarów obszaru roboczego. 12 tworzenie rewersu zaproszenia Możemy przystąpić do tworzenia drugiej strony zaproszenia. Otwórzmy plik, który przygotowaliśmy pod koniec kroku 8. Łezki poprzekładajmy, tak by po lewej stronie zostawić miejsce na treść zaproszenia. 56.psd 03/2009»

4 13 dodawanie tekstu Korzystając z Elipse Tool [L] tworzymy elipsę, którą przy użyciu Warp Tool [Shift]+[R] oraz gumki kształtujemy, by pasowała nam do pozostawionej przestrzeni. Używając Area Type Tool, wypełniamy kształt dowolnym tekstem - tutaj, dla przykładu wykorzystałem standardowy wypełniacz Ipsum Lorem. Pamiętajmy, by czcionkę zamienić na krzywe. 14 ostatnie poprawki Możemy teraz i dla tej strony powtórzyć kroki 9., 10. oraz 11., czyli zamienić tekst na krzywe i przygotować stronę do lakierowania 15 prezentacja zaproszenia Gdy obie strony zaproszenia mamy już gotowe, postaramy się efektownie przedstawić je naszemu klientowi. Przenosimy obie strony z kolorami do nowo utworzonego dokumentu Photoshopa przez zwykłe przeciągnięcie całego zaproszenia z okna Illustratora do Photoshopa. Jako tło, możemy wykorzystać gradient nawiązujący kolorami do zaproszenia.

5 16 usuwanie niewidocznych stron zaproszenia Zaznaczamy warstwy z awersem i rewersem zaproszenia i zduplikujemy je, a warstwy wektorowe ukryjmy. Następnie korzystamy z polecenia Rasterize Layer (Layer>Rasterize>Layers). Zaznaczamy, używając Rectangular Marquee Tool [M] lewą połowę obu stron, po czym ją usuwamy. Powstałe warstwy również duplikujemy i je ukrywamy. rozmycie Do warstwy z odbiciami dodajemy wektorową maskę, na której tworzymy biało czarny-gradient, tak aby przy dolnej krawędzi naszego dokumentu odbicie nie było widoczne. Obu stronom zaproszenia w odbiciu dodajemy filtr Motion Blur (Filter>Blur>Motion Blur) tworzenie efektu złożonego zaproszenia Widoczne połówki zaproszenia nakładamy na siebie, a następnie warstwę górną za pomocą polecenia Disort najpierw zwężamy w poziomie o około 20%, a następnie trzymając wciśnięty klawisz [Shift] przeciągamy w górę prawy górny róg, a prawy dolny róg w dół, ale już trochę w mniejszym stopniu. Obu warstwom dodajemy cień. Całość grupujemy. kompozycja Uwidaczniamy warstwy całych stron zaproszenia, które ukryliśmy w kroku 16. Dodajemy do nich cień. Wszystkie elementy układamy, tak by tworzyły zgraną, estetyczną kompozycję tworzenie efektu odbicia Uwidaczniamy z powrotem połówki, które ukryliśmy w kroku 16. Warstwę z wewnętrzną częścią zaproszenia ustawiamy lekko poniżej otrzymanego w kroku 17. zaproszenia, dodajemy cień i ustawiamy ją jako warstwę pierwszą po warstwie background od dołu. Jako drugą od dołu w menu Layers nakładamy na nią warstwę z zewnętrzną częścią zaproszenia, do niej również dodajemy cień. Obie warstwy odbijamy za pomocą polecenia Flip Vertical. Za pomocą polecenia Scale i Skew przekształcamy ją, tak by pasowała do odbijanego zaproszenia z kroku 17. Obie warstwy odbicia grupujemy. 21 podsumowanie Nauczyliśmy się w prosty sposób wykonać nie tylko zaproszenie, ale i wzory, które przy drobnych modyfikacjach dadzą nam olbrzymie możliwości i wiele satysfakcji przy ich opracowywaniu. Stworzenie takich wzorów i materiałów, do których będą nam potrzebne, opiera się jedynie na naszej wyobraźni, a nie zdjęciach czy gotowych pędzlach. Paweł Batyra 58.psd 03/2009»