Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

У цьому уроці ви дізнаєтеся, як створити векторну іконку з людьми, замороженими в кубик льоду. Цей урок розділений на дві частини: частина 1 - малювання кубика льоду, і частина 2 - малювання людей.

Програма: Adobe Illustrator CS3
Складність: середня
Витрачений час: 4-5 годин

Частина 1. Крижаний кубик.
В результаті проведеної роботи ми отримаємо ось такий кубик льоду.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Малюємо вихідне зображення кубика. Як відомо, він має шість граней (площин).

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

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

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Відключимо видимість верхньої і двох найближчих до нас граней. Зараз нам потрібні нижня і дві задні грані кубика.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Щоб кубик виглядав крижаним, потрібно зігнути краю кожного прямокутника і закруглити кути.
Отже, спочатку вибираємо площину і починаємо згинати краю і кути інструментом Warp tool (Shift + R)

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

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

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Виберіть одну грань і заповніть її градієнтом. За замовчуванням, градієнт буде чорно-білий.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Змінюємо колір градієнта від блакитного до легкого відтінку того ж кольору.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Інші межі фарбуємо тим же градієнтом. Для цього вибираємо зафарбований грань і піпеткою беремо колір з уже зафарбованою межі.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Нам потрібно узгодити градієнти таким чином, щоб центральна частина була темніше, ніж зовнішня частина (по краях). Для цього вибираємо грань куба (прямокутник), беремо Gradient Tool і перетягуємо його по діагоналі в бік центру.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Тепер ми повинні встановити непрозорість (Opacity) сторін 60%. А непрозорість нижньої межі - 80%.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Далі працюємо з верхньою межею. Повторюємо кроки 4-5. Тільки тепер краю верхньої межі повинні співпадати з краями зворотного боку кубика якомога більше.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Застосовуємо той же градієнт, знову ж за допомогою піпетки. Зменшуємо прозорість шару до 50%.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Тепер нам більше не потрібна обведення шарів. Перемикаємо обведення (Stroke) на 0.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Можна згрупувати і заблокувати нижню і дві задні грані, т. К. Ми більше не будемо їх міняти.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Тепер наше завдання - зобразити ілюзію прозорості кубики льоду. Для цього ми просто будемо малювати відблиски на гранях кубика.
Включаємо видимість двох передніх сторін. Вони будуть використовуватися тільки в якості орієнтирів.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Малюємо Y-подібну форму по краях передньої поверхні. Не забуваємо про вигнуті краю. Зафарбовуємо білим кольором, без обведення (Stroke на 0). Зменшуємо прозорість цього шару до 75%.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Малюємо ще кілька відблисків. Вони можуть бути будь-якої форми. Щоб отримати чітке візуальне уявлення про те, як лід відбиває світло і відблискує, можна подивитися фотографії в Інтернеті. Малюємо кілька відблисків на верхній межі. Не забуваємо про прозорість і обведення.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Лід повинен виглядати тонким, для цього застосовуємо до відблисків градієнт від білого до свветло-блакитного. Налаштуйте градієнт, як вам подобається.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Встановлюємо режим змішування відблисків Screen. Змінюємо прозорість відблисків. Для того, щоб все виглядало більш природно, прозорість кожного відблиску повинна бути різною.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Верхня межа готова.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Далі малюємо відблиски на передніх гранях кубика. Знову ж таки, на ваш смак, але щоб виглядало реалістично

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Видаляємо прямокутники передніх граней. Вони нам більше не потрібні.
Виділяємо відблиски і об'єднуємо в групу.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Тепер ми будемо малювати краплю води на кубику льоду. Для цього зробіть невелику овальну форму.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Заливаємо градієнтом від білого, до світло блакитного. Прозорість шару 60%

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Малюємо ще одну овальну форму, трохи меншого розміру, заливаємо градієнтом від білого до блакитного.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Тепер змініть режим змішування на Multiply і зменшіть прозорість до 30%. Шар майже злився з шаром ззаду, даючи нам складний градієнт.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Нам потрібно розмити його ще трохи. Виберіть шар, потім перейдіть в Effect> Blur> Gaussian Blur. Відкриється діалогове вікно. Введіть значення 5.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Щоб показати обсяг і блиск краплі, потрібно намалювати дві невеликі форми по краях краплі (у верхній і нижній частинах), як на малюнку. Змінюємо режим накладення на Screen, міняємо прозорість (Opacity між 45-60%).

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Оскільки крапля все ще виглядає плоскою, малюємо овальний відблиск білого кольору.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Застосовуємо Розумієте по Гауса (Effect> Blur> Gaussian Blur) зі значенням 3, міняємо прозорість шару на 75% і режим накладення на Screen.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Групуємо шари краплі

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Малюємо другу крапельку овальної форми, заливаємо градієнтом, міняємо прозорість на 50%

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Малюємо дві тонкі форми по краях краплі, так само як ми робили раніше.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Але на цей раз вони не будуть білими, їх потрібно зробити темніше, щоб створити ілюзію заломлення світла і появи більшого обсягу краплі води.
Праву форму заливаємо блакитним кольором, режим накладення - Multiply, прозорість 55%.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Ліву форму заливаємо градієнтом від темного до більш світлого (зверху вниз). Режим накладення - Multiply.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Малюємо ще дві форми (відблиски) зверху і знизу так, як показано на малюнку.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Зменшіть непрозорість верхньої форми до 75%. Застосуйте градієнт до нижньої формі від світло-блакитного до білого (зверху вниз).

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Міняємо режим накладення нижньої форми на Multiply, прозорість 75%.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Малюємо яскравий білий відблиск, як і на першій краплі. Можна просто скопіювати і зменшити розмір.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Крижаний кубик готовий!

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

А заморожених в кубику людей будемо малювати в другій частині уроку.

Люди заморожені в кубику льоду (кубик льоду) - портал про все цікаве в дизайні

Схожі статті