Jak stworzyć ikonę z gradientem inspirowaną Instagramem w Adobe Illustrator
Polish (Polski) translation by Mateusz Kurlit (you can also view the original English article)

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!

Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post