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