() translation by (you can also view the original English article)
Можете ли вы представить Хэллоуин без черепов? И я нет. В этом уроке я покажу вам, как создать череп в Adobe Illustrator, используя градиентные сетки. И как только вы будете готовы, мисс Чат * Z покажет вам, как превратить страшный череп в декоративный значок «День мертвых» в более позднем уроке. Так что приготовьте инструмент Mesh Tool и давайте приступать!
1. Упражнение «Градиентная сетка»
Шаг 1
Я хотел бы показать вам базовую теорию градиентной сетки, чтобы сделать весь процесс проще и быстрее. Если вы уже знаете основы, вы можете пропустить это упражнение.
Нарисуйте прямоугольник с помощью инструмента Rectangle Tool (M). Размеры и цвета не имеют значения в этом упражнении.
Шаг 2
Используйте инструмент Mesh Tool (U) на прямоугольнике, щелкнув по центру.
Шаг 3
Ваш прямоугольник теперь является сеткой. Мы создали несколько точек сетки. Каждая точка сетки имеет свой цвет, положение и прозрачность, и все они влияют друг на друга.
Шаг 4
Выберите единую точку сетки с помощью Direct Selection Tool (A). Теперь вы можете изменить его цвет и посмотреть, что произойдет.
Шаг 5
Вы можете выбрать более одной точки, удерживая Shift, и щелкая их, или используя инструмент Lasso Tool (Q).
Шаг 6.
Вы также можете добавить больше точек сетки в любое время, когда вам это нужно, с помощью Mesh Tool (U). Чем ближе точки друг к другу, тем острее разница между любыми новыми цветами, которые вы вводите в вашу сетку.
Шаг 7.
Вы также можете изменить Opacity точек, чтобы смешать часть сетки с другим объектом или просто притушить ее границы.
Шаг 8
У узлов сетки есть ручки, точно так же, как точки привязки пути. Вы можете перемещать их с помощью инструмента Direct Selection Tool (A), чтобы согнуть линии, соединяющие точки друг с другом. Удерживая Shift, кликнув по точке с помощью Mesh Tool (U), вы переместите ее, не деформируя линии.
Шаг 9
Пути сетки между точками иногда искажаются. Вы можете выпрямить линии, сокращая ручки, чтобы сгладить любые перегибы.
2. Подготовьтесь к работе с ссылкой
Шаг 1
Создайте новый документ и вставьте ссылку (я использовал это изображение TwiggXstock). Используйте Artboard Tool (Shift-O), чтобы настроить документ по размеру ссылки. Затем продублируйте слой «reference». Один из них будет шаблоном, видимым в Outlines Mode (выберите Template в Layer Menu), а другой будет просто стандартной ссылкой. Lock обоих их.
Шаг 2
Теперь создайте новый слой. Это хорошая идея создать новый слой для каждого элемента и дать им имена. Это облегчит вам поиск фигур, которые вам, возможно, придется изменить позже.
3. Создайте глазницы и нос
Шаг 1
Сначала мы нарисуем глазницы в черепе, так как они сверху. Начните с эллипса (L), где должен быть правый глаз. Постарайтесь сопоставить размер круга с глазницей.
Шаг 2
Используйте Mesh Tool (U) для преобразования эллипса в сетку.
Шаг 3
Теперь настройте форму эллипса на глазницу с помощью инструмента Direct Selection Tool (A). Работайте в Outline Mode (Control-Y) , чтобы видеть только шаблон в фоновом режиме.
Шаг 4
Аналогичным образом создайте вторую глазную розетку.
Шаг 5
Используйте инструмент Eyedropper Tool (I), чтобы выбрать цвет глазницы из носа.
Шаг 6.
Создайте форму для носа, используя тот же процесс, что и раньше.
Шаг 7.
Отверстия сделаны! Заблокируйте слой и создайте новый.
4. Нарисуйте кости вокруг глаз
Шаг 1
Сначала вам нужно перетащить новый слой под слой «дыр». Таким образом отверстия останутся на вершине, где они и должны быть.
Шаг 2
Лучшей формой для глазных костей будет круглая сетка. К сожалению, Illustrator не позволит вам создать ее напрямую. Но не волнуйтесь, есть простой способ сделать это! Просто взгляните на этот урок о том, как создать радиальную сетку.
Шаг 3
Круговая сетка на самом не круглая, она просто выглядит так. Она сшита в одном месте, чтобы выглядеть «полной». Это означает, что в одном месте есть две точки сетки. Вам нужно захватить их обоих одновременно (используйте инструмент Lasso Tool (Q)), если вы не хотите разорвать сетку.
Шаг 4
Добавьте больше точек сетки с помощью инструмента Mesh Tool (U) . Они нам понадобятся для разных цветов.
Шаг 5
Теперь вы можете сдвинуть ссылку в сторону, чтобы увидеть, что вы рисуете. Держите ее в состоянии locked! Используйте инструмент Eyedropper Tool (I), чтобы добавить цвета к узлам сетки. Переместите их с помощью Direct Selection Tool (A), чтобы получить правильную форму костей. Точки сетки, которые находятся ближе всего к отверстию, должны иметь подобный темный цвет, чтобы вписаться в него.
Шаг 6.
Выделите все внешние точки и уменьшите их Opacity до 0%. Таким образом, они будут смешиваться с фоном.
Шаг 7.
Повторите процесс для другого глаза.
5. Постройте нос
Шаг 1
Начните с эллипса еще раз. Используйте общий цвет кости (выбранный из ссылки) для него.
Шаг 2
Снова, подстроим форму к носу.
Шаг 3
Добавьте больше точек сетки, чтобы имитировать контуры носа. Вы видите, как я пытаюсь окружить отверстие?
Шаг 4
Выберите цвета и уменьшите Opacity точек, которые будут вписываться в остальную часть черепа.
6. Оформите скулы
Шаг 1
На этот раз мы будем использовать прямоугольник в качестве базовой формы. Выберите общий цвет костей, как мы делали у носа.
Шаг 2
Отрегулируйте форму области вокруг глаз, скулы и ближе к носу. Добавляйте больше точек сетки, когда точки базовой сетки (один из прямоугольников) недостаточно для получения точной формы.
Шаг 3
Снова добавьте цвета.
Шаг 4
Уменьшите Opacity точек, которые касаются челюсти и лба. Остальное должно оставаться полностью видимым.
Шаг 5
Создайте фигуру и для другой стороны.
Шаг 6.
Смешайте только ту часть, которая касается лба.
Шаг 7.
Возможно, вам придется вернуться к слою глазной кости и изменить сетку, чтобы лучше сочетать ее с частью, которую вы только что создали. Вы можете изменить цвет внешних точек сетки (хотя они кажутся невидимыми, их цвет очень важен), или уменьшите Opacity другой строки.
7. Верхняя челюсть
Шаг 1
Как вы можете видеть, верхняя челюсть немного «расплывчатая» у края. Есть также много темных и светлых областей, переплетенных друг с другом. Если мы создадим это с помощью одной сетки, это может занять много времени и усилий. Будет легче создать небольшую сетку для этого.
Шаг 2
Согните сетку до следующей формы.
Шаг 3
Эта сетка должна сливаться с собой. Сделайте ее светлой внутри и затемните по краям, затем уменьшите Opacity внешних точек.
Шаг 4
Теперь дублируйте сетку по всей верхней челюсти. Иногда вам нужно изменить свою форму. Лица, вставленные слева, должны иметь самую низкую общую прозрачность.
Шаг 5
Теперь нам нужно создать целую верхнюю челюсть. Создайте прямоугольник для ее сетки.
Шаг 6.
Настройте его форму на верхнюю челюсть. Пока не беспокойтесь обо всех «размахиваниях» на краю фигуры.
Шаг 7.
Теперь вам нужно добавить много новых точек сетки и настроить их руками, чтобы создать размахивание. Подгоните цвета.
8. Создайте нижнюю челюсть
Шаг 1
Нижняя челюсть будет состоять из двух элементов. Начните с того, который присоединяется к черепу.
Шаг 2
Отрегулируйте его форму.
Шаг 3
Сопоставьте цвета. Часть, которая будет связана с другим элементом, должна быть невидимой (0% Opacity).
Шаг 4
Теперь создайте область подбородка.
Шаг 5
Здесь мы должны сделать то же самое, что и раньше, чтобы создать небольшое завивание.
Шаг 6.
Подгоните цвета, чтобы красиво вписаться в первую часть нижней челюсти.
9. Создайте зубы
Шаг 1
Создайте сетку для одного зуба. Она послужит основой для других.
Шаг 2
Добавьте для этого подходящие цвета. Средняя и нижняя точки сетки должны быть светлыми, а другие - темными. На этот раз не нужно менять Opacity.
Шаг 3
Теперь скопируйте и вставьте зуб, чтобы создать весь верхний ряд. Измените их размеры в соответствии со ссылкой.
Шаг 4
Выберите один зуб и перейдите в Object> Transform> Reflect. Выберите Horizontal и нажмите Copy. Теперь используйте этот отраженный зуб, чтобы создать нижний ряд.
Шаг 5
Часть нижней строки должна быть немного темнее, поэтому выберите их с помощью Lasso Tool (Q) (таким образом вы выбираете точки, а не целые объекты) и переходите в Edit > Edit Colors > Adjust Color Balance. Измените все значения на -20%.
Шаг 6.
Нам также нужно создать внутреннюю часть зубов. Сначала создайте для нее простую прямоугольную сетку.
Шаг 7.
Сетка должна иметь два ряда - один для темных точек, а другой для светлых точек.
Шаг 8
Как только это будет сделано, нам просто нужно отверстие для челюсти. Это сделать еще проще!
10. Создайте отдел для мозга
Шаг 1
Хотя корпус мозга напоминает большой шар, он имеет свои неровности. Во-первых, нам нужно создать этот небольшой кусочек рядом с точкой челюсти.
Шаг 2
Часть его должна быть смешана.
Шаг 3
Теперь время для фактического отдела мозга. Основание для этого будет довольно простым, используйте модифицированный круг!
Шаг 4
При добавлении цветов помните, что височная кость должна быть темнее. Вам также может понадобиться вернуться к той части, которую вы нарисовали, прежде чем исправить смешение.
11. Добавление текстур для создания грубой поверхности
Шаг 1
Проблема с сетчатыми поверхностями заключается в том, что они выглядят очень гладкими. Существует несколько способов решения этой проблемы, причем текстуры - самое простое решение.
Прежде, чем мы добавим текстуры, нам нужно подготовить обтравочную маску. Выберите все, что вы создали (убедитесь, что слой не заблокирован) и перейдите в Object> Path> Offset Path. Введите 0 как Смещение и нажмите OK.
Шаг 2
Ничего не трогайте! Это сложная часть. Вы выбрали очертания каждого элемента. Вырежьте его и вставьте на новый слой.
Шаг 3
Выберите черный цвет заливки для своей фигуры.
Шаг 4
Выбрав все фигуры, выберите «Объединить» на панели «Навигатор». Скройте слой.
Шаг 5
Теперь мы можем начать добавлять текстуры. Перейдите на панель «Символы» и выберите «Художественные текстуры» в меню. Выберите те, которые вам нравятся, и вытащите их из окна. Не забудьте после этого щелкнуть ссылку «Разбить ссылку на символ».
Шаг 6.
Некоторые из более крупных текстур могут выглядеть лучше, если вы деформируете их вокруг корпуса мозга. Перейдите в Effect> Warp> Arc, чтобы создать этот эффект.
Шаг 7.
Теперь посходим с ума! Скопируйте текстуры, которые вы уже разместили, вращайте и изменяйте их размеры, рисуйте несколько грязных линий. Затем выделите их все и перейдите в Object> Expand.
Шаг 8
Выберите несколько случайных текстур и измените их цвет на белый для большего разнообразия.
Шаг 9
Выделите все текстуры, измените их режим наложения на Мягкий свет и установите прозрачность на 25%.
Шаг 10
Чтобы вырезать весь беспорядок из области черепа, нам нужно использовать маску, которую мы создали в начале шага. Просто сделайте черный череп видимым снова, убедитесь, что его слой находится сверху, выберите все целиком и перейдите в меню Object > Clipping Mask > Make.
Теперь вы знаете как это делать!
Надеюсь, вам понравилось играть с градиентной сеткой. Построение объекта по частям и смешивание частей вместе могут облегчить работу любого проекта градиентной сетки. До следующего раза, счастливой векторизации!
