Advertisement
  1. Design & Illustration
  2. Illustration
Design

Jak stworzyć ilustrację kotwicy w kwiatach w Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Learn Adobe Illustrator.
How to Create a Blueprint Text Effect in Adobe Illustrator
How to Create a Pool-Themed Seamless Pattern in Adobe Illustrator

Polish (Polski) translation by Piotr Fijak (you can also view the original English article)

Final product image
What You'll Be Creating

W tym tutorialu nauczysz się jak stworzyć ilustrację kwiecistej kotwiczki w programie Adobe Illustrator Będziemy używać prostych kształtów, a także nauczysz się jak przesuwać pojedyncze punkty kontrolne za pomocą Narzędzia Zaznaczanie bezpośrednie, Efektów wypaczeń oraz Narzędzia Wypaczanie. Stworzymy także własny pędzel aby narysować linę. Mam nadzieję, że nauczysz się przydatnych technik które będą przydatne w Twoich przyszłych projektach. Pamiętaj, Twój artwork który powstanie za pomocą tego tutoriala nie może być sprzedawany na stronach ze stockami.

Jeśli szukasz dekoracyjnych wektorów, możesz znaleźć wiele różnych elementów i projektów w Envato Market.

1. Rysowanie kotwicy

Krok 1

Rysowanie naszej kotwicy zaczniemy od prostokąta. Za pomocą Narzędzia Prostokąt (M) stwórz długi pionowy kształt bez koloru obrysu oraz z kolorem wypełnienia który możesz zobaczyć na obrazku poniżej. Ta część kotwicy nazwana jest trzonem.

Na górze tego kształtu narysuj mały poziomy prostokąt w ten sposób, aby otrzymać coś w stylu krzyża. Następnie zastosuj efekt wypaczenia dla tego małego poziomego prostokąta: przejdź do Efekty > Wypaczenie > Wybrzuszenie i zastosuj opcje które widzisz poniżej. Następnie rozszerz ten obiekt (Obiekt > Rozszerz wygląd). Ten element jest nazwany sztokiem.

creating the anchor

Oto okno Opcji Wypaczenia.

Warp Options window

Krok 2

Stwórz koło za pomocą Narzędzia Elipsa (L). Pamiętaj aby przytrzymać klawisz Shift aby narysować je idealnie. Dodaj kolejną kopię wklejoną na wierzch (Control+C, Control+F) oraz trzymając razem klawisz Shift i Alt, zmniejsz tę kopię (przytrzymanie klawisza Alt sprawi, że koło będzie się skalowało do środka). Gdy już będziesz mieć dwa koła, przejdź do panelu Odnajdywanie ścieżek i naciśnij przycisk Wyklucz. Otrzymasz otwór. Ta część jest nazwana uchem.

creating the anchor 2

Krok 3

Na dole kotwicy, za pomocą Narzędzia Prostokąt (M), narysuj długi poziomy kształt. Mając go zaznaczonego przejdź do Efekty>Wypaczenie>Łuk. Na obrazku poniżej możesz zobaczyć opcje które powinny zostać wpisane w wyświetlonym oknie. Rozszerz ten obiekt (Obiekt> Rozszerz wygląd). To jest ramię.

creating the anchor 3
Warp Options window

Krok 4

Wybierz Narzędzie Wielokąt i kliknij na swoim obszarze roboczym. W nowym okienku dialogowym podaj 3 boki oraz dowolny Promień i naciśnij OK. Będziemy za jego pomocą tworzyć piętę (trent), szpiczasty element, który znajduje się na dole każdej kotwicy. Gdy już narysujesz trójkąt, obróć go do góry nogami i umieść na dole kotwicy. Aby nadać naszej kotwicy gładkie linie, zastosujmy na trójkącie opcje wypaczeń widoczne pod spodem. Rozszerz ten kształt (Obiekt> Rozszerz wygląd).

creating the anchor 4
Warp Options window

Krok 5

Stwórzmy jeszcze dwa trójkąty za pomocą Narzędzia Wielokąt. Pierwszy z nich musi być wypełniony tym samym kolorem co wszystkie kształty, które stworzyliśmy wcześniej. Drugi może być dowolnego koloru. Umieść je w sposób ukazany na obrazku poniżej. Zaznacz oba trójkąty i naciśnij przycisk Odejmij Wierzch w panelu Odnajdywanie ścieżek. Otrzymasz pazur. Zastosuj opcje wypaczeń widoczne poniżej i następnie rozszerz wygląd.

creating the anchor 5
Warp Options window

Krok 6

Umieść pazur na lewej stronie kotwicy. Mając go ciągle zaznaczony, kliknij prawym przyciskiem twojej myszy i wybierz Przekształcenia > Odbij.... W nowym okienku dialogowym zaznacz Oś Pionową oraz kąt 90°. Po naciśnięciu przycisku Kopiuj, otrzymasz odbitą kopię lewego pazura- prawy pazur. Używając prawej strzałki na klawiaturze, przesuń kopię na prawą stronę kotwicy.

creating the anchor 6

2. Stworzenie pędzla potrzebnego do narysowania liny

Krok 1

Teraz, gdy już mamy podstawowy kształt kotwicy, stwórzmy pędzel który użyjemy do stworzenia liny.

Za pomocą Narzędzia Elipsa (L) narysuj małą elipsę oraz obróć ją w lewo. Trzymając klawisz Shift oraz Alt przesuń nieznacznie ten kształt w prawo. Właśnie stworzyłeś/-aś jej kopię. Wielokrotnie naciskaj Control+D aby  powtórzyć Twój ostatni ruch do czasu, aż będziesz posiadać długi rząd elips.

Zaznacz wszystkie elipsy i wykonaj ich kopię z spodu (Control+C, Control+B). Usuń tym kopiom kolor wypełnienia oraz ustaw kolor obrysu na taki, jaki możesz zobaczyć poniżej. Nie odznaczaj ich jeszcze, ponieważ chcemy zmienić obrysy tych kopii na wypełnienia. Aby to zrobić, musisz przejść do menu Obiekt > Rozwinięcie i nacisnąć OK w nowym oknie dialogowym. Nasza lina jest już gotowa.

creating the brush

Krok 2

Zaznacz całą linę i przeciągnij ją do panelu Pędzli. Jak tylko wyskoczy nowe okno, zaznacz Pędzel Artystyczny, OK. Następnie pojawi się nowe okno nazwane Opcjami pędzla artystycznego. Naciśnij ponownie OK i nasz nowy pędzel stanie się gotowy do użytku.

creating the brush 2

Spróbuj narysować parę linii za pomocą nowego pędzla (wybierz go z panelu Pędzle). Upewnij się, że kolor wypełnienia został usunięty oraz wybierz dowolny kolor obrysu.

drawing by brush

Krok 3

Za pomocą naszego nowego pędzla narysuj linę na kotwicy.

placing the rope

3. Tworzenie różowych kwiatków

Krok 1

To czas kwiatów! Usuń kolor obrysu oraz ustaw kolor wypełnienia. Narysuj dwa koła, mniejsze w środku większego. Podwójnie kliknij na Narzędziu Wypaczanie (Shift+R). W nowym okienku wprowadź opcje które widzisz poniżej. Twoje Globalne wymiary pędzla (szerokość oraz wysokość) mogą być inne niż moje- wybierz takie, które będą najlepiej pasować do twojego kwiatu.

Zaznacz tylko jedno koło i zacznij poruszać Narzędziem Zniekształcanie (Shift+R) od środka koła na zwenątrz. Poruszaj tym narzędziem blisko granicy kształtu. Gdy już skończysz, zaznacz drugie koło i ponownie poruszaj Narzędziem Wypaczanie (Shift+R) po jego krawędziach od środka na zewnątrz. Sprawdź obrazki poniżej aby zobaczyć przykładowe ruchy jakie wykonałam Narzędziem Wypaczanie.

creating the pink flower
Warp Tool Options window

Krok 2

Zaznacz dwa wypaczone kółka i utwórz dwie kopie na wierzch (Control+C, Control+F). Pomniejsz dwa nowe kółka. Możesz dodać dodatkowe efekty nowym płatkom ponownie używając Narzędzia Wypaczanie (Shift+R). Tylko nie zapomnij, aby zaznaczyć każde koło, zanim będziesz je przekształcać.

creating the pink flower 2

Krok 3

Dodaj kilka ciemnoszarych kółek na środku kwiatka.

creating the pink flower 3

Krok 4

Umieść różowy kwiatek na kotwicy.

Teraz spójrzmy w jaki sposób możemy zmienić kolor tego kwiatka dzięki czemu otrzymamy inny.

Śmiało stwórz kopię pierwszego kwiatka. Przejdź do menu Edycja > Edytuj Kolory > Zmień kolory kompozycji... . W nowym oknie dialogowym naciśnij przycisk Edycja, a następnie drobny przycisk, który wygląda jak łańcuszek, czyli Połącz kolory harmonii (znajduje się on na dole po prawej stronie). Następne po prostu przeciągaj kontrolki kolorów, aż uzyskasz kolor jaki Ci się spodoba. Zobacz jak łatwo zmieniają się kolory!

placing pink flowers

4. Tworzenie niebieskich kwiatów

Krok 1

Za pomocą Narzędzia Gwiazda narysuj niebieska gwiazdkę. Przejdź do menu Efekty > Zniekształcenie i przekształcenie > Wklęśnięcie i wybrzuszenie oraz ustaw suwak na 30%. Umieść w środku żółte kółeczko. Właśnie otrzymaliśmy niebieski kwiatek!

creating the blue flower

Krok 2

Kopiuj-wklej je na całej powierzchni kotwicy. Umieść je w taki sposób jaki Ci się podoba.

placing the blue flowers

5. Stworzenie liścia

Krok 1

Przejdź dalej i stwórz niebieską elipsę- to będzie nasz liść. Mając zaznaczony ten kształt wybierz Narzędzie punkt kontrolny (Shift+C) i kliknij na górnym punkcie kontrolnym- otrzymasz ostry narożnik.

Następnie używając Narzędzia Zaznaczenie bezpośrednie (A), zaznacz lewy i prawy punkt kontrolny ścieżki i przenieś je w dół. Obróć kształt w prawo. Kliknij prawym przyciskiem myszy i wybierz Przekształcenia > Odbij.... W nowym oknie dialogowym wybierz Oś Pionową oraz Kąt 90°. Po naciśnięciu przycisku Kopia otrzymasz odbitą kopię tego kształtu. Umieść ją w taki sposób, jaki jest przedstawiony na obrazku, a otrzymasz kształt liścia.

creating the leaf

Krok 2

Używając Narzędzia Łuk narysuj trzy łodygi. Jednak najpierw wybierz przycisk Zaokrąglone zakończenie oraz dopasuj Grubość obrysu w panelu Obrys. Umieść liść który stworzyłeś/-aś i dodaj dwa następne.

creating the leaf 2

Krok 3

Umieść liście na kotwicy. Możesz dodać tak wiele liści ile tylko chcesz.

placing leaves

6. Stworzenie jagód

Krok 1

Przejdźmy do jagód. Zacznij bez koloru wypełnienia, tylko z kolorem obrysu. Wybierz ponownie Narzędzie Łuk i narysuj parę łodyg, tym razem należących do gałązki jagód. Dodaj kilka kółek (bez koloru obrysu, z szarym wypełnieniem) które będą przedstawiać jagody.

creating the berries

Krok 2

Umieść jagody na kotwicy.

placing berries

7. Stworzenie tła oraz umieszczenie na nim elementów

Krok 1

Narysuj duży  kwadrat za pomocą Narzędzia Prostokąt (M). Kliknij wewnątrz obszaru roboczego oraz ustaw szerokość i wysokość na 850px.

creating the background

Krok 2

Narysuj na środku koło.

creating the background 2

Krok 3

Umieść na tle kotwicę razem z kwiatami.

placing all the objects on the background

Krok 4

Stwórz kilka małych kółek aby dopieścić projekt.

adding withe circles

Krok 5

W panelu Przeźroczystość nadaj im tryb mieszania Łagodne światło. Yay! Właśnie ukończyliśmy naszą ilustrację kwiecistej kotwicy!

reducing the Opacity of white circles

Wspaniała praca!

Wykonałeś/-aś wspaniałą pracę! Dziękuję za Twoją cierpliwość. Właśnie stworzyłeś/-aś ilustrację kwiecistej kotwicy w Adobe Illustrator używając prostych kształtów. Nauczyłeś/-aś się jak przesuwać pojedyncze punkty kontrole ścieżek używając narzędzia Zaznaczanie Bezpośrednie oraz używałeś/-aś wiele razy Efektów Zniekształceń i przekształceń oraz Narzędzia Wypaczanie. Stworzyłeś/-aś pędzel aby z łatwością narysować linę. Mam nadzieję, że techniki, których nauczyłeś/-aś się w tym tutorialu przydadzą Ci się w przyszłych projektach!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.