Як створити значок програми в Illustrator

Sep 11, 2025

Як

Page 1 з 2:

Як створити значок програми в Illustrator: кроки 01-11

Як створити значок програми в Illustrator: кроки 01-11
Як створити значок програми в Illustrator: Кроки 12-23

У цьому Підручник Illustrator , Я покажу вам, як створити значок програми калькулятора в Adobe Illustrator CC . Ми будемо використовувати різні інструменти форми, інструмент для пера, а також 3D-функції Illustrator. Сподіваюся, ви дізнаєтеся кілька зручних порад по дорозі.

Вам також потрібно буде завантажити пару Безкоштовні шрифти Для цього підручника: DS-Digital і Bebas neue . Якщо ви ще не маєте, ви можете отримати Adobe Creative Cloud тут .

Але по-перше, давайте подивимося на кінцевий результат:

01. Відкрийте документ

illustrator font icon — Натисніть на зображення, щоб збільшити

Створіть новий документ у Illustrator з шириною 600px та висотою 450px.

02. Створіть фон

illustrator app icon — Натисніть на зображення, щоб збільшити

Виберіть інструмент прямокутника (м) і вибрати # 44484d Заповніть колір, щоб намалювати прямокутник, що покриває полотно, як фон.

03. Зробити основу

Почнемо, створивши базу значків. Таким чином, виберіть інструмент прямокутника (M) та натисніть на полотно, щоб переглянути вікно Параметри. Введіть ширину 280px, висоту 265px і натисніть OK, щоб намалювати прямокутник, як показано нижче. Вибирати # E7ded0 як колір заповнення.

Далі, ми перетворимо його в округлий прямокутник. Виберіть цей прямокутник за допомогою інструмента відбору (V), натиснувши клавішу, що містить клавішу, присутній у правій стороні відповідного шару. І йти до ефекту & gt; Стилізувати & gt; Круглі кути. Введіть 50px для радіусу і натисніть OK.

Click image to enlarge — Натисніть на зображення, щоб збільшити

04. Встановити ефект

Виберіть цей прямокутник і перейдіть до ефекту & gt; 3D & gt; Extrude & amp; Bevel. Застосувати дані тут.

05. Застосувати градієнт

Щоб застосувати тонкий градієнт над основою, намалюйте прямокутник, що покриває всю форму 3D, використовуючи будь-який колір. Тепер конвертуйте його в округлий прямокутник з радіусом кут.

Тепер замініть його заповнення чорно-біло-чорним градієнтом за допомогою градієнтного інструменту (G). Змініть свій режим змішування до кольорового запису з 20% непрозорості на панелі прозорості (Shift + Ctrl + F10).

06. Створіть інший прямокутник

Далі намалюйте черговий прямокутник з шириною 280px та висотою 178px, використовуючи колір # E9E3D9, заповнити колір та білий колір кольору. Виберіть вагу 1PT інсульту з верхньої панелі керування.

Тепер конвертуйте його в округлий прямокутник на радіус 40px.

Після цього застосовуйте наступний градієнт та змініть свій режим змішування, щоб помножити з 50% непрозорості на панелі прозорості (Shift + Ctrl + F10).

07. Зробіть округлий прямокутник

Намалюйте інший прямокутник 230px з висотою 35px, використовуючи колір # BCBA95, і для інсульту застосовують світло до темно-сірого градієнта, як показано нижче. Виберіть вагу 3PT інсульту з верхньої панелі керування.

Перетворіть цей прямокутник у округленого прямокутника за допомогою 10-го кухового радіусу.

08. Зробіть ефект свічення

Далі виберіть цей новий прямокутник і перейдіть до вікна та GT; Зовнішній вигляд, щоб переглянути панель зовнішнього вигляду або натисніть Shift + F6. Тепер виберіть атрибут заповнення та натисніть значок дублікату вибраного елемента у нижній частині панелі виникнення, щоб дублювати заповнення. І замінити цей новий заповніть чорним & amp; Білий градієнт на 90 градусів, як показано вище.

Зберігайте цей прямокутник, вибраний і перейдіть до ефекту & gt; Стилізувати & gt; Внутрішнє світіння. Застосувати дані тут. Після того, як ви закінчите, змініть режим змішування градієнта, щоб помножити з 30% непрозорості.

09. Копіювати прямокутник

Виберіть цей новий прямокутник і натисніть Ctrl + C, щоб скопіювати та натиснути Ctrl + B, щоб вставити назад. Перетягніть цю копію 1-2 кроків вниз. Тепер видаліть свої атрибути заповнення, перетягнувши їх, щоб видалити значок у нижній частині панелі вигляд і дайте його 3PT інсульту # D1d2d4 колір.

10. Додати текст

Далі ми додамо текст над екраном. Виберіть інструмент типу (t), щоб ввести текст за допомогою # 404041 заповнити колір. Я використав DS-цифровий шрифт тут.

Тепер натисніть Ctrl + C, щоб скопіювати та натиснути Ctrl + B, щоб вставити назад. Перетягніть копіювальний текст 1-2 кроки вниз і змініть колір заповнення до # 808284 .

11. Зробіть базу

Далі ми створимо базу кнопки. Виберіть інструмент прямокутника, щоб намалювати прямокутник з використанням додаткових розмірів # 847D72 Заповніть колір і те ж світло до темно-сірого градієнта на інсульту, як використовується на кроці 7. Однак виберіть 1PT інсультну вагу тут.

І перетворити його в округлий прямокутник за допомогою радіуса 25px.

Після цього дублювати атрибут заповнення на панелі "Вигляд" та застосуйте чорний & amp; Білий градієнт на 90 градусів. Змініть свій режим змішування, щоб помножити з 50% непрозорості.

Наступна сторінка: Остаточні кроки до створення програми Illustrator ...

Поточна сторінка: Як створити значок програми в Illustrator: кроки 01-11

Наступна сторінка Як створити значок програми в Illustrator: Кроки 12-23

Як створити значок програми в Illustrator

01. Відкрийте документ

02. Створіть фон

03. Зробити основу

04. Встановити ефект

05. Застосувати градієнт

06. Створіть інший прямокутник

07. Зробіть округлий прямокутник

08. Зробіть ефект свічення

09. Копіювати прямокутник

10. Додати текст

11. Зробіть базу

Як - Найпопулярніші статті

Підручник Instagram Reel: Посібник для початківців

44 кращих ярликів iPad та жестів для iPados 2020

Як створити супер-реалістичний фантастичний істота

Зміна кольору Photoshop: 2 інструменти, які потрібно знати

Як змінити шрифт у вашій Twitter Bio

Створити анімації Slick UI

Як створити пухнасті мультфільм

Як створити проксі RedShift у кіно 4D

Категорії