Efekt tekstu komiksowego (samouczek dla programu Adobe Illustrator)

Samouczek dotyczący efektów komiksowych

Przede wszystkim wyjaśnij to Tutorial Został wykonany w programie Adobe Illustrator CS5 (w języku angielskim), więc zdjęcia krok po kroku pokazują interfejs tej wersji. Mimo to możesz wypróbować go w dowolnej posiadanej wersji, biorąc pod uwagę, że prawdopodobnie skorzystanie z samouczka będzie Cię kosztować nieco więcej.

Ten efekt może być przydatny podczas wykonywania nieformalny projekt w którym styl komiksowy towarzyszy temu, co chcesz przekazać. Następnie przedstawiamy samouczek krok po kroku, dzięki któremu możesz uzyskać komiksowy efekt tekstowy w programie Adobe Illustrator.

Komiksowy efekt tekstowy

Otwieramy Adobe Illustrator i przechodzimy do utwórz nowy dokument (Mac: Cmd + N Windows: Ctrl + N). Możemy nazwać go dowolnie i wybrać rozmiar pliku. W moim przypadku wybrałem format 570 x 300 px, którego używamy Creativos Online aby przesłać obrazy.

Bardzo ważne jest, aby u dołu okna dialogowego (Zaawansowane) upewnić się, że zaznaczyłeś jako Tryb koloru plik RGB, Efekty rastrowe włączone Ekran (72 ppi) y Tryb podglądu Domyślny. Po wybraniu wybranych opcji kliknij OK.

Samouczek krok po kroku programu Illustrator

FUNDUSZ

Stworzymy kolorowe tło, które będzie nosić nasz tekst. Wybieramy narzędzie prostokąta (narzędzie Prostokąt, klawisz M) i klikamy w dowolnym miejscu naszego dokumentu. Następnie otworzy się małe okienko, które pozwoli nam wprowadzić wymiary prostokąta: będziesz musiał wpisać wymiary swojego dokumentu. W moim przypadku 570 x 300 pikseli. Kliknij OK, a na ekranie pojawi się prostokąt, który właśnie utworzyliśmy.

Samouczek krok po kroku programu Illustrator

Teraz będziemy musieli to dobrze umieścić. Aby to zrobić, wybierzemy czarną strzałkę znajdującą się na pasku narzędzi, (Narzędzie selekcji, Klawisz V). Za jego pomocą klikniemy na obramowanie prostokąta i BEZ ZWOLNIENIA przeciągniemy granicę tak, aby zbiegła się z krawędziami dokumentu. Samouczek krok po kroku programu Illustrator

Samouczek krok po kroku programu Illustrator

KOLOROWE TŁO

Tło jest już gotowe, ale domyślnie zobaczymy je w kolorze białym z czarną obwódką. Czas to zmienić! Po wybraniu czarnej strzałki jako narzędzia (narzędzie wyboru, klawisz V) klikamy prostokąt. Przechodzimy do dwóch kolorowych pól u dołu paska narzędzi: ten z przodu odpowiada kolor wypełnienia naszej sylwetki, a ten z tyłu nawiązuje do TRAZO. Domyślnie będziemy mieć wypełnienie w kolorze białym, a obramowanie w kolorze czarnym. Klikamy na pole wypełniania i próbnik kolorów (Narzędzie do wybierania kolorów). Teraz możesz wybrać żądany kolor tła. W moim przypadku był to niebieski. Po wybraniu kliknij OK, a otrzymasz kolorowy prostokąt.  Samouczek krok po kroku programu Illustrator

A teraz zdejmij krawędź. Kliknij pole na krawędzi naszego paska narzędzi. Teraz, tuż pod tym kwadratem, znajduje się mały biały kwadrat z czerwoną przekątną. Klikamy na to ... I to wszystko! Ten kwadrat mówi programowi Illustrator, że chcemy obrysu bez koloru. Gdybyśmy chcieli, aby wypełnienie prostokąta było również bez koloru, musielibyśmy zaznaczyć odpowiednie pole i ponownie kliknąć puste pole.  Samouczek krok po kroku programu Illustrator

ZDEGRADOWANY

Następnym krokiem jest wykonanie okrągłego gradientu na naszym tle. Aby to zrobić, musimy przejść do okna Wygląd (jeśli nie widzisz go po prawej stronie ekranu, jak pokazano na obrazku, przejdź do górnego menu okna programu Illustrator i przejdź do Okno> Wygląd). Tutaj domyślnie zobaczymy opcję Wypełnij kolorem, który umieściliśmy w prostokącie oraz opcję Obrys (obrys lub kontur), która będzie z opcją Pusty. Ostatnią opcją jest Krycie (krycie). U dołu tego okna znajdują się dwa małe kwadraty. Jeden z bardzo szeroką czarną obwódką, a drugi z cienką obwódką. Wybieramy ten dobry, to utwórz nowe wypełnienie (Wypełnij). Teraz klikamy w kolorowym kwadracie nowego wypełnienia, które utworzyliśmy. Strzałka pojawi się po jego prawej stronie i spośród wszystkich wyświetlonych próbek koloru wybierzemy tę, która odpowiada okrągłemu czarnemu gradientowi.

Samouczek krok po kroku programu Illustrator

Okno wyglądu

Samouczek krok po kroku programu Illustrator

Tworzymy nowe wypełnienie (Wypełnij)

Samouczek krok po kroku programu Illustrator

Wybór próbki gradientu kołowego

Teraz otwieramy nową sekcję, klikając strzałkę po lewej stronie Wypełnij i klikając słowo Dobrze, aby zmienić sposób nakładania naszej warstwy wypełnienia. Tam wybieramy opcję Overlay (Zakładka). Samouczek krok po kroku programu Illustrator

OKRĄG

Zamierzamy utworzyć białe kółko na środku naszego dokumentu. Aby to zrobić, wybieramy narzędzie Narzędzie Elipsa, który będzie znajdował się „wewnątrz” narzędzia Rectangle Tool. Aby móc go wybrać musimy wykonać długie kliknięcie, bez puszczania, czekając na wyświetlenie opcji. Gdy się pojawią, BEZ UWOLNIENIA, przesuwamy kursor na narzędzie Elipsa i puszczamy je. Samouczek krok po kroku programu Illustrator

Tworzymy idealny obwód (w tym celu klikamy i przeciągamy trzymając wciśnięty klawisz Shift na naszej klawiaturze). Normalną rzeczą jest to, że obwód wychodzi z tymi samymi parametrami z poprzedniego gradientu, co zrobiliśmy, więc będziemy musieli zmodyfikować wartość wypełnienia. Samouczek krok po kroku programu Illustrator

Teraz zamierzamy go wyśrodkować. Iść do Okno> Wyrównaj i PRZY WYBRANYM KOŁKU kliknij opcje pokazane na obrazach.  Samouczek krok po kroku programu Illustrator

TEKST

Wybieramy narzędzie Tekst (Narzędzie tekstu, klawisz T) i wpisujemy żądany tekst. W naszym przypadku wybraliśmy czcionkę BadaBoom BB, który można pobrać z DaFont Samouczek krok po kroku programu Illustrator

Teraz trochę to odwróćmy. Kliknij tekst prawym przyciskiem myszy> Przekształć> Ścinanie. Wprowadzamy wartość -8º w pionie i dajemy OK.

Samouczek krok po kroku programu Illustrator

Wyśrodkowujemy tekst w ten sam sposób, w jaki poprzednio wyśrodkowaliśmy białe kółko.

DODAWANIE STYLU

Samouczek krok po kroku programu Illustrator

Obiekt> Rozwiń

Po zaznaczeniu tekstu przechodzimy do opcji przedmiot w górnym menu i wybierz Rozszerzać iw wyświetlonym oknie OK. Następnie zrób kliknij prawym przyciskiem myszy nad tekstem i wybierz rozgrupuj (Rozgrupuj).

Samouczek krok po kroku programu Illustrator

Wróćmy do Panel wyglądu. Wybierz czarne wypełnienie i kliknij ikonę „fx' wybierać Ścieżka> Odsuń ścieżkę. Wprowadź w Offset, 8px. In Joins, Round. A w granicy ukosu 4.

Samouczek krok po kroku programu Illustrator

Teraz kliknij ponownie ikonę „fx” i wybierz Distor & Transform> Transform i wpisz:
W skali: w poziomie> 100% w pionie> 100%
W ruchu: w poziomie> 7 pikseli w pionie> 12 pikseli

Samouczek krok po kroku programu Illustrator

Samouczek krok po kroku programu Illustrator

A teraz dodaj kolejne wypełnienie. Stuknij kwadratową ikonę na cienkiej ramce i wybierz jasny kolor. Na przykład biały.

Samouczek krok po kroku programu Illustrator

Dodajemy kolejne wypełnienie. W naszym przypadku z kolor pomarańczowy. Dodamy do tego efekt transformacji. Kliknij ponownie ikonę 'fx' i wybierz Distor & Transform> Transform i wpisz:
W ruchu: w poziomie> 2 pikseli w pionie> 2 pikseli

Zamierzamy umieścić na nim czarny kontur. Wybieramy kolor czarny w obrysie i dajemy 3px. Sprytny! Teraz, aby zapisać plik> zapisz. Aby zapisać go w .jpg, plik> eksportuj (i tam wybierasz format)

Samouczek krok po kroku programu Illustrator


Zostaw swój komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

*

*

  1. Odpowiedzialny za dane: Miguel Ángel Gatón
  2. Cel danych: kontrola spamu, zarządzanie komentarzami.
  3. Legitymacja: Twoja zgoda
  4. Przekazywanie danych: Dane nie będą przekazywane stronom trzecim, z wyjątkiem obowiązku prawnego.
  5. Przechowywanie danych: baza danych hostowana przez Occentus Networks (UE)
  6. Prawa: w dowolnym momencie możesz ograniczyć, odzyskać i usunąć swoje dane.