Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Icon Design
Design

Jak stworzyć ikonę z gradientem inspirowaną Instagramem w Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:

Polish (Polski) translation by Mateusz Kurlit (you can also view the original English article)

Final product image
What You'll Be Creating

Przemianuj stylowo swoje logo za pomocą tego krótkiego poradnika na temat tworzenia ikony z gradientem w Adobe Illustrator CC. Wykonamy projekt ikony od podstaw za pomocą prostych kształtów, gradientów i efektów z panelu Appearance.

Alternatywnie, możesz wykorzystać gotową ikonę z Envato Market. Nieważne, czy korzystasz z gotowych ikon, czy chcesz wykonać własną, nie traćmy czasu! Przejdźmy dalej!

1. Budowanie konturów ikony

Krok 1

Użyj Rectangle Tool (M), aby narysować prostokąt. Przeciągnij jego rogi do środka, aby je zaokrąglić.

Create a quick rounded rectangle

Krok 2

Użyj Pen Tool (P), aby narysować literę V z lewego do prawego górnego rogu. Zaznacz kontur za pomocą Direct Selection Tool (A) i przeciągnij jego róg w górę, aby go zaokrąglić, w taki sam sposób jak w prostokącie.

Create the envelops rounded flap

Krok 3

Narysuj dwie linie wychodzące z dolnych rogów w kierunku górnej połowy projektu. Połącz w grupę (CTRL-G) wszystkie elementy ikony i ustaw grubość konturów na około 16 pt w panelu Stroke i włącz opcje Caps i Corners Rounded.

Nasza prosta ikona koperty jest gotowa! Wystylizujmy ją trochę.

Complete your envelop icon

Krok 4

Narysuj kwadrat wokół koperty za pomocą Rectangle Tool. Wyśrodkuj grupę koperty oraz kwadrat w panelu Align. Przeciągnij do środka rogi kwadratu, aby je nieco zaokrąglić.

Draw a rectangle around your envelope to create the icon base

2. Tworzenie gradientu

Krok 1

Dodaj gradient do zaokrąglonego kwadratu. W panelu Gradient, ustaw dwa kolory, żółty (#f9ed32) i różowy (#ee2a7b).

Add a gradient to the square

Krok 2

Dodaj jasnofioletowy odcień (#002aff) do gradientu. Przeciągnij różowy bliżej środka gradientu.

Push the pink closer to the middle of the gradient

Krok 3

Zmień typ gradientu na Radial Gradient. Dostosuj kształt koła oraz kąt za pomocą Gradient Tool (G). Kąt mojego gradientu jest ustawiony na 49.2°, a Aspect Ratio na 81.2%.

Adjust the gradients radius and aspect ratio

Dobra robota, skończyliśmy!

Ustaw kolor konturów ikony koperty na biały, aby zakończyć projektowanie ikony. Jakie inne, proste ikony mogą być stworzone tym sposobem? Podziel się wykonanymi ikonami w komentarzu poniżej!

The final icon result
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.