Jak utworzyć ikonę aplikacji w Illustrator

Sep 12, 2025

Jak

Strona 1 z 2:

Jak utworzyć ikonę aplikacji Illustrator: Steps 01-11

Jak utworzyć ikonę aplikacji Illustrator: Steps 01-11
Jak utworzyć ikonę aplikacji Illustrator: Steps 12-23

W tym Samouczek Illustrator. , Pokażę ci, jak utworzyć ikonę aplikacji Kalkulator w Adobe Illustrator CC. . Użyjemy różnych narzędzi kształtów, narzędzia do pióra, wraz z funkcjami 3D Illustrator. Mam nadzieję, że po drodze nauczysz się kilku poręcznych wskazówek.

Musisz także pobrać kilka Darmowe czcionki Dla tego samouczka: DS-Digital. i BEBAS NEUE. . Jeśli jeszcze tego nie masz, możesz dostać Cloud Adobe Creative Cloud .

Ale najpierw spójrzmy na wynik końcowy:

01. Otwórz dokument

illustrator font icon — Kliknij obraz, aby powiększyć

Utwórz nowy dokument w programie Illustrator z szerokością 600px i wysokości 450px.

02. Utwórz tło

illustrator app icon — Kliknij obraz, aby powiększyć

Wybierz narzędzie prostokątne (m) i wybierz # 44484d. Wypełnij kolor, aby narysować prostokąt obejmujący płótno jako tło.

03. Zrób bazę

Zaczniemy, tworząc bazę ikony. Wybierz więc narzędzie prostokątne (m) i kliknij na płótno, aby wyświetlić okno Opcje. Wprowadź szerokość 280px, wysokość 265px i naciśnij OK, aby narysować prostokąt, jak pokazano poniżej. Wybierać # E7ded0. jako kolor wypełnienia.

Następnie przekształcimy go w zaokrąglony prostokąt. Wybierz ten prostokąt za pomocą narzędzia do wyboru (V), klikając cel w kształcie pierścienia, obecny w prawej stronie odpowiedniej warstwy. I przejdź do efektu & gt; Stylizuj & GT; Zaokrąglone rogi. Wprowadź 50px na promień i naciśnij OK.

Click image to enlarge — Kliknij obraz, aby powiększyć

04. Ustaw efekt

Wybierz ten prostokąt i przejdź do Effect & GT; 3d & gt; Wyciągnij i wzmacniacz; Ukos. Zastosuj tutaj podane ustawienia.

05. Zastosuj gradient

Aby zastosować subtelny gradient na podstawie, narysuj prostokąt obejmujący cały kształt 3D za pomocą dowolnego koloru wypełnienia. Teraz przekształć go w zaokrąglony prostokąt z promieniem narożnym 50px.

Teraz wymień swoje wypełnienie czarno-biało-czarnym gradientem za pomocą narzędzia gradientu (G). Zmień swój tryb mieszania na oparzenie kolorów z 20% nieprzezroczystością w panelu przezroczystości (Shift + Ctrl + F10).

06. Utwórz inny prostokąt

Następnie narysuj inny prostokąt z szerokością 280px i wysokości 178px przy użyciu koloru wypełnienia # E9E3D9 i obrys koloru białego koloru. Wybierz dolną wagę skokową od góry paska sterowania.

Teraz przekształć go w zaokrąglony prostokąt 40px promień.

Po tym, zastosuj po nim gradient i zmienić swój tryb mieszania, aby pomnożyć z 50% nieprzezroczystością w panelu przezroczystości (Shift + Ctrl + F10).

07. Wykonaj zaokrąglony prostokąt

Narysuj kolejny prostokąt z 230px i 35px wysokości za pomocą koloru napełniania # BCBA95 i dla skoku stosuje światło do ciemnoszarego gradientu, jak pokazano poniżej. Wybierz 3pt Switle Waga od górnego paska sterowania.

Konwertuj ten prostokąt w zaokrąglony prostokąt 10px rogu promienia.

08. Zrób efekt blasku

Następnie wybierz ten nowy prostokąt i przejdź do Window & GT; Wygląd do wyświetlenia panelu wyglądu lub naciśnij Shift + F6. Teraz wybierz atrybut wypełnienia i kliknij ikonę duplikatu wybranego elementu u dołu panelu wyglądu, aby powielić wypełnienie. I zastąp ten nowy wypełnienie czarno-amp; Biały gradient w 90 stopniach, jak pokazano powyżej.

Trzymaj ten prostokąt wybrany i przejdź do efektu i GT; Stylizuj & GT; Wewnętrzny blask. Zastosuj tutaj podane ustawienia. Po zakończeniu zmiany trybu mieszania napełniania gradientu, aby pomnożyć z 30% nieprzezroczystością.

09. Skopiuj prostokąt

Wybierz ten nowy prostokąt i naciśnij Ctrl + C, aby skopiować i naciśnij Ctrl + B, aby pasty z tyłu. Przeciągnij tę kopię 1-2 kroki w dół. Teraz usuń atrybuty wypełnienia, przeciągając je, aby usunąć ikonę na dole panelu wyglądu i dać mu 3 pt # D1D2D4. kolor.

10. Dodaj tekst

Następnie dodamy jakiś tekst na ekranie. Wybierz narzędzie typu (T), aby wpisać tekst za pomocą # 404041. wypełnij kolor. Użyłem tutaj czcionki DS-Digital.

Teraz naciśnij Ctrl + C, aby skopiować i naciśnij Ctrl + B, aby pasty z tyłu. Przeciągnij skopiowany tekst 1-2 kroki w dół i zmień kolor wypełnienia # 808284. .

11. Zrób bazę

Następnie utworzymy bazę przycisku. Wybierz narzędzie prostokąt, aby narysować prostokąt z następującymi wymiarami za pomocą # 847d72. Wypełnij kolor i ten sam światła do ciemnoszarego gradientu na skoku, jak jest stosowany w kroku 7., jednak wybierz tutaj 1/14.

I przekształcić go w zaokrąglony prostokąt o promieniu 25px.

Po tym powielaj swój atrybut wypełnienia w panelu Wygląd i zastosuj Black & AMP; Biały gradient w 90 stopniach. Zmień swój tryb mieszania, aby pomnożyć z 50% nieprzezroczystością.

Dalej: Ostateczne kroki w celu utworzenia aplikacji ikon w Illustrator ...

Bieżąca strona: Jak utworzyć ikonę aplikacji Illustrator: Steps 01-11

Następna strona Jak utworzyć ikonę aplikacji Illustrator: Steps 12-23

Jak utworzyć ikonę aplikacji w Illustrator

01. Otwórz dokument

02. Utwórz tło

03. Zrób bazę

04. Ustaw efekt

05. Zastosuj gradient

06. Utwórz inny prostokąt

07. Wykonaj zaokrąglony prostokąt

08. Zrób efekt blasku

09. Skopiuj prostokąt

10. Dodaj tekst

11. Zrób bazę

Jak - Najpopularniejsze artykuły

Stwórz promienie Boga w V-Ray

Jak zaprojektować rysunki graficzne

3 Wskazówki dotyczące rzucania oszałamiającego materiału promocyjnego druku

Oświetl swoje prace 3D z światłami kopułami

10 Wskazówki dotyczące modelowania twardych powierzchni

Jak zrobić własną bibliję postaci

Jak zrobić renderujące renderowanie samochodów sportowych

Prototypowy przycisk pływających akcji w pixate

Kategorie