Kategoria: Illustrator

Pędzel wzorka – Świąteczna ramka

Dzisiejszym tematem jest tworzenie różnego rodzaju obramowań, marginesów itp. Posłuży nam do tego Pędzel wzorka. Narzędzie to potrafi stworzyć duże, skomplikowane wektory z maksymalnie pięciu predefiniowanych kształtów.

Narzędzie pędzel wzorka

Powyżej przedstawiony jest panel pędzla z biblioteki Illustratora. Widać na nim elementy ścieżki, jakie możemy stworzyć. Są to linia prosta, narożnik zewnętrzny, narożnik wewnętrzny, początek i koniec. Skala, odstępy między poszczególnymi wzorkami, sposób wypełniania przestrzeni, kolory i przekształcenia. My stworzymy nasz pędzel z własnoręcznie wykonanych wektorów. Ja przygotuje ramkę świąteczną. Zaczynam od narysowania ostrokrzewu, klasycznego elementu świątecznego. Listek tworzę za pomocą Narzędzie Pióro (P).

Pędzel wzorka - krok 2

Dorysuje żyłki (Narzędzie Pióro (P)), dobierając kształt pióra na trójkątny.

Pędzel wzorka - krok 3

Tworze powierzchnie światła i cieni.

Pędzel wzorka - krok 4

Dodajmy też kilka czerwonych jagód. Niestety Illustrator ma pewne ograniczenia. Gdy tworzymy obiekty do wzorków nie możemy używać gradientów, przeźroczystości itp. Jest jednak sposób na obejście tej niedogodności. Można zawsze stworzyć obiekt 3D a następnie rozbić go na podstawowe krzywe. Rysuję polówkę jagody, tworze z niej bryłę obrotową, dobieram parametry itp. Ja skopiowałam ją 3 razy i ustawiłam różne osie obrotu.

Pędzel wzorka - krok 5

Teraz rozbijamy poszczególne owoce. Wchodzimy do Obiekt->Rozszerz wygląd… Z jednego obiektu 3D tworzy nam się grupa. Uwaga należy wejść do każdej grupy i usunąć z niej <ścieżka przycinania> gdyż ten element będzie powodował problemy a jest nie potrzebny.

Pędzel wzorka - krok 6

Podobnie postępujemy z pozostałymi trzema jagodami. Dodajemy ciemne środki. Kopiujemy listki parokrotnie i układamy kompozycje z listków i jagód. Ja proponuje stworzyć od razu na narożnik wypukły i wklęsły. Dodanie lekkich cieni nieco urozmaici nam rysunek.

Pędzel wzorka - krok 7

Teraz czas na elementy łączące. Ja zdecydowałam się na taśmę z świątecznym wzorem. W tworzeniu pędzla z wzorka najważniejsze jest dokładne podzielenie segmentów na części. Pomoże nam w tym siatka, którą wygenerujemy za pomocą Narzędzie Siatka prostokątna. Aby mieć swobodę ruchu ja wygenerowałam kwadrat 4x4. Wstążkę ułożyłam na jednym elemencie.

Czytaj dalej...

Pędzel artystyczny – choinka w Illustratorze

Dzisiaj krótka opowieść o tym jak wielkim sprzymierzeńcem jest własnoręcznie wykonany pędzel. Narysujemy choinkę, ale nie po każdej igiełce, tylko kompleksowo. Zaczynamy od utworzenia jedne j gałązki. Najpierw rysujemy pionową linię (Narzędzie linia (\)), która będzie trzonkiem. Ja zastosowałam standardowy pędzel trójkątny o grubości 2px, dzięki czemu uzyskałam efekt zwężania się ku końcowi.

Choinka - etap1

Kolor zmieniam oczywiście na brązowy. Dorysujmy wypełnienie gałązki. Można to zrobić w bardzo szybki sposób. Z pomocą przyjdzie nam Narzędzie linia (L). Rysujemy pęczek igiełek o wspólnym początku.

Choinka - etap2

Następnie wybieramy kolor linii i ustalamy ich kształt, aby uzyskać kształt igły. Operacje tę powtarzamy jeszcze 3 razy za każdym razem zmniejszając długość igiełek i ich kolor. Powstałe obiekty należy zgrupować. Uzyskujemy w ten sposób ładne zakończenie gałązki.

Choinka - etap3

W podobny sposób tworzymy pęczki igiełek do umieszczenia wzdłuż łodygi.

Choinka - etap4

Następnie układamy na trzonku zakończenie. Grupkę do ułożenia wzdłuż łodygi kopiujemy kilkakrotnie. Można zmieniać nieco ich proporcje.

Czytaj dalej...

Operacje 3D w Adobe Illustrator – bryła obrotowa, kompozycja

W dzisiejszym artykule pokaże jak operować bryłami obrotowymi, oraz jak przydatnym narzędziem jest narzędzie kompozycji. Naszym modelem będzie bombka. Zaczynamy od narysowania obrysu. Narysujmy koło narzędziem Elipsa (L, wciśnięcie klawisza Shift pomaga podczas rysowania figur foremnych) i podzielmy je na pół, Narzędzie Nożyczki (C). Usuwamy jedno półkole i zaznaczamy pozostałe. Używamy narzędzia Efekty->3D->Bryła obrotowa. Panel wygląda bardzo podobnie do tego dla elementów wyciąganych. Jedną z ważnych różnic jest opcja Przesunięcie, która definiuje położenie osi obrotu. Illustrator pozwala na wybór jedynie osi pionowej, prawej lub lewej. Gdy parametr Przesunięcie jest zerowy, jest wybierana pierwsza oś, która styka się z obiektem od zdefiniowanej strony. Kolejnym ważnym parametrem jest Kąt, który definiuje o ile stopni nastąpi obrót w okuł osi, nas oczywiście interesuje kąt pełny, czyli 360 stopni. Na początek polecam ustawienie Położenia na Rzut z przodu.

Bombka 3D - krok1

Teraz skupmy uwagę na przycisku Rzutowanie kompozycji. Narzędzie to pozwala na zrzutowanie bitmapy czy wektora na powierzchnie będące efektem operacji 3D. W największej części okna znajduje się rzut płaski powierzchni (Kula ma tylko jedną, inne bryły obrotowe czy też nie mają ich od kilku do kilkunastu w zależności od tego jak bardzo są skomplikowane). Jasnym kolorem zaznaczone są powierzchnie widoczne, ciemnym niewidoczne. Na rysunku kuli czerwona siatka pokazuje jak zniekształcone będą poszczególne elementy powierzchni. Na nich możemy umieszczać tylko symbole i taki symbol właśnie utworzymy.

Bombka 3D - krok2

Wychodzimy z menu operacji 3D. Tworzymy wektorowy obiekt, który będzie szablonem, najpierw tło. Dla ułatwienia wygenerujmy sobie siatkę odpowiadającą tej na kuli. Z menu wybieramy Narzędzie siatka prostokątna. Klikamy w dowolne miejsce rysunku pojawi nam się okno z ustawieniami. Wybieramy rozmiar. Należy pamiętać, że siatka na kule ma proporcje 2:1, liczba separatorów to 5 poziomych i 11 pionowych.

Bombka 3D - krok3

Nasz symbol nie musi mieć tła, można zastosować domyślne bombki. Tu już każdy powinien wykazać się własną inwencją, jeśli chodzi o przyozdabianie bańki. Ja przygotuje trzy proste elementy, choinkę, gwiazdkę i księżyc. Uwaga Illustrator nie może do takiego nakładania stosować gradientów!

Czytaj dalej...

Operacje 3D w Adobe Illustrator - podstawy

W dzisiejszym artykule zajmiemy się elementami 3D w Adobe Illustrator. Stworzymy proste pudełko z pokrywką. Rozpoczynamy od narysowania 2 prostokątów małego i dużego. Moje mają wymiar 100x80 px i 104x20 px. Ustawiamy je tak jak na rysunku poniżej:

Prezent - etap1

Następnie zaznaczamy dolny prostokąt i podajemy go transformacji 3D: Efekty->3D->Wyciąganie i fazowanie… W okienku możemy dobrać parametry położenia, długość wyciągnięcia i fazy, światło. Włączenie podglądu pomaga w doborze parametrów. Ustawiamy pudełko, ważne jest zapamiętanie kątów obrotu abyśmy mogli zastosować je także dla górnej części. Ja ustawiłam długość wyciągnięcia na 100 px. Nie korzystamy z opcji Faza. Panel światła rozwijamy klikając na Więcej opcji, ale w naszym przykładzie parametry te będą istotne, ważne tylko aby nie wybrać opcji Szkielet. Podobnie postępujemy z górną częścią pudełka.

Operacje 3d - etap2

Teraz dodajmy trochę kolorów na pudełka. Zaznaczamy dolną część i zmieniamy jej kolor. Bardzo dobre efekty daje nałożenie gradientu na powierzchnie pudełka. Aby to zrobić nasze pudełko trzeba najpierw rozbić na poszczególne ścianki. Zaznaczamy dolną część i wybieramy opcje Obiekt->Rozszerz wygląd. Tak samo postępujemy z pokrywą. Uwaga jeśli chcemy po takim rozbiciu mieć także powierzchnie niewidoczne (jak denko pudełka, czy ścianki tylnie) musimy podczas operacji 3D zaznaczyć opcje Rysuj powierzchnie ukryte.

Operacje 3d - etap3

Teraz nadajemy kolory naszemu pudełku. Na poszczególne ścianki dodajemy gradient. Ja zdecydowałam się na soczystą zieleń.

Operacje 3d - etap4

Następnym krokiem będzie dodanie wstążki. Najprostszym sposobem jest narysowanie linii od pokrywy do podstawy, ułożenie jej w odpowiednim miejscu. Dobranie grubości linii, u mnie 5 px na mniejszym boku i 30 na większym) a następnie przekształcenie na obiekt (Obiekt->Rozwinięcie… z zaznaczona opcja Obrys i Wypełnienie). Poprawiamy linie aby licowały z pudełkiem i dodajemy górne części wstążki.

Czytaj dalej...

Wektoryzacja - zamień swój rysunek w wektor przy pomocy Adobe Illustrator

Dzisiaj kilka wskazówek jak stworzyć czarnobiały wektor z obrazka/zdjęcia. Do tego artykułu przygotowałam i zeskanowałam szybki rysunek odręczny.

Wektoryzacja - rysunek podstawowy

Pierwszym krokiem jaki należy wykonać jest lekkie poprawienie kolorów na ilustracji. Dokonuje tego w programie Photoshop. Chcemy uzyskać obraz czarno-biały. W tym celu zmniejszamy głębie kolorów do skali szarości Obraz->Dopasowania->Czarno-biały (Shift + Ctrl + Alt + B). Parametry dobieramy tak aby uzyskać jak najmniej odcieni szarości. Następnym krokiem będzie korekcja krzywych. Obraz->Dopasowania->Krzywe… i poprawiamy obraz.

Wektoryzacja - poprawa obrazu

Teraz należy pozbyć się artefaktów, białych i czarnych plamek. W ten sposób przygotowany obraz nadaję się już do wykonania konwersji.

Czytaj dalej...

Copyright © 2021 Webnote

Projekt i wykonanie: Tworzenie stron internetowych

Dodaj link