-
data publikacji: 06.02.2009
Illustrator – podstawy cz.1
kategoria: Grafika, Tutoriale autor: Burger
O tym jak wielką trudność sprawia posługiwanie Illustratorem i magicznym narzędziem zwanym Pen Toolem słyszano wiele, jednakże postaram się Wam go pokazać z tej lepszej strony, by poznać jego ciekawe funkcje.
Wersje trialową można pobrać na stronie producenta.
Nowy dokument
Aby utworzyć nowy dokument wchodzimy w 'File' > 'New'. Ukaże Nam się owe okno:

W polu 'Name' wpisujemy nazwę naszego projektu. Możemy skorzystać z gotowych profili dokumentu, wybierając je z listy 'New Document Profile'. Z listy 'Size' można wybrać format dokumentu, czy to ma być list czy kartka A4.
W polach 'Width' oraz 'Height' wpisujemy rozmiar dokumentu. Obok, z listy 'Units' wybieramy jednostki dokumentu, piksele lub milimetry.
Funkcja orientation umożliwia nam szybkie wybranie orientacji pionowej lub poziomej.
W zaawansowanych opcjach możemy wybrać tryb koloru, RBG lub CMYK. Z listy 'Raster' wybieramy rozdzielczość dokumentu, gdzie np. 300ppi jest to rozdzielczość dla dokumentów DTP. Z listy 'Preview' wybieramy rodzaj podglądu dokumentu w trakcie edycji.Tools, czyli okienko po lewej
Jak można zauważyć, przy niektórych narzędziach widać malutkie trójkąciki, jest to znak, który informuje Nas o tym, iż pod tym przyciskiem kryją się inne, powiązane z tym głównym. Aby je zobaczyć, należy najechać na nie kursorem i przytrzymać LPM, wówczas rozwinie się lista pozostałych narzędzi.
Przy ów liście przy prawej krawędzi widać, pasek w trójkącikiem, gdy na niego klikniemy utworzy nam się swobodne okno z tymi narzędziami, które możemy przesunąć w dowolne miejsce na ekranie.
Niektóre narzędzia mają możliwość zmiany ich ustawień, aby tak zrobić należy dwukrotnie kliknąć w dane narzędzie.
- 1. Selection Tool [V] - służy do zaznaczenia pojedynczych jak i grup obiektów
- 2.1. Direct Selection Tool [A] - służy do przesuwania punktów i edytowania stworzonej ścieżki. Gdy przytrzymamy [Alt] i przesuniemy obiekt stworzy nam kopię owego obiektu.
- 2.2. Group Selection Tool - służy do zaznaczania grup obiektów.
- 3. Magic Wand Tool [Y] - zaznacza wszystkie obiekty z takim samym i podobnym kolorze.
- 4. Lasso Tool [Q] - służy do zaznaczenia grup obiektów za pomocą ścieżki.
- 5.1. Pen Tool [P] - główne narzędzie w Illustratorze, za jego pomocą rysujemy ścieżki. Klikając tworzymy kolejne punkty, które są połączone linią. Klikając następny punkt, przytrzymując i przeciągając możemy tworzyć krzywe. Gdy ustawiamy jeden punkt by stworzyć krzywą, klikając dalej ustawia ścieżkę tak, by ładnie komponowała się w poprzednim punktem. Przykład. W przypadku gdy chcemy mieć ostro zakończony obiekt klikamy na punkt, gdy pojawią się dwie małe linie obok kursora tworzące trójkąt.
- 5.2. Add Anchor Piont Tool [+] - dodajemy punkty do ścieżki, można je tylko dodać na ścieżce.
- 5.3. Delete Anchor Point Tool [-] - usuwamy punkty ze ścieżki.
- 5.4. Convert Anchor Point Tool [Shift]+[C] - narzędzie służące do edytowania ścieżki. Klikając w punkt i przyciągając edytujemy kształt krzywej. Przytrzymując [Ctrl] przesuwamy cały obiekt.

- 1.1. Type Tool [T] - narzędzie tekstu, klikamy i piszemy. Przytrzymując i przeciągając możemy utworzyć obszar, który wypełniamy tekstem po brzegi.
- 1.2. Area Type Tool - Narzędzie, którym wypełniamy dany kształt tekstem.
- 1.3. Type on a Patch Tool - dzięki temu narzędziu możemy ustawić tekst na ścieżce. Przykład.
- 1.4. Vertical Type Tool - narzędzie tekstu, którym piszemy w pionie.
- 1.5. Vertical Area Type Tool - Narzędzie którym wypełniamy dany kształt tekstem pionowym.
- 1.6. Vertical Type on a Patch Tool - służy do ustawiania tekstu pionowego na ścieżce.
- 2.1. Line Segment Tool [\] - Tym narzędziem rysujemy prosty odcinek; u góry z listy Stroke możemy wybrać jego grubość.
- 2.2. Arc Tool - za pomocą tego narzędzia rysujemy łuk. Klikając dwukrotnie w ikonkę możemy ustawić różne ustawiania stopnia wygięcia łuku.
- 2.3. Spiral Tool - tu ustawiamy spiralę, przy której możemy tylko ustawić grubość obrysu.
- 2.4. Rectangular Grid Tool - wstawiamy tym narzędziem siatkę, lub jak kto woli tabelkę. W ustawieniach można ustawić liczbę komórek i rozmieszczenie linii poziomych i pionowych.
- 2.5. Polar Grid Tool - wstawiamy tarczę, w ustawianiach można ustawić liczbę przedziałów i obręczy.
- 3.1. Rectangle Tool [M] - narzędzie służy to wstawiania prostokątów z ostrymi krawędziami. Klikając w obszar roboczy dokumentu można ustawić wielkość prostokąta.
- 3.2. Rounded Rectangle Tool - narzędzie służy do wstawiania prostokątów z zaokrąglonymi krawędziami. Klikając w obszar roboczy dokumentu można ustawić wielkość prostokąta oraz kąt zagięcia rogów.
- 3.3. Elipse Tool [L] - służy do wstawiania okręgu. Klikając w obszar roboczy dokumentu można ustawić wielkość okręgu.
- 3.4. Polygon Tool - służy do wstawiania wielokątów. Klikając w obszar roboczy dokumentu można ustawić promień oraz ilość kątów.
- 3.5. Star Tool - służy do wstawiania gwiazdy. Klikając w obszar roboczy dokumentu można ustawić promień wewnętrzny, zewnętrzny oraz ilość ramion gwiazdy.
- 3.6. Flare Tool - służy do wstawiania flar. Skomplikowane narzędzie. Klikając w obszar roboczy dokumentu można ustawić wielkość centralnego źródła światła (Center), jego przeźroczystość oraz jasność. Ilość, długość oraz wyrazistość promieni (Rays). Wielkość oraz wyrazistość poświaty (Halo) oraz obwód, ilość, wielkość oraz kierunek pierścieni.
- 4. Paintbrush Tool [B] - pędzel, do rysowania linii. Klikając dwukrotnie w ikonę możemy ustawić odwzorowanie ruchów oraz gładkość linii.
- 5.1. Pencil Tool [N] - ołówek, do rysowania linii. Klikając dwukrotnie w ikonę możemy ustawić odwzorowanie ruchów oraz gładkość linii.
- 5.2. Smooth Tool - narzędzie służy do wygładzania linii. Klikając dwukrotnie w ikonę możemy ustalić tolerancję.
- 5.3. Path Eraser Tool - służy do wymazywania ścieżek.

- 1.1 Rotate Tool [R]- narzędzie służące do obracania obiektem/ami.
- 1.2 Reflect Tool [O]- narzędzie do odbijania obiektu w dowolnym kierunku.
- 2.1 Scale Tool [S]- służy do zamiany rozmiaru danego obiektu.
- 2.2 Shear Tool- narzędzie służące do pochylania obiektu.
- 2.3 Reshape Tool- służy do dodawania nowych anchor piontów na ścieżce obiektu.
- 3.1 Warp Tool [Shift]+[R]- narzędzie powodujące wygięcie ścieżki. Przypomina działaniem Photoshopowe liquify. Klikając dwukrotnie w ikonkę możemy ustawić wielkość oraz siłę nacisku.
- 3.2 Twirl Tool- Narzędzie wyginające ścieżki w kształt świdra. . Klikając dwukrotnie w ikonkę możemy ustawić wielkość, siłę nacisku oraz siłę wygięcia.
- 3.3 Pucker Tool- Narzędzie przyciągające do siebie ścieżki. Klikając dwukrotnie w ikonkę możemy ustawić wielkość, siłę nacisku oraz odwzorowanie detali.
- 3.4 Bloat Tool- Narzędzie rozciągające ścieżki w kształt narzędzia. Klikając dwukrotnie w ikonkę możemy ustawić wielkość, siłę nacisku oraz siłę wygięcia
- 3.5 Scallop Tool- Narzędzie powodujące wygięcie ścieżki w kształt litery U. Klikając dwukrotnie w ikonkę możemy ustawić wielkość, siłę nacisku, odwzorowanie detali oraz złożoność wzoru.
- 3.6 Crystallize Tool- Narzędzie rozciągające ścieżki na zewnątrz narzędzia. Klikając dwukrotnie w ikonkę możemy ustawić wielkość, siłę nacisku, odwzorowanie detali oraz złożoność wzoru.
- 3.7 Wrinkle Tool- Narzędzie powodujące falowanie ścieżki. Klikając dwukrotnie w ikonkę możemy ustawić wielkość, siłę nacisku, odwzorowanie detali oraz złożoność wzoru.
- 4 Free Transform Tool [E]- służy do swobodnego skalowania i obracania obiektu. Przytrzymując [Alt] obiekt będzie skalowany względem jego środka.
- 5.1. Symbol Sprayer Tool [Shift]+[S] - narzędzie do nakładania symboli (dostępnych w palecie Symbols). Klikając dwukrotnie w ikonę możemy ustawić wielkość oraz ilość symboli.
- 5.2. Symbol Shifter Tool - narzędzie do przesuwania symboli. Klikając dwukrotnie w ikonę możemy ustawić wielkość oraz ilość symboli.
- 5.3. Symbol Scruncher Tool - narzędzie do pomniejszania symboli. Klikając dwukrotnie w ikonę możemy ustawić wielkość oraz ilość symboli.
- 5.4. Symbol Sizer Tool - narzędzie do powiększania symboli. Klikając dwukrotnie w ikonę możemy ustawić wielkość oraz ilość symboli.
- 5.5. Symbol Spinner Tool - narzędzie do obracania symboli. Klikając dwukrotnie w ikonę możemy ustawić wielkość oraz ilość symboli.
- 5.6. Symbol Stainer Tool - narzędzie do koloryzowania symboli. Klikając dwukrotnie w ikonę możemy ustawić wielkość oraz ilość symboli.
- 5.7. Symbol Screener Tool - narzędzie do wtapiania symboli. Klikając dwukrotnie w ikonę możemy ustawić wielkość oraz ilość symboli.
- 5.8. Symbol Styler Tool - narzędzie do stylizowania(dostępnych w palecie Graphic Styles) symboli. Klikając dwukrotnie w ikonę możemy ustawić wielkość oraz ilość symboli.

- 1.1 Column Graph Tool [J]- narzędzie służące do tworzenia pionowych wykresów słupkowych.
- 1.2 Stacked Column Graph Tool- narzędzie służące do tworzenia warstwowych, pionowych wykresów słupkowych.
- 1.3 Bar Graph Tool- narzędzie do tworzenia poziomych wykresów słupkowych.
- 1.4 Stacked Bar Graph Tool- narzędzie do tworzenia warstwowych, poziomych wykresów słupkowych.
- 1.5 Line Graph Tool- narzędzie do tworzenia wykresów liniowych.
- 1.6 Area Graph Tool- narzędzie wykres warstwowy tworzy wykresu podobne do liniowych, ale kładzie nacisk na sumy oraz zmiany wartości.
- 1.7 Scatter Graph Tool- narzędzie do tworzenia wykresów punktowych.
- 1.8 Pie Graph Tool [O]- narzędzie do tworzenia wykresów kołowych.
- 1.9 Radar Graph Tool [O]- narzędzie do tworzenia wykresów o strukturze radaru.
- 2. Mesh Tool [U] – narzędzie służące do tworzenia siatki gradientu na wybranym obiekcie.
- 3. Gradient Tool [G] - narzędzie służące do tworzenia gradientu na wybranym obiekcie.
- 4.1 Eyedropper Tool [I] - narzędzie służące do pobierania koloru z utworzonego obiektu.
- 4.2. Measure Tool - narzędzie służące do wykonywania pomiarów na obszarze roboczym. Wyniki można odczytać w palecie Info
- 5. Blend Tool [W] - narzędzie służące do mieszania zaznaczonych obiektów. Klikając dwukrotnie w ikonkę możemy ustawić sposób ich łączenia oraz ilość wykonanych kroków

- 1 Live Paint Bucket [K]- narzędzie służące do wypełniania danym kolorem danego obszaru na stworzonych kształtach.
- 2. Live Paint Selection Tool- narzędzie służące do tworzenia zaznaczeń danych obszarów jak wyżej, które można potem np. usunąć.
- 3.1 Crop Area Tool [Shift]+[O]- narzędzie służące do przycina dokumentu do pożądanych wymiarów.
- 3.2 Slice Tool [Shift]+[K]- narzędzie służy do cięcia dokumentu, które można następnie zapisać do html.
- 3.3 Slice Selection Tool- narzędzie do zaznaczania i przesuwania stworzonych cięć.
- 4.1 Eraser Tool [Shift]+[E]- narzędzie służy to wymazywania wskazanej części obiektu
- 4.2 Scissors Tool [C]- Narzędzie służące do odcinania fragmentów ścieżki, po wcześniejszym zaznaczeniu anchor pointu
- 4.3 Knife Tool- narzędzie do wycinania ścieżek na zaznaczonym obiekcie.
- 5.1 Hand Tool [O]- narzędzie do poruszania się po dokumencie.
- 5.2 Page Tool [U] - narzędzie pozwala dopasować siatkę strony, tak aby określić położenie ilustracji na wydruku strony.
- 6 Zoom Tool [U] – służy do przybliżania dokumentu.

- 1. Default Fill and Stroke [W] - przycisk resetujący ustawienia wypełnienia oraz obrysu obiektu.
- 2. Swap Fill and Stroke [Shift+X] - przycisk zamieniający ustawienia wypełnienia z ustawieniami obrysu obiektu.
- 3. Fill [X] - przycisk ustawiający kolor wypełnienia obiektu.
- 4. Stroke [X] - przycisk ustawiający kolor obrysu obiektu.
- 5. Color [<] - przycisk wypełniający obiekt kolorem.
- 6. Gradient [>] - przycisk ustawiający gradient obiektu.
- 7. None [/] - przycisk kasujący wypełnienie oraz gradient obiektu.
- 8. Change Screen Mode [F] - przycisk zmieniający wyświetlanie obszaru roboczego.
Wielkie podziękowania dla Harrego za pomoc w napisaniu tego artykułu.
-
11 Responses to “Illustrator – podstawy cz.1”
Leave a Reply
Komentarze
Kategorie
Top 10
JaRo: Halu!?
Adi: Halu!?
rokicza: Menu akordeonowe z odrobiną CSS3
Marcin Lewandowski: Portfolio graficzne oparte o Wordpress przy użyciu Custom Fields
Agressiva: Portfolio graficzne oparte o Wordpress przy użyciu Custom Fields
Marcin: Portfolio graficzne oparte o Wordpress przy użyciu Custom Fields
rokicza: Menu akordeonowe z odrobiną CSS3
rokicza: Menu akordeonowe z odrobiną CSS3
Gerard: Tutorial na stronę domową
malachm: Adobe Kuler – wejdź w kulerowy świat
- CMSy Artykuły dotyczące różnego rodzaju systemów zarządzania treścią CMS.
- Flash Podstawowe informacje pomocne przy tworzeniu animacji w Adobe Flash.
- Fotografia Samouczki dotyczące nie tylko robienia zdjęć ale też ich cyfrowej obróbki.
- Grafika Ogólnie pojęta grafika komputerowa, od inspiracji, po tworzenie layoutów oraz mniejszych form graficznych.
- Inne tutoriale wordpressowe Wszystkie inne zagadnienia dotyczące WordPressa.
- Inspiracje Inspirujące materiały graficzne z dziedziny projektowania stron www, projektów DTP, digital painting, itp.
- Obróbka zdjęć Techniki retuszu fotografii cyfrowych.
- Rysunek Tworzenie rysowanych ilustracji w Adobe Photoshop.
- Skóry do Wordpressa Darmowe oraz płatne – najlepsze skóry do WordPressa.
- Skrypty client-side
- Skrypty server-side
- Tutoriale
- Webdesign Tutoriale z zakresu projektowania stron www i grafiki użytkowej na rzecz internetu.
- Wordpress Ulubieniec naszej publiczności CMS WordPress: nowości, tricki, wtyczki, skóry i wszystko to co może przydać się przy korzystaniu z tego systemu.
- Wtyczki do Wordpressa Recenzje oraz instrukcje najbardziej popularnych i najbardziej niezbędnych pluginów do WordPressa.
- XHTML/CSS Ciekawostki z dziedziny kodowania stron www: XHTML, CSS, jQuery.
- Efekt graficznego podświetlenia w jQuery i Prototype z Scriptaculous
- Google Maps API - pierwsze starcie
- WP-Polls, czyli ankiety na stronie wordpressowej
- Illustrator - podstawy cz.1
- Wordpress Shortcode API
- Zrozumieć Fotografię cz.1
- Jak wyizolować liczbę subskrybentów RSS korzystając z FeedBurner'a?
- Inspirujące strony www - styczeń 2009
- Pierwsza polska strona o ExpressionEngine
Najnowsze newsy
Zapraszamy na forum graficzne Graffika.pl
Każda osoba interesująca się grafiką komputerową ma czasami ochotę porozmawiać o swoich pracach, posłuchać rad, krytyki i pochwał innych osób. Idealnym miejscem na realizowanie takich potrzeb jest forum graficzne Graffika.pl.
Czytaj dalej
Przypominamy o Konkursie Noworocznym
Wraz z nowym, 2010 rokiem ogłosiliśmy konkurs na tutorial o tematyce CMS-owej.
Mamy nadzieję, że jakieś prace zostaną nadesłane do końca terminu i znajdzie się zwycięzca w pierwszym naszym oficjalnym konkursie z nagrodami.
Zachęcamy wszystkich do spróbowania swoich sił.
Szczegóły dostępne są pod tym adresem: http://vivee.info/2010/01/01/konkurs-noworoczny/
Zareklamuj nas :)
Jako, że pojawiła się na vivee.info nowa skóra przygotowałam nasze firmowe banerki reklamowe. Osoby, które wyrażą chęć wsparcia nas reklamą u siebie na blogach lub innych serwisach mogą pobrać je poniżej. Czytaj dalej
Polecane strony
- WordPress Theme from Scratch – Day 1: PSD
- 20 Tutorials For Creating HDR Images
- Ask the Expert – Using Wordpress to Build Large Scale Websites with Derek Herman
- Making an Interactive Picture with jQuery
- Create a Horizontal Scrolling Website
- 800 Most Wanted Free RSS Icons for Bloggers
- 45 Most Wanted Beautiful Free Hand Drawn Fonts
- Caffe-Break Themed Blog Layout Photoshop Tutorial
- Create a nature inspired layout in photoshop
- Coding a Web Design for Speed and Quality
- Beautiful Hand Drawn Websites | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
- 40 Fresh Creative and Inspiring Photographs
- Wordpress portfolio layout | Grafpedia
- Simple Facial Photo Retouching | Grafpedia
- Create a beauty layout in 10 steps | Grafpedia























I właśnie tego mi brakowało! O ile Photoshop ma wiele, wiele dobrych tutoriali, o tyle Illustrator zawsze był zbyt złożony. A chyba najwyższa pora na poznanie tego niezbędnego w naszej pracy narzędzia.
Liczę na kontynuację…
no i miłego dokształcania
No bardzo ladnie, wszystko jest wytłumaczone tak jak powino byc
duzy “+”
ano… fajny tutek, szczerze? … liczę na kontynuację
Ja też bardzo liczę na kontynuację
W końcu jakieś sensowne objaśnienia się znajdują po PL
Gratuluję i jak inni czekam na kontynuacje
O ile z Photoshopem nigdy nie miałam problemów, tak z Illustratorem od zawsze.
Bardzo pomocny tutorial i aż wstyd się przyznać wreszcie nauczyłam się otwierać listę narzędzi…
Hm, tylko jeden artykuł? do tego mało ciekawy, gdyż opisuje wyłącznie narzędzia. Jeśli potrzebujecie osoby znającej się na tym sofcie, to mogę polecić swoją osobą, tylko jaki przekaz miałby być i czego głównie potrzeba?
W wolnej chwili byłbym w stanie opisać co nieco, np. zrobić tutorial na podstawie ikon, z naciskiem tematycznym na krzywe.
pixel – jeżeli tylko wykazujesz się chęcią i masz troszkę czasu aby coś skrobnąc np o Illustratorze to naprawde się nie krępuj – interesujące i przydatne tutki szczególnie z kategorii gdzie nie jest ich u nas zbyt dużo bardzo chętnie publikujemy.
pole do popisania bez ograniczeń 
Co do zakresu tematycznego – tutaj masz dowolność
Pozdr.
To dajcie mi na email info jak to się odbywa wszystko u Was
Pomocne, pomocne :]