Samouczek dla ilustratora: Ostrzy poradnik dotyczące procesu pracy i projektowania.

Splash-Text - Adobe Illustrator Tekst startowy - Adobe Illustrator

Wszystkie filmy z tutorialu Samouczek dla ilustratorów: Ostrzy przepisów na workflow i design

Tak będzie wyglądał tekst wprowadzający (rys. 01):

A teraz wystarczy już gadania. Miłej zabawy i owocnej nauki na kolejnych stronach…

Splash-Text - Adobe Illustrator

Tekst powitalny - Adobe Illustrator


Krok 1: Tworzenie tła

Zanim zaczniemy tworzyć odpowiednie tło dla naszego tekstu wprowadzającego, musicie stworzyć nową przestrzeń roboczą. Przejdźcie do Plik>Nowy i tam wybierzcie format 330x210mm. Następnie potwierdźcie klikając OK.

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Po utworzeniu przestrzeni roboczej możemy wreszcie zacząć właściwą pracę.

Weźcie narzędzie Prostokąt i utwórzcie prostokąt, który pokrywa całą przestrzeń roboczą.

Następnie wypełnijcie ten prostokąt przebiegiem. Do tego potrzebna jest paleta Przebiegów. Jeśli jej jeszcze nie wyświetliłeś, możesz łatwo znaleźć ją, przechodząc do Okno>Przebiegi (rysunek 03).

Tekst przeskokowy - Adobe Illustrator

Kliknijcie w paletę Przebiegów na domyślny przebieg Czarno-Biały i zmieńcie rodzaj przebiegu z Liniowy na Okrągły. (patrz rysunek 04).

Splash-Text - Adobe Illustrator

Tekst przy wejściu - Adobe Illustrator

W tym przypadku przebieg okrągły mimo że już dość dobrej pozycji początkowej, jest teraz trochę zbyt okrągły. Ale tutaj paleta Przebiegów również oferuje bardzo fajną funkcję. Możecie tutaj także kontrolować zaokrąglenie waszego przebiegu. Wartość 60% powinna być odpowiednia dla naszych celów. (patrz rysunek 05).

Splash-Text - Adobe Illustrator

Tekst widoczny przy uruchamianiu programu - Adobe Illustrator

Następnie nadszedł czas, aby odpowiednio pokolorować przebieg, ponieważ przebieg Czarno-Biały wygląda trochę monotematycznie. W tym samouczku wybrałem dwa wartości CMYK.

• jasny niebieski: CMYK - 90/30/4/10

• ciemny niebieski: CMYK - 93/48/28/63

Klikając dwukrotnie na jedno z dwóch pól kolorów przebiegu, możecie przypisać obie wartości CMYK do przebiegu. Następnie całość powinna wyglądać mniej więcej w ten sposób. (patrz rysunek 06).

Splash-Text - Adobe Illustrator

Tekst promocyjny - Adobe Illustrator

Ponieważ przebieg nadal nie wygląda tak, jak to sobie wyobrażam, weźmiecie narzędzie Przebieg z palety Narzędzia. Wtedy pojawi się pewna linia, którą możemy zmienić w długości. (patrz rysunek 07).

Splash-Text - Adobe Illustrator

Tekst startowy - Adobe Illustrator

Trzymając tę linię za prawy punkt, przeciągnijcie ją mniej więcej tak daleko poza obraz, jak na rysunku 08.

Pasek narzędzi - Adobe Illustrator

Aby na tle nie mogło się już nic dziać, polecam zabezpieczyć te warstwy zamkiem… (patrz rysunek 09). Tło jest gotowe.

Splash-Text - Adobe Illustrator

Tekst powitalny - Adobe Illustrator

Krok 2: Wstawianie typografii

Aby kontynuować pracę, teraz musicie utworzyć nową warstwę. Najlepiej nazwijcie ją od razu "Tekst", ponieważ na tej warstwie umieścimy nasz tekst.

Weźcie teraz narzędzie Tekst i kliknijcie raz na swojej przestrzeni roboczej. W moim przypadku piszę „psd-tutorials.de“. Wybrałem czcionkę Helvetica Neue o grubości Thin. Przy tej wielkości możecie użyć wartości 140 pt. Szerokość między literami ustawcie na -70.

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Umieśćcie swoją frazę tekstową na środku swojej przestrzeni roboczej. Następnie powinno to wyglądać mniej więcej tak, jak na rysunku 11.

Ekran startowy - Adobe Illustrator

Teraz tę frazę tekstową musicie zamienić na ścieżki. Przejdźcie do Tekst>Zamień na ścieżki. Alternatywnie można również użyć skrótu Command/Strg+Shift+O.

Następnie ozdobimy naszą frazę tekstową przebiegiem. Przygotowałem dwie wartości CMYK do tego samouczka.

• jasna zieleń: CMYK - 50/0/100/0

• ciemna zieleń: CMYK - 90/30/95/10

Postępujcie tak samo przy tworzeniu przebiegu jak przy tle. Tym razem jednak rodzaj przebiegu zostawcie jako Liniowy. Kąt przebiegu ustawcie na 90°. (patrz rysunek 12).

Splash-Text - Adobe Illustrator

Tekst wstępu - Adobe Illustrator

Aby tekst jeszcze bardziej się wyróżniał, musimy teraz utworzyć cień. Weźcie narzędzie Elipsa i narysujcie czarną elipsę pod waszym tekstem. (patrz rysunek 13).

Tekst na ekranie startowym - Adobe Illustrator

Metodę wypełniania cienia ustawcie na Mnożenie. Robicie to za pomocą palety Przezroczystość. Jeśli jeszcze jej nie pokazaliście, znajdziecie ją w Oknie>Przezroczystość. Natomiast Przezroczystość ustawcie na około 40%.

Splash-Text - Adobe Illustrator

Tekst na ekranie startowym - Adobe Illustrator

Ponieważ cień jest nadal bardzo ostry na krawędziach, musimy go rozmyć. Przejdź do Efektu>Filtr Rozmycia>Rozmycie Gaussowskie ... (patrz Rysunek 15).

Splash-Text - Adobe Illustrator

Tekst na starcie - Adobe Illustrator

Wprowadź wartość około 25 pikseli w następnym oknie dialogowym i potwierdź klikając OK.

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Następnie powinno to wyglądać u Was mniej więcej tak (patrz Rysunek 17).

Tekst szeptu - Adobe Illustrator

Krok 3: Generowanie punktów świetlnych

W tej części samouczka zajmiemy się teraz małymi cząstkami świateł, które powinny być widoczne wszędzie jako rozsiane.

Najpierw utwórz nową warstwę i nazwij ją "Cząstka światła". Następnie weź narzędzie Elipsy i utwórz 10x10mm ellipsę. (Rysunek 18).

Zrzut ekranu - Adobe Illustrator

Następnie przejdź do Obiektu>Ścieżki>Przesuń ścieżkę ... (Rysunek 19).

W kolejnym oknie wprowadź wartość 10mm i potwierdź klikając OK.

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Po wykonaniu tych kroków efekt powinien wyglądać mniej więcej tak (patrz Rysunek 20).

Splash-Text - Adobe Illustrator

Tekst otwierający - Adobe Illustrator

Nadaj wewnętrznej elipsie kolor powierzchniowy żółty. Zewnętrzną ellipsę pokoloruj na cyjan. (Rysunek 21).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Ponieważ zewnętrzna ellipsa wygląda obecnie dość ostry, ustaw jej przezroczystość na 0% w Paletce Przezroczystości. (Rysunek 22).

Tekst w kropli - Adobe Illustrator

Aby stworzyć płynne przejście od wewnętrznej do zewnętrznej ellipsy, sięgnij po narzędzie Opieranie z Paletki Narzędzi. (Rysunek 23).

Splash-Text - Adobe Illustrator

Tekst wstępny - Adobe Illustrator

Kliknij raz narzędziem na obrzeżu wewnętrznej ellipsy, a następnie koniecznie na obrzeżu zewnętrznej ellipsy. (Rysunek 24).

Splash-Text - Adobe Illustrator

Tekst na kamieniu - Adobe Illustrator.

Przez ustawienie przezroczystości zewnętrznej ellipsy na 0%, narzędzie Opieranie stworzy rodzaj przejścia od środka na zewnątrz.

Podstawowa forma naszego punktu świetlnego jest teraz gotowa. Technicznie można teraz skopiować ten punkt świetlny i wkleić go w różnych rozmiarach. Można to jednak zrobić łatwiej. W kolejnym kroku będziemy pracować z pędzlami.

Chwytajcie pędzel, przechodząc do Okno>Pędzel w Paletce Pędzli. Wybierzcie teraz swój właśnie utworzony punkt świetlny i kliknijcie w Paletce Pędzli na małą strzałkę w prawym górnym rogu. Wtedy otworzy się małe menu rozwijane, w którym możecie kliknąć na Nowy pędzel (patrz Rysunek 25).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Teraz pojawi się nowe okno, w którym możecie ustawić wszystkie możliwe parametry dla swojego pędzla. Polecam trochę poeksperymentować, aby nabierać wprawy z ustawieniami. Dokładne parametry dla tego samouczka znajdziecie na Rysunku 26.

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Następnie zatwierdź klikając OK i usuń oryginalny punkt świetlny z obszaru roboczego.

Weź teraz pędzel z Paletki Narzędzi i narysuj coś w rodzaju fali od lewej do prawej na swoim obszarze roboczym. (Rysunek 27).

Adobe Illustrator - graficzny program komputerowy

Jako rezultat powinieneś zobaczyć wiele różnorodnych punktów świetlnych różnych rozmiarów rozsianych po swoim obszarze roboczym. Możesz to zrobić kilka razy, aż uznamy, że masz wystarczającą ilość punktów świetlnych.

Aby to połączyć z tłem, wybierz swoje narysowane punkty świetlne i na Paletce Przezroczystości zmień je z Normalne na Miękkie światło. (Rysunek 28).

To już wszystko z punktami świetlnymi.

Splash-Text - Adobe Illustrator

Ekran powitalny - Adobe Illustrator

Krok 3: Tworzenie kropli/popływów

W ostatnim kroku tego samouczka zajmiemy się tutaj tworzeniem kropel koloru wokół tekstu, aby całość wyglądała jeszcze bardziej dziko i przypadkowo.

Najpierw, tak jak z punktami świetlnymi, musimy stworzyć podstawową formę naszych kropel. Utwórz jednak najpierw nową warstwę i nazwij ją "Popływy".

Weź narzędzie Elipsy i stwórz elipsę o wymiarach 5x5mm.

Następnie weź narzędzie Bezpośredniej selekcji. Przeciągnij górny punkt na elipsie nieco do góry i zamień go na punkt wierzchołkowy. (Rysunek 29).

Splash-Text - Adobe Illustrator

Tekst powitalny - Adobe Illustrator

Wejdź teraz z powrotem do Palety pędzli i stwórz nowy pędzel o kształcie kropli. Wybierz tym razem nie pędzel specjalny, ale pędzel obrazu.

Tym razem ponownie pojawi się nowe okno, w którym możecie dostosować różne parametry pędzla. Odpowiednie parametry dla naszego pędzla w kształcie kropli znajdziecie na rycinie 30.

Następnie potwierdźcie klikając na OK. Oryginalny kształt kropli możecie także tym razem usunąć.

Splash-Text - Adobe Illustrator

Tekst prezentacyjny - Adobe Illustrator

Teraz wystarczy, że weźmiecie pędzel i narysujecie małe krople wokół swojego tekstu za pomocą właśnie stworzonego czubka pędzla. (Rycina 31).

Tekst na powitanie - Adobe Illustrator

Jeśli któraś z kropli wychodzi nieco niekształtna, możecie cofnąć całe działanie za pomocą Command/Strg+Z i spróbować jeszcze raz.

Gdy będziecie zadowoleni, wystarczy zaznaczyć wszystkie krople i przekształcić je w obiekt poprzez Obiekt>Wygląd …. Następnie możecie wypełnić krople tym samym gradientem zielonym co dla tekstu.

Na końcu ustaw warstwę Splashes za warstwą tekstową. (Rycina 32).

Wasz tekst w kroplach jest gotowy.

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Podsumowanie:

Teraz dobiegamy końca tego samouczka. Mam nadzieję, że dobrze się bawiliście i mogliście zdobyć kilka wskazówek.

Jeśli macie jakieś pytania na ten temat, śmiało piszcie je w komentarzach pod tym samouczkiem. Postaram się jak najszybciej na nie odpowiedzieć.

W plikach roboczych tego samouczka znajdziecie plik Illustratora z wszystkimi warstwami. Jeśli w jakimś momencie samouczka napotkacie trudności, może przydać się spojrzenie na oryginalny plik.

W tym duchu …

Bądźcie kreatywni

Twój Julian