Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Illustration

Використання сіток для створення детального черепа з Adobe Illustrator 

by
Read Time:10 minsLanguages:
This post is part of a series called Halloween and Day of the Dead Vector Design.
How to Create a Dripping Blood Text Effect in Adobe Illustrator
How to Create an Enchanting Broom in Adobe Illustrator

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

Чи можете ви уявити Хеллоуїн без черепів? І я ні. У цьому уроці я покажу вам, як створити череп в Adobe Illustrator, використовуючи градієнтні сітки.  І як тільки ви будете готові, Miss Chat*Z покаже вам, як перетворити страшний череп в декоративний значок «День мертвих» в більш пізньому уроці. Так що приготуйте інструмент Mesh Tool і давайте приступати! 


1. Вправа «Градиентная сітка» 

Крок 1

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

Намалюйте прямокутник за допомогою інструменту Rectangle Tool (M). Розміри і кольори не мають значення в цій вправі. 

skull_1-1_mesh_warmupskull_1-1_mesh_warmupskull_1-1_mesh_warmup

Крок 2

Використовуйте інструмент Mesh Tool (U) на прямокутнику, клацнувши по центру. 

skull_1-2_mesh_warmupskull_1-2_mesh_warmupskull_1-2_mesh_warmup

Крок 3

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

skull_1-3_mesh_warmupskull_1-3_mesh_warmupskull_1-3_mesh_warmup

Крок 4

Виберіть єдину точку сітки за допомогою Direct Selection Tool (A). Тепер ви можете змінити його колір і подивитися, що станеться. крок 5

skull_1-4_mesh_warmupskull_1-4_mesh_warmupskull_1-4_mesh_warmup

Крок 5

Ви можете вибрати більше однієї точки, утримуючи Shift, і клацаючи їх, або використовуючи інструмент Lasso Tool (Q)

skull_1-5_mesh_warmupskull_1-5_mesh_warmupskull_1-5_mesh_warmup

Крок 6

Ви також можете додати більше точок сітки в будь-який час, коли вам це потрібно, за допомогою Mesh Tool (U). Чим ближче точки друг до друга, тим гостріше різниця між будь-якими новими квітами, які ви вводите в вашу сітку. 

skull_1-6_mesh_warmupskull_1-6_mesh_warmupskull_1-6_mesh_warmup

Крок 7

Ви також можете змінити Opacity точок, щоб змішати частину сітки з іншим об'єктом або просто пригасити її межі. 

skull_1-7_mesh_warmupskull_1-7_mesh_warmupskull_1-7_mesh_warmup

Крок 8

У вузлів сітки є ручки, точно так же, як точки прив'язки шляху. Ви можете переміщати їх за допомогою інструменту Direct Selection Tool (A), щоб зігнути лінії, що з'єднують точки між собою.  Утримуючи Shift, клікнувши по точці за допомогою Mesh Tool (U), ви перемістіть її, не деформуючи лінії. 

skull_1-8_mesh_warmupskull_1-8_mesh_warmupskull_1-8_mesh_warmup

Крок 9

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

skull_1-9_mesh_warmupskull_1-9_mesh_warmupskull_1-9_mesh_warmup

2. Підготуйтеся до роботи з посиланням

Крок 1

Створіть новий документ і вставте посилання (я використовував це зображення TwiggXstock). Використовуйте Artboard Tool (Shift-O), щоб налаштувати документ за розміром посилання.  Потім продублюйте шар «reference». Один з них буде шаблоном, видимим в Outlines Mode (виберіть Template в Layer Menu), а інший буде просто стандартної посиланням. Lock обох їх.

skull_2-1_workspaceskull_2-1_workspaceskull_2-1_workspace

Крок 2

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

skull_2-2_workspaceskull_2-2_workspaceskull_2-2_workspace

3. Створіть очниці і ніс 

Крок 1

Спочатку ми намалюємо очниці в черепі, так як вони зверху. Почніть з еліпса (L), де повинен бути праве око. Постарайтеся зіставити розмір кола з очницею.

skull_3-1_eyesskull_3-1_eyesskull_3-1_eyes

Крок 2

Використовуйте Mesh Tool (U) для перетворення еліпса в сітку.

skull_3-2_eyesskull_3-2_eyesskull_3-2_eyes

Крок 3

Тепер налаштуйте форму еліпса на очну ямку за допомогою інструменту Direct Selection Tool (A). Працюйте в Outline Mode (Control-Y), щоб бачити тільки шаблон у фоновому режимі. 

skull_3-3_eyesskull_3-3_eyesskull_3-3_eyes

Крок 4

Аналогічним чином створіть другу очну розетку. 

skull_3-4-eyesskull_3-4-eyesskull_3-4-eyes

Крок 5

Використовуйте інструмент Eyedropper Tool (I), щоб вибрати колір очниці з носа. 

skull_3-5-eyesskull_3-5-eyesskull_3-5-eyes

Крок 6

Створіть форму для носа, використовуючи той же процес, що і раніше. 

skull_3-6_noseskull_3-6_noseskull_3-6_nose

Крок 7

Отвори зроблені! Заблокуйте шар і створіть новий. 

skull_3-7_eyes_and_nose_doneskull_3-7_eyes_and_nose_doneskull_3-7_eyes_and_nose_done

4. Намалюйте кістки навколо очей 

Крок 1

Спочатку вам потрібно перетягнути новий шар під шар «дірок». Таким чином отвори залишаться на вершині, де вони і повинні бути. 

skull_4-1_layersskull_4-1_layersskull_4-1_layers

Крок 2

Кращою формою для очних кісток буде кругла сітка. На жаль, Illustrator не дозволить вам створити її безпосередньо. Але не хвилюйтеся, є простий спосіб зробити це! Просто погляньте на цей урок про те, як створити радіальну сітку

skull_4-2_circular_meshskull_4-2_circular_meshskull_4-2_circular_mesh

Крок 3

Кругова сітка на самому не кругла, вона просто виглядає так. Вона зшита в одному місці, щоб виглядати «повної». Це означає, що в одному місці є дві точки сітки.  Вам потрібно захопити їх обох одночасно (використовуйте інструмент Lasso Tool (Q)), якщо ви не хочете розірвати сітку. 

skull_4-3_shapeskull_4-3_shapeskull_4-3_shape

Крок 4

Додайте більше точок сітки за допомогою інструменту Mesh Tool (U). Вони нам знадобляться для різних кольорів. 

skull_4-4_more_mesh_pointsskull_4-4_more_mesh_pointsskull_4-4_more_mesh_points

Крок 5

Тепер ви можете зрушити посилання в сторону, щоб побачити, що ви малюєте. Тримайте її в стані locked! Використовуйте інструмент Eyedropper Tool (I), щоб додати кольору до вузлів сітки.  Перемістіть їх за допомогою Direct Selection Tool (A), щоб отримати правильну форму кісток. Точки сітки, які знаходяться найближче до отвору, повинні мати подібний темний колір, щоб вписатися в нього. 

skull_4-5_mesh_coloringskull_4-5_mesh_coloringskull_4-5_mesh_coloring

Крок 6

Виділіть всі зовнішні точки і зменшите їх Opacity до 0%. Таким чином, вони будуть змішуватися з фоном.

skull_4-6_mesh_opacityskull_4-6_mesh_opacityskull_4-6_mesh_opacity

Крок 7

Повторіть процес для іншого ока. 

skull_4-7_bothe_eyes_doneskull_4-7_bothe_eyes_doneskull_4-7_bothe_eyes_done

5. Побудуйте ніс 

Крок 1

Почніть з еліпса ще раз. Використовуйте загальний колір кістки (обраний із заслання) для нього.

skull_5-1_noseskull_5-1_noseskull_5-1_nose

Крок 2

Знову, підлаштуватися форму до носа. 

skull_5-2_noseskull_5-2_noseskull_5-2_nose

Крок 3

Додайте більше точок сітки, щоб імітувати контури носа. Ви бачите, як я намагаюся оточити отвір? 

skull_5-3_noseskull_5-3_noseskull_5-3_nose

Крок 4

Виберіть кольору і зменшіть Opacity точок, які будуть вписуватися в іншу частину черепа. 

skull_5-4_noseskull_5-4_noseskull_5-4_nose

6. Оформіть вилиці 

Крок 1

На цей раз ми будемо використовувати прямокутник в якості базової форми. Виберіть загальний колір кісток, як ми робили у носа. 

skull_6-1_cheekskull_6-1_cheekskull_6-1_cheek

Крок 2

Налаштуйте форму області навколо очей, вилиці і ближче до носа. Додавайте більше точок сітки, коли точки базової сітки (один з прямокутників) недостатньо для отримання точної форми. 

skull_6-2_cheekskull_6-2_cheekskull_6-2_cheek

Крок 3

Знову додайте кольору. 

skull_6-3_cheekskull_6-3_cheekskull_6-3_cheek

Крок 4

Зменшіть Opacity точок, які стосуються щелепи і чола. Решта має залишатися повністю видимим. 

skull_6-4_cheekskull_6-4_cheekskull_6-4_cheek

Крок 5

Створіть фігуру і для іншої сторони. 

skull_6-5_cheekskull_6-5_cheekskull_6-5_cheek

Крок 6. 

Змішайте тільки ту частину, яка стосується чола. 

skull_6-6_cheekskull_6-6_cheekskull_6-6_cheek

Крок 7

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

skull_6-7_cheekskull_6-7_cheekskull_6-7_cheek

7. Верхня щелепа 

Крок 1 

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

skull_7-1_upper_jawskull_7-1_upper_jawskull_7-1_upper_jaw

Крок 2

Зігніть сітку до наступної форми. 

skull_7-2_upper_jawskull_7-2_upper_jawskull_7-2_upper_jaw

Крок 3

Ця сітка повинна зливатися з собою. Зробіть її світлої всередині і затемніть по краях, потім зменшіть Opacity зовнішніх точок.

skull_7-3_upper_jawskull_7-3_upper_jawskull_7-3_upper_jaw

Крок 4

Тепер дублюйте сітку по всій верхній щелепі. Іноді вам потрібно змінити свою форму. Особи, вставлені зліва, повинні мати найнижчу загальну Opacity.

skull_7-4_upper_jawskull_7-4_upper_jawskull_7-4_upper_jaw

Крок 5

Тепер нам потрібно створити цілу верхню щелепу. Створіть прямокутник для її сітки. 

skull_7-5_upper_jawskull_7-5_upper_jawskull_7-5_upper_jaw

Крок 6. 

Налаштуйте його форму на верхню щелепу. Ще не турбуйтеся про всі «розмахування» на краю фігури. 

skull_7-6_upper_jawskull_7-6_upper_jawskull_7-6_upper_jaw

Крок 7

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

skull_7-7_upper_jawskull_7-7_upper_jawskull_7-7_upper_jaw

8. Створіть нижню щелепу 

Крок 1 

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

skull_8-1_lower_jawskull_8-1_lower_jawskull_8-1_lower_jaw

Крок 2

Налаштуйте його форму.

skull_8-2_lower_jawskull_8-2_lower_jawskull_8-2_lower_jaw

Крок 3

Зіставте кольору. Частина, яка буде пов'язана з іншим елементом, повинна бути невидимою (0% Opacity). 

skull_8-3_lower_jawskull_8-3_lower_jawskull_8-3_lower_jaw

Крок 4

Тепер створіть область підборіддя.

skull_8-4_lower_jawskull_8-4_lower_jawskull_8-4_lower_jaw

Крок 5

Тут ми повинні зробити те ж саме, що і раніше, щоб створити невелике завивання. 

skull_8-5_lower_jawskull_8-5_lower_jawskull_8-5_lower_jaw

Крок 6

Подгоните кольору, щоб красиво вписатися в першу частину нижньої щелепи. 

skull_8-6_lower_jawskull_8-6_lower_jawskull_8-6_lower_jaw

9. Створіть зуби 

Крок 1 

Створіть сітку для одного зуба. Вона послужить основою для інших. 

skull_9-1_toothskull_9-1_toothskull_9-1_tooth

Крок 2

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

skull_9-2_toothskull_9-2_toothskull_9-2_tooth

Крок 3

Тепер скопіюйте і вставте зуб, щоб створити весь верхній ряд. Змініть їх розміри відповідно до посилання. 

skull_9-3_teethskull_9-3_teethskull_9-3_teeth

Крок 4

Виберіть один зуб і перейдіть в Object > Transform > Reflect. Виберіть Horizontal і натисніть Copy. Тепер використовуйте цей відбитий зуб, щоб створити нижній ряд. 

skull_9-4_teethskull_9-4_teethskull_9-4_teeth

Крок 5

Частина нижнього рядка повинна бути трохи темніше, тому оберіть їх за допомогою Lasso Tool (Q) (таким чином ви вибираєте точки, а не цілі об'єкти) і переходите в Edit > Edit Colors > Adjust Color Balance. Змініть всі значення на -20%

skull_9-5_teethskull_9-5_teethskull_9-5_teeth

Крок 6

Нам також потрібно створити внутрішню частину зубів. Спочатку створіть для неї просту прямокутну сітку. 

skull_9-6_teethskull_9-6_teethskull_9-6_teeth

Крок 7

Сітка повинна мати два ряди - один для темних точок, а інший для світлих точок. 

skull_9-7_teethskull_9-7_teethskull_9-7_teeth

Крок 8

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

skull_9-8_teethskull_9-8_teethskull_9-8_teeth

10. Створіть відділ для мозку 

Крок 1 

Хоча корпус мозку нагадує велику кулю, він має свої нерівності. По-перше, нам потрібно створити цей невеликий шматочок поруч з точкою щелепи. 

skull_10-1_braincaseskull_10-1_braincaseskull_10-1_braincase

Крок 2

Частина його повинна бути змішана. 

skull_10-2_braincaseskull_10-2_braincaseskull_10-2_braincase

Крок 3

Тепер час для фактичного відділу мозку. Підстава для цього буде досить простим, використовуйте модифікований коло!

skull_10-3_braincaseskull_10-3_braincaseskull_10-3_braincase

Крок 4

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

skull_10-4_braincaseskull_10-4_braincaseskull_10-4_braincase

11. Додавання текстур для створення грубої поверхні 

Крок 1 

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

Перш, ніж ми додамо текстури, нам потрібно підготувати обтравочную маску. Виберіть всі, що ви створили (переконайтеся, що шар не заблокований) і перейдіть в Object > Path > Offset Path. Введіть 0 як Зсув і натисніть OK.

skull_11-1_offset_pathskull_11-1_offset_pathskull_11-1_offset_path

Крок 2

Нічого не чіпайте! Це складна частина. Ви вибрали обриси кожного елемента. Виріжте його і вставте на новий шар. 

skull_11-2_offset_pathskull_11-2_offset_pathskull_11-2_offset_path

Крок 3

Виберіть чорний колір заливки для своєї фігури. 

skull_11-3_offset_pathskull_11-3_offset_pathskull_11-3_offset_path

Крок 4

Вибравши всі фігури, виберіть «Об'єднати» на панелі «Навігатор». Сховайте шар.

skull_11-4_uniteskull_11-4_uniteskull_11-4_unite

Крок 5

Тепер ми можемо почати додавати текстури. Перейдіть на панель «Символи» та виберіть «Художні текстури» в меню. Виберіть ті, які вам подобаються, і витягніть їх з вікна. Не забудьте після цього клацнути посилання «Розбити посилання на символ». 

skull_11-5_texturesskull_11-5_texturesskull_11-5_textures

Крок 6. 

Деякі з більших текстур можуть виглядати краще, якщо ви деформуєте їх навколо корпусу мозку. Перейдіть в Effect > Warp > Arc, щоб створити цей ефект. 

skull_11-6_textures_warpskull_11-6_textures_warpskull_11-6_textures_warp

Крок 7

Тепер збожеволіли! Скопіюйте текстури, які ви вже розмістили, обертайте і змінюйте їх розміри, малюйте кілька брудних ліній. Потім виділіть їх все і перейдіть в Object > Expand

skull_11-7_texturesskull_11-7_texturesskull_11-7_textures

Крок 8

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

skull_11-8_texturesskull_11-8_texturesskull_11-8_textures

Крок 9

Виділіть всі текстури, змініть їх режим накладення на М'яке світло і встановіть Opacity на 25%

skull_11-9_textures_blending_modeskull_11-9_textures_blending_modeskull_11-9_textures_blending_mode

Крок 10

Щоб вирізати весь безлад з області черепа, нам потрібно використовувати маску, яку ми створили на початку кроку. Просто зробіть чорний череп видимим знову, переконайтеся, що його шар знаходиться зверху, виберіть всі цілком і перейдіть в меню Object > Clipping Mask > Make

skull_11-10_clipping_maskskull_11-10_clipping_maskskull_11-10_clipping_mask

Тепер ви знаєте як це робити! 

Сподіваюся, вам сподобалося грати з градієнтної сіткою. Побудова об'єкта частинами і змішування частин разом можуть полегшити роботу будь-якого проекту градиентной сітки. До наступного разу, щасливою векторизації!

One subscription.
Unlimited Downloads.
Get unlimited downloads