7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Illustration

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

Scroll to top
Read Time: 8 mins
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

Russian (Pусский) translation by Masha Kolesnikova (you can also view the original English article)

Можете ли вы представить Хэллоуин без черепов? И я нет. В этом уроке я покажу вам, как создать череп в Adobe Illustrator, используя градиентные сетки. И как только вы будете готовы, мисс Чат * 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). Теперь вы можете изменить его цвет и посмотреть, что произойдет.

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

Теперь дублируйте сетку по всей верхней челюсти. Иногда вам нужно изменить свою форму. Лица, вставленные слева, должны иметь самую низкую общую прозрачность.

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

Выделите все текстуры, измените их режим наложения на Мягкий свет и установите прозрачность на 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

Теперь вы знаете как это делать!

Надеюсь, вам понравилось играть с градиентной сеткой. Построение объекта по частям и смешивание частей вместе могут облегчить работу любого проекта градиентной сетки. До следующего раза, счастливой векторизации!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.