Створюємо набір іконок по стоматологічному догляду в Адобе Ілюстратор
() translation by (you can also view the original English article)



Мабуть, всі ми знаємо популярний вислів, що здоров'я - це багатство. Ми всі розуміємо і пам'ятаємо, наскільки вірне це висловлювання, але часто нам необхідна мотивація або нагадування, щоб жити здоровим життям.
Щоденна гігієна є одним з основних вимог до здоров'я. У цьому уроці ми навчимося використовувати прості фігури, ефекти викривлення та різні функції панелі Обробка контурів для створення цих іконок. Ми нагадаємо собі і оточуючим людям: «Здорова усмішка, здорові ви».
Перевірте GraphicRiver в пошуках більш приголомшливих іконок, і можливо ви надихнетеся ще однією прекрасною ідеєю!
Як би там не було, пора починати!
1. Створюємо іконку зубної нитки.
Крок 1
Відкрийте Адобе Ілюстратор та створіть Новий Документ з 850x850 Висоти і Ширини.
Ми почнемо з створення іконки зубної нитки. Використовуючи інструмент Прямокутник з округленими кутами, створіть світло-сірий прямокутник з округленими кутами. Застосуйте показаний нижче колір Заливки. Знову намалюйте лінію на нашому прямокутнику, використовуючи інструмент Відрізок лінії (\). Не забудьте видалити колір заливки і вибрати будь-який колір обведення. Колір і товщина цієї лінії не мають значення.
Тепер виберіть округлений прямокутник і лінію, і натисніть Поділити в панелі Обробка контурів. Після цього, клацніть правою кнопкою миші, та Розгрупуйте. Наш заокруглений прямокутник буде розділений на дві частини по розміщеній вами лінії. Нарешті, виберіть верхню частину прямокутника, та змініть колір на блакитний.



Крок 2
На вершині розділеного заокругленого прямокутника, додайте два інших таких же прямокутника, залиті кольорами, показаними нижче. Щоб отримати округлений прямокутник з дуже круглими кутами, намалюйте спочатку маленький округлий прямокутник, і потім розтягніть його. Або ви можете перейти в меню View> Show Corner Widget (Перегляд> Показати віджет кутів) і змінити кути, перетягнувши їх всередину.



Крок 3
Оберніть два білих заокруглених прямокутника, як показано нижче. Далі додайте інший темно-сірий прямокутник під верхньою частиною, використовуючи інструмент Прямокутник (M). Додайте його позаду, виділіть і натисніть Ctrl-X, Ctrl-B.
Нарешті, візьміть інструмент Олівець (N) і намалюйте нитку, прикріплену до цього прямокутника, без кольору Заливки. На завершення, розмістіть нитку на задньому плані (Control-X, Control-B). Тепер вона готова до використання!



2. Створюємо іконку тюбика зубної пасти
Крок 1
Для тюбика зубної пасти ми використовуємо світло-сірий прямокутник, створений за допомогою інструменту Прямокутник (M). Тепер ми деформуємо цей прямокутник.
По-перше, застосуйте ефект Випнутий. Виберіть прямокутник і перейдіть в Ефект> Викривлення> Випнутий. У новому вікні відрегулюйте показані параметри. Розберіть цю форму (Об'єкт> Розгорнути вигляд).



По-друге, ми використовуємо ефект Дугою згори. Утримуючи обрану фігуру, перейдіть в Ефект> Викривлення> Дугою згори. У новому діалоговому вікні змініть параметри на ті, які ви бачите на зображенні нижче.
Розберіть цю форму ще раз (Об'єкт> Розгорнути вигляд).



Крок 2
На нижній частині тюбика прикріпіть ще один тонкий сірий прямокутник. Для того, щоб виділити цей прямокутник, створіть трохи меншу Копію цього, змініть колір на світло-коричневий, та розмістіть його позаду оригіналу, злегка зсунувши вгору.



Крок 3
Щоб створити логотип зубної пасти, ми почнемо з використання інструменту Еліпс (L), намалювавши овал. Давайте деформуємо цей овал за допомогою ефекту Прапорець. Перейдіть в Ефект> Викривлення> Прапорець, та введіть параметри, показані нижче.



Додайте форму по центру тюбика.



Крок 4
Тепер нам потрібен ковпачок тюбика. Просто створіть синій прямокутник і застосуєте ефект Дугою згори: для цього перейдіть в Ефект> Викривлення> Дугою згори і налаштуйте необхідні параметри.



Додайте цей ковпачок поверх тюбика. Ви тільки що створили тюбик зубної пасти!



3. Створюємо іконку зуба
Крок 1
Щоб створити форму зуба, створіть округлений прямокутник і змініть його. Тут ми використаємо ефект Риба: перейдіть в Ефект> Викривлення> Риба і введіть параметри нижче. Розберіть цю фігуру.
Потім створіть вертикально розташований овал поверх цієї форми (див. Зображення нижче). Ми будемо використовувати цей овал як обрізку; тому його колір не має значення. Виберіть обидві фігури і натисніть кнопку Мінус передній план в панелі Обробка контурів. Ця дія залишить нам зубоподібну форму.



Крок 2
Якщо у вас є одна з пізніх версій Адобе Ілюстратор, ви можете перейти в меню Перегляд> Показати віджет Кутів. Виділіть два зазначених кута і перетягніть їх край. Ваші кути повинні закруглитися.
Якщо у вас немає Віджету Кутів, ви можете тягнути ручки зазначених опорних точок, щоб вони стали плавними.
Так як зуб не зовсім плоский зверху, давайте знову його спотворити: перейдіть в Ефект> Викривлення> Дугою згори.



Крок 3
Створіть тонкий горизонтальний овал і розмістіть його на верхній частині зуба. Виберіть інструмент Часткове виділення (A) та виділіть праву і ліву опорні точки цього овалу і посуньте їх вгору.
Щоб додати більше об'єму до цього зображення, Скопіюйте зубоподібну форму, трохи зменште її, змініть колір на більш світлий і розмістіть її попереду оригінальної форми. Наш зуб готовий!



4. Створюємо іконку зубної щітки.
Крок 1
Почніть з синього закругленого прямокутника, використавши його для ручки щітки. Застосуйте до нього ефект Прапорець. Перейдіть до Ефект> Викривлення> Прапорець та застосуйте показані налаштування. Не забудьте розібрати фінальну форму, для цього виділіть її та перейдіть в Об'єкт> Розгорнути вигляд.



Крок 2
Щоб створити щетинки щітки, намалюйте тонкий білий вертикальний овал. Виділіть його, та, утримуючи Shift і Alt, перетягніть вправо. Тепер у вас є друга копія цього овалу, яка ідеально збігається з оригінальною. Коли новий овал виділено, натисніть команду Control-D стільки раз, скільки необхідно, щоб отримати набір овалів, як на зображенні нижче.
Тепер ми розріжемо цей набір овалів. Для різака створіть прямокутник без кольору Заливки і з будь-яким кольором Обведення, яким захочете. Створіть прямокутник, який перекриває нижню частину овалів. Зберігаючи всі виділеним, натисніть кнопку Поділити в панелі Обробка контурів (в меню Вікно> Обробка контурів). Ми закінчимо з нижніми частинами овалів.
Нарешті, після обрізки ми повинні очистити деякі порожні області заливки. Перейдіть в Об'єкт> Контур> Очистити, переконайтеся, що всі поля відмічені, і натисніть ОК.



Крок 3
Виділіть створені фігури та застосуйте ефект Роздування: перейдіть в меню Ефект> Викривлення> Роздування. У новому вікні введіть показані параметри ефекту.
Помістіть ці щетинки на ручку.
І, нарешті, щоб зробити ручку зубної щітки більш схожою, додайте ще один білий овал, який зімітує на ній гумову ручку, як показано нижче. Зубна щітка готова!



5. Створюємо пляшку рідини для полоскання рота
Крок 1
Створіть світло-сірий округлений прямокутник. Тепер ми зробимо меншу Копію, але розмістимо її рівно по центру. Вибравши цей заокруглений прямокутник, перейдіть в Об'єкт> Контур> Зсув контуру і надрукуйте від'ємне число (від -4 до -10). Ви отримаєте меншу копію округленого прямокутника поверх оригінальної.
Змініть колір меншою копії на більш темний відтінок сірого. Виділіть менший прямокутник і зробіть його копію на передньому плані (Control-C, Control-F). Змініть колір верхньої копії на синій (використовуйте інструмент Піпетка (I), щоб отримати той же синій колір заливки, що і ручка зубної щітки). Це колір нашої рідини в пляшці.
Отже, на цьому етапі у нас є три закруглених прямокутника:
- найбільший світло-сірий
- менший темно-сірий
- синій того ж розміру, що і другий



Крок 2
Створіть прямокутник (будь-якого кольору) і зробіть його перекриваючим синій округлений прямокутник на тому рівні, скільки рідини ви хочете в пляшці. Потім, утримуючи синій округлений прямокутник і обраний новий прямокутник, натисніть кнопку Мінус передній план в панелі Обробка контурів. Ця дія залишить нам необхідну кількість рідини.
Щоб додати ефект рідини, намалюйте кілька світло-блакитних кіл різних розмірів поверх синього закругленого прямокутника. Щоб створити рівне коло, малюйте його, використовуючи Еліпс (L), і утримуючи клавішу Shift.



Крок 3
Щоб створити ковпачок, створіть синій прямокутник і застосуєте ефект Дугою згори (в меню Ефект> Викривлення> Дугою згори) з наведеними нижче параметрами. Або ви можете просто Скопіювати ковпачок з тюбика зубної пасти, створеної нами раніше, і відрегулювати потрібний розмір.
Додайте цей ковпачок поверх пляшки. Тепер пляшка закінчена!



6. Створимо фон для іконок
Крок 1
Створіть п'ять синіх кіл, де ви розмістите всі свої іконки. Щоб зробити копії вирівняними, використовуйте комбінацію кнопок Alt і Shift, як ми робили раніше в цьому уроці.



Крок 2
Додайте іконки на синіх колах. Щоб простіше розміщувати іконки всередині, Згрупуйте кожен значок (клацніть правою кнопкою миші> Згрупувати).



Висновок
Сподіваюся, вам сподобався цей урок! Я вважаю, що дотримуючись цього уроку, ви виявили нові цікаві поради та рекомендації, які допоможуть вам у ваших майбутніх ілюстраціях. Ознайомтеся з іншими моїми простими та легкими уроками!
І не забудьте вивісити ваш результат в коментарях нижче.



