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

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ć.

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.

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ę.

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ć.

2. Tworzenie gradientu

Krok 1

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

Krok 2

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

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%.

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!