warsztaty
poziom trudności:
30 Min. Illustrator CS3
.psd 05/2007 www.psdmag.org
44
warsztaty
efekt 3D w Illustratorze
trójwymiarowe litery
Zapewne wielu czytelników .psd spotkała się już z literami/symbolami wykonanymi w technice 3D. Większość
zgodzi się również z tym, że są bardzo efektowne i nadają charakter niejednemu projektowi. Zastanawialiście
się, jak osiągnąć efekt 3D, aby ożywić Wasze prace? Wbrew pozorom nie jest to takie skomplikowane. W poniż-
szym tutorialu poznamy, w jaki sposób można osiągnąć taki rezultat. Do wykonania tego ćwiczenia posłuży nam
program Adobe Illustrator. Wykorzystując efekt 3D, Rozmycie (Blur) oraz gradienty. Będziemy mogli tworzyć nie-
samowite litery, znaki w 3D i umieszczać je w projektach, co uczyni je wyjątkowo atrakcyjnymi. No to uruchamia-
my program i zabieramy się do pracy!
przygotowanie liter rozbijanie na elementy i scalanie
01 03
Otwieramy nowy dokument (File>New Document) [Ctrl]+[N]. W po- Po zastosowaniu efektu 3D ponownie zaznaczamy litery. Wybierając
lu (Name) wpisujemy nazwę ikony i zatwierdzamy wciskając OK. menu (Object>Expand Apparance) rozbijamy je na elementy pierw-
Z palety narzędzi wybieramy symbol tekstu i wpisujemy literę A. Sugero- sze. Mając ciągle zaznaczone litery, wciskamy trzykrotnie kombinację kla-
waną czcionką dla tego projektu jest Myriad Pro, Bold. Po wpisaniu litery, wiszy [Ctrl]+[Shift]+[G] w celu rozbicia zgrupowanych liter na warstwy.
powtarzamy tę czynność tworząc litery B i C. Ważne jest, aby każdą z li- Po wykonaniu tych czynności zajmujemy się łączeniem elementów w du-
ter traktować jako osobny obiekt. że płaszczyzny. W tym celu zaznaczamy kolejno w każdej literze z osobna
poszczególne ścianki. Z zakładki (Window>Pathfinder) wybieramy ikonkę
pierwszą po lewej w górnym wierszu i wciskamy klawisz (Expand).
tworzenie 3D gradient
02 04
Zaznaczamy wszystkie 3 litery i kombinacją klawiszy [Ctrl]+ Po wykonaniu na każdej ściance liter operacji z kroku 3, uzyskaliśmy
[Shift]+[O] zamieniamy je na krzywe. Ten krok można również wy- litery wykonane z bloków. W tym punkcie zajmiemy się ich kolorowa-
konać przy użyciu (Object>Expand). Aby nadać literom efekt trójwymia- niem. Z menu (Window>Gradient) wybieramy paletę gradientu i tworzy-
rowy, wybieramy menu (Effect>3D>Extrude&Bevel). Następnie wybiera- my przejścia tonalne na literach. Zaznaczamy jedną ze ścianek. Z pale-
my parametry: Position: Custom Rotation -9o, 36o, -7o; Perspective: 111o; ty narzędzi na samym dole klikamy na ikonce gradientu lub wciskamy
Extrude Depth: 50 pt; Bevel: None; Surface: Plastic Shading 100%, 50%, [>]. Z palety kolorów (Window>Swatches) wybieramy kolor pomarań-
60%, 90%, 25. Ważne, aby nacisnąć przycisk (More Options) wtedy czowy oraz bordowy.
uzyskamy dostęp do opcji ustawień światła.
.psd 05/2007 www.psdmag.org
45
warsztaty
kolorowanie liter ozdabianie ścianek
05 08
Aby zmienić szaro-białe ścianki na kolorowe, zmieniamy kolor na Ostatnim krokiem w naszym ćwiczeniu jest ozdabianie ścianek. W tym
palecie gradientu odpowiednio biały na pomarańczowy i czar- celu, podobnie jak w przypadku krawędzi, użyjemy narzędzi (Pen Tool)
ny na bordowy. Ścianka powinna zmienić kolor na pomarańczowo-bor- [P], aby stworzyć obiekty na ściankach liter. Elementy powinny być wy-
dowy. Zaznaczając wszystkie ścianki [Ctrl]+[A] wybieramy pipetę [I] pełnione tym samym gradientem co litery. Zaznaczamy nowo utworzo-
i pobieramy kolor z pomalowanej już ścianki. W ten sposób pomalujemy ne elementy i pipetą [I] pobieramy kolor z przedniej ścianki litery. Następ-
pozostałe ścianki. Pamiętajmy, aby ścianki pomalować pionowo w dół; nie w palecie (Window>Transparency) ustawiamy krycie na (Color Dodge).
do tego służy gradient [G]. W przypadku krągłości liter B i C, gradient W ten oto sposób powstały trójwymiarowe litery.
powinien mieć następujacy układ kolorów: ciemny jasny ciemny.
podsumowanie
Dzięki temu ćwiczeniu poznaliśmy kilka podstawowych skrótów progra-
mu Adobe Illustrator, ale co najważniejsze, nauczyliśmy się wykonywać
atrakcyjne litery 3D. Tworząc nie tylko litery, ale też cyfry, możemy wy-
korzystywać je do naszych projektów, co nada im wyjątkowości.
Tabelka skrótów
Tabelka skrótów
mnożenie warstw [Ctrl]+[N] tworzenie nowego dokumentu
06
Rezultat realistycznego wyglądu liter dadzą nam efekty światła [Ctrl]+[Shift]+[O] zamiana tekstu na krzywe (brak pózniejszej
i cieni. W tym celu zaznaczamy wszystkie ścianki wewnętrzne liter. możliwości edycji tekstu)
Z menu (Window>Transparency) wybieramy opcje krycia (Multiply). [Ctrl]+[G] grupowanie obiektów
Następnie, mając nadal zaznaczone wewnętrzne ścianki, kopiujemy [Ctrl]+[Shift]+[G] rozgrupowanie obiektów
[Ctrl]+[C] i wklejamy [Ctrl]+[F] trzykrotnie w to samo miejsce. Dzięki [>] wypełnienie gradientem elementu
tak prostemu zabiegowi otrzymamy ciemniejszy kolor ścianek. [Ctrl]+[A] zaznaczenie wszystkich elementów
[I] narzędzie Pipeta
[G] opcja gradientu
[P] narzędzie Pióro
o autorze
Maciej Mleczko
Wieloletnie doświadczenie zdobyte w pracy nad projek-
tami, łączy z pasją tworzenia i radością życia. Pogoń za
najlepszymi rozwiązaniami wzbogaca ciągłym samo-
doskonaleniem oraz obsesyjnym szukaniem kreatyw-
nych rozwiązań. Studio Mleczko kreatywny wymiar grafiki:
www.studiomleczko.pl
ozdabianie krawędzi
07
Narzędziem (Pen Tool) [P] rysujemy bardzo cienkie elementy w celu
umieszczenia ich na krawędzi liter. Kolor tych elementów to też gra-
dient, tyle że zmieniamy jeden z kolorów na biały, w zależności od tego,
czy wybrany element jest na pomarańczowej, czy na bordowej części liter.
Po stworzeniu elementów zaznaczamy je, kopiujemy [Ctrl]+[C] i wkleja-
my w to samo miejsce [Ctrl]+[F]. Wybieramy (Effect>Blur>Gaussian Blur)
i ustawiamy wartość Promienia (Radius): 1,6.
.psd 05/2007 www.psdmag.org
46
efekt 3D
trójwymiarowe litery
Ocena końcowa:
Tytuł: Design i grafika dzisiaj
Autor: Quentin Newark
Wydawnictwo: ABE Dom Wydawniczy
ISBN: 83-922797-1-9
Liczba stron: 256
Cena: 95,00 zł
Design i grafika dzisiaj
podręcznik grafiki użytkowej
Idealna pozycja dla osób stawiających pierwsze kroki w projekto-
waniu graficznym. Porusza ona podstawowe zagadnienia związane
z designem, począwszy od omówienia, czym w istocie jest grafi-
ka i jakie pełni funkcje. Cytując znanych projektantów, autor prze-
prowadza swoistą dyskusję nad definicją grafiki użytkowej. Prze-
prowadza czytelnika przez świat designu, poruszając problematykę
zarówno ekonomii, etyki, historii, jak również technologii i teorii roz-
woju wszystkich dziedzin sztuki.
Szczególnie zainteresowała mnie część poświęcona typogra-
fii zwłaszcza jej początkom, jak i w ogóle samego pisma, którego
korzenie sięgają pradawnych znaków i symboli. Reguły organizacji
tekstu są w projektowaniu graficznym niezwykle istotne, a typogra-
fia oraz zasady kompozycji treści ściśle muszą współistnieć z cało-
ścią projektu. Jak twierdzi autor, próba podziału grafiki użytkowej na
kategorie jest z góry skazana na niepowodzenie.
Wiele przytoczonych trików, popularnie używanych w projektach,
otwiera nam oczy na z pozoru nieistotne funkcje stałych motywów
stosowanych w logotypach specyficznych branży. I tak, np. dowiaduje-
my się, że, aby uzyskać wrażenie dostojeństwa i długich tradycji, warto
zastanowić się nad użyciem znaku herbowego, firmy zajmujące się złotą
przyszłością wybierają tęczę lub poziomy łuk, a deweloperzy oraz agen-
cje nieruchomości winny umiejscowić w swoim logo znak drzewa, najle-
piej dębowego.
Książka okraszona jest dużą ilością ilustracji, zawiera też przykłady
prac artystów-projektantów graficznych, dzięki czemu przekaz nie jest
zamknięty jedynie w tekście, lecz wychodzi poza jego ramy. Dużą zale-
tą jest nieograniczenie wyboru kolejności czytania rozdziałów treść
nie stanowi bowiem zwartej całości, a czynnikiem determinującym mo-
że być np. szczególnie przykuwająca nasz wzrok ilustracja. Dodam jesz-
cze, że Design i grafika dzisiaj jest idealna do czytania w biegu, czyli
doskonała na prezent dla bardziej zajętych przyjaciół.
Ewa Sztuk
47
Wyszukiwarka
Podobne podstrony:
3D FON Srednevekoviereadme and terms of use 3d cad modelsPiła 3D Saw VII 2010 BRRip XviD NoirTrochę fizyki matematyki w grach 3DTHOR 3D (SBS) 2011 ENG (Napisy PL) BluRay 1080p Side by Side Napisy THOR 3D (SBS) 2011 ENG (Napisy(3D)(Softimage XSI)(eBook) building muscleBlender 3D Bryły Podstawowe Prosta Animacja Brył Część 1 Tutorialwięcej podobnych podstron