1. Design & Illustration
  2. Vector

Швидкий урок: Створюємо просту мушлю в Адобе Іллюстратор.

by
Read Time:9 minsLanguages:

Ukrainian (українська мова) translation by Mavka (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

У цьому швидкому уроці ви дізнаєтеся, як створити просту мушлю в Адобе Іллюстратор.

Ви почнете з форми мушлі, яку ми створимо за допомогою основних форм, опції Обертання та панелі Обробка контурів. Щоб додати більше глибини, ми застосуємо два види затінення, а також відблисків на поверхні мушлі.

Нарешті, ми розфарбуємо мушлі за допомогою різних градієнтів та додамо тіні. Давайте почнемо!

1. Почнемо новий проект

Запустіть Ілюстратор і перейдіть до Файл > Створити, щоб відкрити пустий документ.

Введіть ім'я для файлу, налаштуйте розміри а потім виберіть Пікселі як Одиниці і  Колірний режим як RGB. Потім перейдіть в меню Редагування > Параметри > Загальні і встановіть Приріст клавіатурою на 1 рх, та перейдіть до Одиниць виміру, щоб переконатися, що вони встановлені, як показано. Я завжди працюю з цими налаштуваннями, і вони допоможуть вам протягом усього процесу малювання.

2. Створюємо форму морської раковини

Крок 1

Візьміть інструмент Прямокутник (M) та намалюйте прямокутник 2 x 97 px, потім обведіть його, користуючись вибраним вами кольором. Тепер зблизьте верхню частину прямокутника, а потім візьміть інструмент Додати опорну точку (+) та застосуйте його, щоб додати додаткову точку по центру, як показано на крупному плані. Зробіть те ж саме внизу прямокутника.

Крок 2

Скористайтеся Частковим виділенням (A), щоб вибрати додану раніше точку та змістіть її вгору на 4 px, натиснувши клавішу Стрілка вгору на клавіатурі чотири рази. Після вибору цієї точки, натисніть значок Перетворити вибрані опорні точки в Панелі керування. Не забудьте про низ прямокутника і повторіть те ж саме.

Крок 3

Вибравши округлений прямокутник, перейдіть до Ефект> Викривлення> Каркас вище. Застосуйте 2% Горизонтального Згину і натисніть OK.

Крок 4

Щоб розібрати застосований ефект, перейдіть до меню Об’єкт та оберіть Розібрати вигляд, потім Розгрупуйте (Shift-Control-G). Я назву отриману форму, "перше ребро". Поки ця форма залишається вибраною, перейдіть до Об’єкт> Трансформувати> Обернути, виберіть Кут 5 градусів і натисніть Копіювати. Ви отримаєте друге "ребро" зверху, але потрібно трохи перемістити його вліво, поруч із першим.

Крок 5

Тепер виберіть друге "ребро" (1), потім перейдіть до пункту Об'єкт> Трансформувати> Обернути, знову застосуйте кут 5 градусів і натисніть Копіювати. Ви отримаєте третє "ребро" (2), та ви повинні рухатися в потрібному напрямку, ліворуч і трохи вниз (3). Ці ребра повинні бути поруч один з одним, навіть трохи переплітатися між собою.

Крок 6

Ви отримали пункт. Тепер виберіть третє "ребро" та поверніть його на 5 градусів, щоб отримати наступне (1). Перемістіть його на своє місце, потім продовжіть робити те ж саме (2). Як тільки ви отримаєте низ, ви можете перекрити останні кілька форм, щоб отримати менші "ребра" (3). На цьому етапі я перейшла на зелену заливку, щоб ви могли краще зрозуміти, як форма мушлі збирається разом. Не хвилюйтеся про низ мушлі, тому що ви виправите це пізніше.

Крок 7

Тепер виділіть всі фігури з лівої сторони та відобразіть їх на іншу сторону, перейшовши в меню Об'єкт> Трансформувати> Дзеркальне Відображення. Оберіть Вертикально та натисніть Копіювати. При необхідності внесіть додаткові коригування.

Крок 8

Потім виділіть все та натисніть Об'єднати на панелі Обробка контурів, щоб отримати єдину форму.

Крок 9

Візьміть Перо (P) або інструмент Відрізок лінії (\) і намалюйте прямий шлях, як показано на наступному зображенні. Виділіть зелену форму та лінію та натисніть Розділити в панелі Обробка контурів, потім Розгрупувати (Shift-Control-G). Видаліть форму внизу, тому що вона вам не потрібна.

Крок 10

Скористайтеся Частковим виділенням (A), щоб перетягнути виділення над точками внизу морської раковини та натисніть значок в панелі керування Перетворити виділені опорні точки на гладкі. Це генерує ручки, і тепер ви можете переміщати їх вниз, щоб створити округлий низ. Тепер форма мушлі готова.

3. Додамо тінь до мушлі

Крок 1

Візьміть інструмент Зірка та намалюйте невеликий трикутник, після чого за допомогою інструменту Вилучити опорну точку (-) видаліть три точки, вказані на сторонах. Далі, скориставшись Частковим виділенням (A), оберіть лише нижню точку, та перейдіть до Об'єкт> Трансформувати> Перемістити. Там, введіть -64px у поле Вертикально та натисніть OK.

Крок 2

Тепер візьміть Перо (P) та намалюйте у верхній частині ромбоподібну форму, як на наступному зображенні (1). Виділіть обидві форми та натисніть Об'єднати на панелі Обробка контурів, щоб створити єдину форму (2). Скористайтеся інструментом Перетворення опорних точок (Shift-C) для перетворення двох внутрішніх точок, зазначених крупним планом з кутових на гладкі (3). Вам потрібно, щоб ця область була заокруглена, тому що це має значення для наступних етапів. Я назву цю форму "форма світло-затінення".

Крок 3

Перемістіть форму, яку отриману в попередньому кроці над мушлею, а розташуйте її прямо між "ребрами". Округла область, про яку я вже говорила раніше, частково повинна охоплювати верхню частину "ребер", як показано крупним планом. Я встановила Непрозорість "форми світло-затінення" на 50%, щоб ви могли точно бачити, де вони заходять одна на іншу, але вам не треба цього робити, це лише для візуалізації.

Далі створіть копію цієї форми, потім трохи оберніть її та встановіть між двома наступними "ребрами".

Крок 4

Продовжіть створювати більше копій форми світло-затінення, відповідно обертайте та розташовуйте їх між "ребрами". Після того як ліва частина мушлі готова (1), ви можете зробити те ж саме з правого боку (2).

Крок 5

На цьому етапі скористайтеся Частковим виділенням (A), щоб вибрати кінцеву точку однієї з фігур, і ви можете зробити її трохи коротшою або трохи довшою. Повторіть для інших. ЦІль - досягнути, щоб форми світло-затінення мали внизу різну довжину.

Крок 6

Непрозорість тепер встановлено ​​на 100%. Скопіюйте та Вставте попереду (Control-F) мушлю, потім виберіть усі форми світло-тіні та Згрупуйте (Control-G) їх (1). Перш ніж продовжити, створіть копію цієї групи, оскільки вона знадобиться на наступному кроці. Тепер виділіть групу форм разом із копією морської раковини та натисніть Перетинання в панелі Обробка контурів (2). Встановіть для отриманої форми Режим змішування Перекриття та 25% Непрозорості для чорної заливки (3).

Крок 7

Світло-затінення створено, але нам потрібно більше глибини. Візьміть копію групи, створену в попередньому кроці, та перемістіть її наперед. Розгрупуйте (Shift-Control-G) їх спочатку, потім виділіть одну з форм за допомогою інструмента Виділення (1) та зробіть її тоншою, стиснувши обмежувальне поле (2). Ви можете побачити кінцевий результат на третьому зображенні крупним планом.

Крок 8

Продовжуйте стискати решту форм. Вони повинні відповідати оригінальним, але бути тоншими.

Крок 9

Оберіть для них чорний колір заливки, а потім Згрупуйте (Control-G). Скопіюйте та Вставте попереду (Control-F) морську раковину, потім виберіть групу форм разом із копією мушлі та натисніть Перетинання в панелі Обробка контурів. Встановіть для отриманої форми Режим змішування Перекриття та 50% Непрозорісті. Це додасть більш глибокого затінення в порівнянні з першим.

4. Додамо вдблиски до мушлі

Крок 1

Візьміть Перо (P) або інструмент Відрізок лінії (\) та намалюйте шлях посередині одного з "ребер" (1). Продовжіть малювати інші шляхи, по одному для кожного "ребра" мушлі (3).

Крок 2

Обведіть всі ці шляхи за допомогою Об'єктного пензлю,  який називається Tapered-Round та знаходиться в меню Бібліотеки пензлів> Художній> Художній_Чорнила. Все ще тримаючи лінії виділеними, перейдіть на панель Вигляд та двічі клацніть по застосованому пензлю, щоб відкрити вікно параметрів Обведення. Введіть 15% у поле Ширина і натисніть OK. Переконайтеся, що кінчик пензлю внизу, інакше перевірте параметр Відзеркалити вздовж.

Крок 3

Ви повинні зменшити ширину пензлю для шляхів по сторонам морської раковини. Залиште Ширину для шляхів по центру, ту саму, з попереднього кроку, 15% (1). Виберіть наступні кілька шляхів, потім відкрийте вікно Параметри Обведення та встановіть Ширину на 12% (2). Виберіть наступні шляхи та зменшіть ширину трохи більше, як по сторонам мушлі (3). Для інших шляхів встановіть Ширину на 5-7%.

Крок 4

Поки шляхи виділено, двічі (1) застосуйте Розгорнутивигляд в меню Об'єкт, а потім Розгрупуйте (Shift-Control-G) двічі. Залийте усі отримані фігури білим або чорним радіальним градієнтом (2), потім встановіть Режим змішування на Екран (чорний стане прозорим) та 50% Непрозорості. Ви можете Згрупувати (Control-G) їх у цьому пункті (3).

5. Розфарбуємо мушлю та додамо тіні

Крок 1

Виділіть форму морської раковини та замініть існуючий колір заливки на показаний радіальний градієнт. Скористайтеся інструментом Градієнт (G), щоб змінити радіус.

Крок 2

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

Виберіть цю нову заливку (1) в панелі Вигляд та знов натисніть кнопку Дублювати виділений елемент. Ви отримаєте іншу заливку внизу (2), та двічі клацніть на ефекті Тінь, щоб відкрити вікно та змінити налаштування. Дублюйте заливку ще раз, потім відкрийте вікно Тінь та змініть параметри (3).

Це налаштування ефекту Тінь, якими я скористалася для трьох атрибутів заливки.

Крок 3

Зелена мушля готова, і тепер ви можете створити більше морських раковин різних кольорів. Зробіть копію першої морської раковини, потім замініть існуючий зелений градієнт на інший, скориставшись відтінками оранжевого кольору. Оскільки ви користуєтеся яскравими кольорами, ви можете збільшити Непрозорість для групи відблисків від 50% до 70% (крок 4.4).

Крок 4

Ось ще одна версія. Зробіть ще одну копію першої мушлі, потім замініть існуючий градієнт на показаний нижче. Відблиски ледь помітні в цей момент, оскільки ми користуємося більш світлими кольорами, отже збільшіть Непрозорість групи з 50% до 90%.

Крок 5

Ви закінчили, і ось ці три мушлі, створені нами.

Мої вітання, ви завершили!

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

One subscription.
Unlimited Downloads.
Get unlimited downloads