Как нарисовать руки в adobe illustrator
Для работы в программе Adobe Illustrator вам не раз пригодятся различные кисти, особенно если вы рисуете через планшет. Кисти условно можно разделить на 4 типа:
- Стандартные кисти, предустановленные в Adobe Illustrator.
- Платные кисти.
- Бесплатные кисти.
- Кисти, сделанные собственноручно.
Последние 3 вида кистей нужно как-то внедрить в Adobe Illustrator. Об этом мы и расскажем в нашей статье. А еще рассмотрим несколько вариантов создания своих кистей и работу со стандартными кистями.
Типы кистей
В Иллюстраторе существуют следующие типы кистей:
- Каллиграфические кисти — их линии похожи на линии пера, к ним относится «Кисть-клякса», с помощью которой можно рисовать объекты, которые будут сразу преобразованы в фигуры с заливкой.
- Дискретные кисти — это копии объекта, распределенные вдоль контура.
- Узорчатые кисти — узор создается из элементов кисти, их может быть до 5-ти. В данной статье ниже будет рассмотрен процесс создания такой кисти.
- Объектные кисти — форма такой кисти растягивается вдоль всей нарисованной линии, например: меловая линия, лист дерева.
- Кисть из щетины — имитирует мазки кистью из щетины.
Как установить кисти в Иллюстраторе
Если вы скачали бесплатно или купили новые кисти для Adobe Illustrator, то для начала их нужно распаковать из архива. Весь процесс установи и настройки будем разбирать на примере кисти-веревки, которую можно купить тут на 6$.
В архиве данных кистей вы найдете эти папки и файлы, вам нужно выбрать файл с расширением .AI, соответствующий вашей версии иллюстратора:
Откройте файл .AI в Adobe Illustrator. Откройте панель «Кисти», и вы увидите, что ваши новые кисти уже загружены и готовы к использованию.
Сохранение библиотеки кистей
Удалите все лишние кисти из палитры «Кисти». В разделе «Параметры» на панели «Кисти» выберите «Сохранить библиотеку кистей».
Вы можете сохранить кисти в любой папке на компьютере. Но, чтобы легко открывать кисти из меню «Кисти» — «Открыть библиотеку кистей» — «Определяемые пользователем» , нужно сохранить кисти в этих папках:
- (Windows) User/AppData/Roaming/Adobe/Adobe Illustrator номер версии> Settings/Brushes
- (Mac OS) Library/Application Support/Adobe/Adobe Illustrator номер версии> Settings/Brushes
Работа с кистями
Далее рассмотрим что же можно делать с помощью кистей.
Как рисовать кистью
Работать с кистями очень просто. Нарисуйте фигуру и примените к ней нужную кисть, выбрав ее в библиотеке, например так:
Для некоторых кистей можно изменить цвет через цвет обводки:
Для более сложных кистей вы можете использовать функцию «Редактировать» — «Редактировать цвета» — «Перекрасить графтческий объект» (Recolor Artwork), меняя сразу все оттенки:
Еще один интересный способ редактирования — это изменение толщины обводки:
Некоторые кисти нужно разобрать для редактирования цвета. Для этого выделите объект и идите в «Объект» — «Разобрать оформление». Теперь все элементы можно перекрашивать по отдельности.
Как настроить и изменить размер кисти
Дважды кликните по инструменту «Кисть» на панели инструментов и вы увидите возможные настройки кисти.
Так же часть настоек есть в верхней панели инструментов. Например, изменить размер и толщину кисти можно через размер Обводки, увеличив или уменьшив ее толщину.
Как настроить кисти в для планшета
Раздел в разработке, но есть видео на тему;)
Кисть-клякса
Эта кисть относится к каллиграфическим. Ее особенность в том что она создает объекты с заливкой. Этой кистью удобно рисовать на планшетах типа iPad.
Как создать свою кисть в Иллюстраторе
А сейчас рассмотрим процесс создание собственной Узорчатой кисти. Будем создавать кисть вот с таким узором:.
Выделяем все ягодки (предварительно сгруппировав плодоножку и ягодку) и листики и выравниваем расстояние между ними:
Чтобы ровно разрезать фигуру нарисуем прямоугольник без заливки, шириной от начала первой ягодки до конца последней (в данном варианте этого будет достаточно, но если вам нужны зазоры между элементами кисти, то ширину прямоугольника стоит увеличить).
Уберите заливку и контур у прямоугольника. Выделите прямоугольник и основной ствол. Идем в панель «Обработка контуров» — «Разделение»
Удалите лишние пустые фигуры и расгруппируйте основной ствол:
Теперь у нас появилось 3 элемента кисти, для наглядности я их сместила по вертикали:
Сгруппируйте каждую часть как показано на рисунке:
Перетащите начало и конец веточки в палитру «Образцы»:
Далее выделяем основную ветку с листиками и ягодами и создаем из нее новую Узорчатую кисть:
В настройках начала и окончания кисти выбираем наши концевые листочки. Так же можно настроить остальные 3 варианта изгиба кисти, можно даже отдельно прорисовать как они должны выглядеть и добавить как и кончики через палитру «Образцы» .
В этом уроке вы освоите пошаговый процесс рисования изометрических векторных фигур без использования изометрической сетки.
Так что же такое изометрическое искусство? Техника невероятно популярна, так как позволяет в полной мере передать все три измерения и объем фигуры. Изометрическая перспектива — это когда угол 30 градусов применяется к сторонам объекта. Это лучше всего иллюстрируется с использованием изометрического куба (как видно на рисунке ниже).
Вы можете создавать изометрическую графику в Adobe Illustrator, используя изометрическую сетку (как показано на рисунке ниже). Это помогает вам создавать изометрические фигуры, следуя сетке.
Создаем новый файл проекта
Давайте начнем с настройки нового документа в Adobe Illustrator («Файл» — «Создать» или «Control-N» ). Для этого урока мы будем использовать следующие настройки :
На вкладке «Дополнительно» используйте следующие параметры:
После перейдите в Units (верхнее меню Редактирование — Установки — Единицы измерения) и используйте настройки, показанные ниже.
Создаем голову
Выберите Ellipse Tool (L) и создайте круг. Удерживайте клавишу Shift на клавиатуре, нарисуйте идеальный круг. Для цвета кожи мы будем использовать настройки ниже, но не стесняйтесь выбирать свои собственные цвета для вашего проекта.
Выберите инструмент прямого выделения Direct Selection Tool (A) и выделите круг. Это покажет опорные точки окружности и позволит вам настроить их с помощью инструмента.
Используйте инструмент Direct Selection Tool (A), чтобы выбрать нижнюю опорную точку и переместите ее в сторону, чтобы создать подбородок вашего персонажа.
Создайте еще один идеальный круг с помощью Ellipse Tool , и на этот раз выберите цвет для волос вашего персонажа.
Чтобы создать уши, используйте Rounded Rectangle Tool. Нарисуйте небольшую капсулу, используя тот же цвет кожи, что и для головы, и переместите ее на место.
Используйте Rounded Rectangle Tool, чтобы создать большую капсулу. Используйте тот же цвет, который вы использовали для волос и слегка поверните ее под углом.
Используйте инструмент «Выделение» (V), чтобы поместить фигуру перед головой.
Дублируйте форму, скопировав ее (Control-C) и вставив ее (Control-V) . Поместите новую капсулу дальше над головой, чтобы создать дополнительный объем волос.
Щелкните правой кнопкой мыши на фигуре уха, и выберите «Упорядочить» — «Переместить на передний план» .
Это поместит форму уха на волосы.
Создайте еще две маленькие капсулы и используйте инструмент «Выделение» (V), чтобы повернуть их и переместить на место.
Создайте капсулу для шеи и переместите ее под голову. Используйте немного более темный цвет для кожи.
Создайте новый слой для фона.
На новом слое используйте инструмент «Прямоугольник», чтобы создать новый фон, и выберите подходящий цвет:
Создаем изометрическое тело
Используйте Rectangle Tool и вытяните длинный белый прямоугольник. Используйте инструмент Direct Selection Tool (A), чтобы переместить две верхние опорные точки навстречу друг другу, чтобы создать трапецию. Убедитесь, что все четыре виджета Live Corner видны (если нет, отмените выбор формы и выберите ее снова, щелкнув по центру). Выберите виджет и перетащите все четыре угла к центру, чтобы закруглить углы.
Убедитесь, что тело выбрано. Перейдите в Effect> 3D> Rotate .
Во всплывающем окне обязательно выберите следующее:
Это придаст телу изометрическую форму. Обратите внимание, что вы все еще можете редактировать форму, как это было, когда она была 2D, и это будет корректироваться в режиме реального времени.
Убедитесь, что тело выбрано. Перейдите в Effect> 3D> Extrude & Bevel .
Во всплывающем окне обязательно выберите следующее:
Это создаст изометрический трехмерный объект, который мы можем использовать для тела персонажа.
Используйте инструмент «Выделение» (V), чтобы переместить голову на верхнюю часть тела.
Создаем изометрические ноги
Используйте инструмент прямоугольник с закругленными углами, чтобы создать бедра персонажа. Выберите новый цвет для ног:
Убедитесь, что бедро выбрано. Перейдите в Effect> 3D> Rotate . Во всплывающем окне обязательно выберите следующее:
Убедитесь, что бедро все еще выбрано. Перейдите в Effect> 3D> Extrude & Bevel . Во всплывающем окне обязательно выберите следующее:
Поместите форму ниже и позади тела. Вы можете сделать это, щелкнув правой кнопкой мыши на фигуре и выбрав Arrange — Send to Back (Монтаж — Переложить назад).
Выберите Pen Tool (P) и укажите толщину обводки 21 пункт .
Используйте Pen Tool (P), чтобы нарисовать прямую линию, удерживая клавишу Shift на клавиатуре. Дублируйте или нарисуйте две ноги и поместите их ниже бедер.
Создаем изометрические руки
Используйте Rounded Rectangle Tool, чтобы создать белую капсулу для рукава рубашки. Поверните его под небольшим углом, используя инструмент выделения (V) .
Поместите капсулу на плечо персонажа.
Дублируйте форму и отправьте ее обратно (щелкните правой кнопкой мыши — Монтаж> Переложить назад) . Затем вам нужно будет перевернуть фигуру (щелкните правой кнопкой мыши — Трансформировать — Зеркальное отражение — Вертикально), затем укоротите ее и поместите поверх плеча персонажа.
Выберите Pen Tool (P) и настройте параметры обводки так, чтобы цвет соответствовал цвету кожи персонажа:
Используйте Pen Tool (P), чтобы нарисовать слегка изогнутую руку и поместите ее под белую капсулу рукава.
Дублируйте руку, скопировав ее (Control-C) и вставив ее (Control-V) .
Переверните руку, щелкнув правой кнопкой мыши по ней и выбрав Трансформировать — Зеркальное отражение — Вертикально .
Создаем изометрическую юбку
Теперь, когда мы создали нашего первого персонажа, мы можем внести некоторые небольшие изменения, чтобы создать второго персонажа.
Используйте инструмент «Выделение» (V), чтобы выделить весь объект и продублировать его. На втором персонаже используйте инструмент Direct Selection Tool (A), чтобы удалить волосы.
Выберите обе ноги и измените свойства обводки, чтобы цвет соответствовал цвету кожи персонажа. Уменьшите немного толщину ног:
Чтобы создать юбку, выберите изометрическую форму, которая составляет бедро персонажа. Затем используйте инструмент «Выделение» (V) и потяните форму вниз, чтобы увеличить и отрегулировать длину.
Используйте Direct Selection Tool (A) , чтобы настроить Live Corner Widgets , чтобы углы снова стали острыми.Регулируйте форму юбки, перемещая нижние опорные точки друг к другу.
Если вы довольны общей формой юбки, вы можете снова использовать Direct Selection Tool (A), чтобы скруглить углы с помощью Live Corner Widgets .
Создаем изометрические волосы
Затем создайте меньший круг и поместите его за ухо. Нажмите и удерживайте клавишу Shift на клавиатуре, используя Ellipse Tool, чтобы создать идеальную форму круга.
Создайте еще один круг и поместите его перед лбом персонажа. Используйте инструмент Direct Selection Tool (V), чтобы уменьшить высоту и внести коррективы в форму.
Создаем грудь
Используйте Ellipse Tool (L), чтобы создать маленькую круглую белую форму и поместите ее поверх области груди персонажа.
Дублируйте форму и поместите ее на другую сторону груди.
Сгруппируйте обе фигуры вместе (Control-G) и продублируйте новую группу. Вы можете сделать это, скопировав его (Control-C) и вставив его на место (Control-Shift-V) . Это вставит новую группу поверх предыдущей группы. Мы назовем эту новую группу «Shadow Group».
Выберите немного более темный цвет для тени и примените его к новой группе, используя инструмент «Пипетка» (I) . Вы можете сделать это, убедившись, что группа фигур выбрана, а затем с помощью инструмента «Пипетка» щелкнуть нужный цвет.
Переместите группу теней за двумя белыми круглыми формами и используйте клавиши со стрелками на клавиатуре, чтобы постепенно перемещать ее вниз, чтобы появилась небольшая тонкая тень.
Удалите лишнюю теневую область, накрыв ее новой фигурой (это можно сделать с помощью Pen Tool). Выберите форму тени и новую форму (показана красным цветом) и используйте Режим Минус Верхний, чтобы удалить лишнюю тень.
Поместите тень под белым эллипсом.
Потрясающие! Вы закончили!
Поздравляем! Вы успешно завершили этот урок. Не стесняйтесь поделиться своими творениями ниже! Я надеюсь, что этот урок оказался полезным и вы узнали много новых советов и приемов, которые вы можете использовать для своих будущих иллюстраций. Увидимся в следующий раз!
Похоже, научиться рисовать человеческую руку сложнее всего, так как она может принимать многие формы и выражать разные эмоции. Анимация не исключение. Вам придется научиться рисовать руки в разных ракурсах так, чтобы показать их в динамике и привлечь к ним внимание зрителя. Нельзя недооценивать силу хорошо прорисованной руки в анимации - это спасет ваши работы от монотонности!
Что необходимо знать
В комментариях к моим курсам меня несколько раз спрашивали, как я рисую персонажей в разных позах и с разными выражениями. Суть в том, что с опытом вы начнете вырабатывать собственный стиль рисунка. Незаметно для других людей, у вас появятся свои небольшие трюки. Эти трюки - позы и выражения, к которым вы будете прибегать гораздо чаще, чем к остальным, а также определенные прически и одежда, которые вам будет удаваться рисовать лучше всего. Это довольно широко распространено, и профессиональные художники прибегают к этому секрету все время!
Однако этого очень сложно добиться в рисунках рук! Возьмем голову для примера. Единственная подвижная часть там - нижняя челюсть. Мы можем менять выражения лица, но глаза, нос и рот остаются на своих местах (по крайней мере, в реальной жизни!) С рукой все по-другому. С любым новым движением кисти все радикально меняется. На самом деле, в сцене с диалогом выражение лица может едва изменяться, но руки будут двигаться очень активно и под разными углами.
Цель этого занятия - превратить человеческую руку в мультяшную руку, поэтому давайте не будем попусту тратить время на изучение названий костей и мышц руки. (На платформе Tuts+ у вас, кстати, будут обширные возможности научиться и этому). Мы, в свою очередь, попытаемся найти упрощенный способ рисовать руку так, чтобы это было практично и эффективно.
1. Рука в самой упрощенной форме
"Мам, привет! Я в интернете!"
Рука состоит из разнообразных костей, особенно в пальцах. Это значит, что все пальцы разной величины и могут сгибаться в разных направлениях. По этой причине важно, чтобы вы научились рисовать руку максимально упрощенным способом и уметь смотреть на нее, как на маленькую головоломку из нескольких ключевых частей. Попытаемся поделить ее на блоки:
Шаг 1
Начнем с тыльной стороны ладони. Давайте нарисуем простой полукруг:
Шаг 2
Теперь нарисуем треугольник, который прикреплен к одной из ее сторон. Вот так:
Спокойствие: мы не рисуем чашку чая!
Шаг 3
Над треугольником нарисуем нечто, напоминающее кончик ножа.
Шаг 4
Пора рисовать пальцы. В зеркальном отражении рисуем первую форму наверху. "Головоломка из руки" готова:
Шаг 5
Отлично! Остается мягкими контурами дополнить недостающие детали:
Контур большого пальца самый хитрый - его необходимо мягко объединить с центром ладони.
Заметьте, что у пальцев разный формат из-за различия в их размерах.
2. Как на ладони
Необходимо знать еще несколько деталей ладони. Взглянем на них:
Шаг 1
Опять мы повторяем процесс вверху, следуя основному шаблону:
Шаг 2
Появляется что-то новенькое - ладонь теперь выглядит немного более сложной, и в ее форме есть характерные отличия, которые необходимо учесть. К счастью, достаточно несколько упрощенных форм, чтобы отобразить ее.
Шаг 3
Теперь мы можем добавить контуры, чтобы закончить рисунок необходимыми деталями.
Обратите внимание, что мы заканчиваем эскиз мягкими скругленными линиями. Думайте о ладони руки как о деликатной скульптуре.
Вид в профиль
Когда рука развернута в профиль, нам видно выступ мышцы у основания большого пальца.
Чем более "детский" у вас стиль рисования, тем проще и ровнее будут ваши линии. Вот мои маленькие секреты, которые помогли мне понять, что руки можно рисовать, основываясь на упрощенных фигурах. Самое главное - стремиться к стилю, который будет отражать личность и динамику в рисунках на финальной стадии.
3. Больше фигур и рука в 3D
Теперь вы можете рисовать плоскую руку до конца своей жизни, правда? Если вы хотите рисовать руки с убедительной глубиной, пользуйтесь той же техникой вверху, только меняйте ракурс камеры! Поиграйте с этой техникой, пока не станете себя уверенно чувствовать.
Чтобы сформировать пальцы, представьте их себе в виде цилиндров, поставленных один на другой. Эта техника поможет нам рисовать пальцы под разными углами, ведь с ее помощью легче "увидеть" руку в пространстве.
Рука или робот?
Форм, в которые может сложиться кисть человека, не счесть. Когда ладонь раскрыта, работают одни правила; когда закрыта - другие! То же самое происходит, когда рука держит предмет, и она должна подстроиться под его форму.
Давайте научимся рисовать кулак. Слегка другой процесс, однако в конце вы увидите, что все сводится к упрощенной прорисовке основных геометрических фигур.
Шаг 1
Для начала упрощаем сгиб мизинца, рисуем нечто подобное на букву "у".
Шаг 2
Мы как бы "обертываем" мизинец вокруг буквы "у". Не забудьте выделить кривую, которая идет от мизинца к запястью.
Шаг 3
Продолжаем рисовать пальцы в пространстве. На этот раз рисуем только три пальца. Позже объясню, почему.
Шаг 4
В последнюю очередь рисуем большой палец и выступающую мышцу у основания большого пальца.
Шаг 5
Хорошо! В несколько шагов мы закончили упрощенный рисунок кулака с одной стороны. Посмотрите, как в грубых чертах форму кулака можно изобразить с помощью "коробочек" разных размеров.
Заметьте, как можно вписать контур кулака в объемные прямоугольные фигуры в пространстве.
Очевидно, если мы будем пытаться упростить каждое положение руки с помощью различных техник, мы быстро устанем. Поэтому помните, что настоящий секрет того, как упростить рисунок руки - это наблюдения из жизни.
Вид с противоположной стороны: упрощенный рисунок.
4. Великолепная четверка
Широко принято в анимации рисовать руки персонажей только с четырьмя пальцами. Это позволяет, помимо усиления динамики персонажа, облегчить жизнь художника. Так ему не приходится беспокоиться о слишком многих деталях.
Руки с четырьмя пальцами разных стилей и размеров.
Замечание: при использовании этой техники вам надо приспособить свои знания о кисти с пяти пальцами к четырем. Концепции необходимо адаптировать, чтобы добиться подходящего и интересного результата.
Стоит уделить внимание кончикам пальцев. В анимации, чем более скруглены и подвижны кончики пальцев, тем более они интересны и динамичны. Когда вы создаете персонажей, думайте об их руках так, будто это отдельные персонажи!
Видите, что эта рука обладает собственным характером?
Еще один хороший повод рисовать руки с четырьмя пальцами: в этом случае у вас есть возможность увеличить размер пальцев, а значит, сделать их более выразительными! Целый ряд известных мультяшных персонажей смогли выгодно выделиться благодаря этой технике: Симпсоны, Багз Банни, Флинтстоуны и Микки Маус.
Тайна мизинца
Одним из самых больших секретов в дизайне такой кисти состоит в максимальном использовании мизинца! Если вы разместите его под другим углом по отношению к другим пальцам, вы разобьете монотонность в восприятии руки.
Выделите положение мизинца в кадре. Посмотрите, насколько меняется характер действия с помощью этой техники. Внимание зрителя теперь сосредоточено на главном предмете в кадре, а личности персонажа придается особая изюминка.
5. Говори с рукой
Когда нам необходимо выразить эмоции в анимационном рисунке, роль рук незаменима! Посмотрите на изображения внизу: руки визуально поддерживают и повторяют выражения лица и язык тела персонажей.
Как бы странно ни казалось, руки обладают собственным характером! Они не только поддерживают выражения лица и язык тела, они могут выражать собственные эмоции!
Видите ли вы величие в этих жестах вверху?
Однако зачастую вы окажетесь в ситуации, когда руки не должны отвлекать на себя внимание. В этом случае они должны быть второстепенным персонажем. Персонажей в сценах с действием обычно преувеличивают сильнее, чем персонажей в спокойных сценах.
Заметьте, что в драматической сцене движения незначительны. Здесь нет места для преувеличения. Руки должны подчеркивать чувства персонажей - это один из самых сложных процессов в дизайне.
6. Проверка знаний
Я подготовил небольшой тест, чтобы проверить вашу наблюдательность. Проанализируйте рисунки ниже и попытайтесь определить, какое чувство наилучшим образом описывает каждый. Можете правильно все угадать?
Получится ли вам угадать, что выражает рука на каждом из рисунков?
Поднимите руку!
Теперь вы знаете все секреты искуства рисования мультяшных рук, поздравляю!
Хотя руки - это часть тела, которую очень интересно рисовать, умение создавать дизайны рук в разных стилях не так просто, и только с помощью упорной тренировки можно добиться естественного результата. Даже если ваша цель - рисовать для анимации, не помешает купить хороший анатомический атлас, чтобы понять, как работают мышцы и кости в кистях рук. При этом нет нужды запоминать каждую досконально. Достаточно разобраться, как работает рука в движении. Помните, что выражения персонажа намного важней чем то, что находится под кожей.
Последний совет: когда вам необходимо нарисовать руки, поместите собственные кисти перед зеркалом, либо просто наблюдайте за своими руками. Одна из них будет оставаться неподвижной во время рисования (если только вы не научились рисовать обоими руками одновременно!)
Adobe Illustrator – это графический редактор, который пользуется высокой популярностью у иллюстраторов. В его функционале есть все необходимые инструменты для рисования, а сам интерфейс несколько проще, чем в Фотошопе, что делает его отличным вариантом для обрисовки логотипов, иллюстраций и т.д.
Варианты рисования в программе
В Иллюстраторе предусмотрены следующие возможности для рисования:
- При помощи графического планшета. Графический планшет, в отличие от обычного планшета, не имеет ОС и каких-либо приложений, а его экран – это рабочая область, по которой нужно рисовать специальным стилусом. Всё, что вы на ней нарисуете, будет отображено на экране вашего компьютера, при этом на планшете ничего отображаться не будет. Данное устройство стоит не слишком дорого, в комплекте с ним идет специальный стилус, пользуется популярностью у профессиональных графических дизайнеров;
- Обычными инструментами Иллюстратора. В этой программе, как и в Фотошопе есть специальный инструмент для рисования – кисть, карандаш, ластик и т.д. Ими можно пользоваться без покупки графического планшета, но при этом пострадает качество работ. Будет достаточно сложно рисовать, используя только клавиатуру и мышку;
- С помощью iPad или iPhone. Для этого нужно скачать с App Store О контурах для векторных объектов
При рисовании любой фигуры – от просто прямой линии до сложных объектов, программа создаёт контуры, которые позволяют менять форму фигуры, не теряя при этом в качестве. Контур может быть, как замкнутый, в случае с кругом или квадратом, так и иметь конечные точки, например, обычная прямая линия. Примечательно, что сделать корректную заливку можно только в том случае, если фигура имеет замкнутые контуры.
Управлять контурами можно при помощи следующих компонентов:
- Опорных точек. Они создаются на окончаниях незамкнутых фигур и на углах замкнутых. Можно добавлять новые и удалять старые точки, при помощи специального инструмента, передвигать уже существующие, тем самым изменяя форму фигуры;
Управлять данными компонентами проще всего с компьютера, а не с планшета. Однако, чтобы они появились, потребуется создать какую-либо фигуру. Если вы не рисуете сложною иллюстрацию, то нужные линии и фигуры можно нарисовать при помощи инструментов самого Иллюстратора. При рисовании сложных объектов лучше делать наброски на графическом планшете, после чего редактировать их на компьютере с помощью контуров, управляющих линий и точек.
Рисуем в Иллюстраторе при помощи обрисовки элемента
Данный способ отлично подходит для новичков, которые только осваивают программу. Для начала вам необходимо сделать какой-либо рисунок от руки или найти подходящую картинку в интернете. Сделанный рисунок потребуется либо сфотографировать, либо отсканировать, чтобы по нему делать обрисовку.
Итак, воспользуйтесь этой пошаговой инструкцией:
-
Запустите Иллюстратор. В верхнем меню найдите пункт «File» и выберите «New…». Также можно воспользоваться просто комбинацией клавиш Ctrl+N.
Когда обводка изображения будет доведена до совершенства, можно приступать к закрашиванию объектов и обрисовке мелких деталей. Следуйте данной инструкции:
- В качестве инструмента заливки на нашем примере будет логичней использовать «Shape Builder Tool», его можно вызвать при помощи клавиш Shift+M или найти в левой панели инструментов (выглядит как два круга разных размеров с курсором у правого круга).
- В верхней панели выберите цвет заливки и цвет обводки. Последняя в большинстве случаев не используется, поэтому в поле выбора цветов поставьте квадрат, перечёркнутый красной линией. Если же вам нужна заливка, то там выбираете нужный цвет, а напротив «Stroke» указываете толщину обводки в пикселях.
- Если у вас получилась замкнутая фигура, то просто подведите на неё мышью. Она должна покрыться маленькими точками. Затем кликайте по покрытой области. Объект закрашен.
По аналогии с данными инструкциями, обрисовывайте и закрашивайте другие детали изображения. После работы с ним, разблокируйте его в «Слоях» и удалите картинку.
В Иллюстраторе вполне можно рисовать, не используя какое-либо начальное изображение. Но это значительно труднее и обычно по такому принципу делаются не слишком сложные работы, например, логотипы, композиции из геометрических фигур, макеты визитных карточек и т.д. Если вы планируете рисовать иллюстрацию или полноценный рисунок, то первоначальное изображение вам будет необходимо в любом случае.
Мы рады, что смогли помочь Вам в решении проблемы.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
В этом уроке я расскажу вам, как создать эскизные кисти в Adobe Illustrator для воссоздания карандашного эскиза в векторной работе. Затем мы применим одну из созданных кистей на практике и познакомимся со всеми этапами создания этой векторной иллюстрации. В уроке использовались плагины для Adobe Illustrator - Phantasm CS и DrawScribe plugins. Вы узнаете о некоторых инструментах этих плагинов и их применении для решения практических задач.
В этом уроке я буду использовать эскиз, который любезно предоставил Valentine Sant. На эскизе изображен персонаж русской народной сказки - Царевна Лягушка.
Наша задача – воспроизвести стилистику карандашного эскиза в векторной работе. Прерывистые и неоднородные линии созданные карандашом мы будем воспроизводить при помощи Art Brushes. Давайте научимся создавать подобные кисти.
Создание эскизных кистей
Существует множество способов создания подобных кистей. Я покажу вам некоторые из них, и я думаю, этого будет достаточно для того чтобы вы смогли экспериментировать и создавать карандашные кисти в Adobe Illustrator самостоятельно. Начнем с создания формы кистей.
Линия созданная от руки
Первой сделаем форму кисти переменной толщины для создания лини созданной от руки. Берем Rectangle Tool (M) и создаем прямоугольник с заливкой черного цвета. Высота прямоугольника должна быть несколько пикселей (в моем случае 4 px), однако это не имеет принципиального значения, так как мы можем отрегулировать параметры кисти в процессе ее сохранения.
Теперь выбираем Warp Tool (Shift + R) на toolbar и дважды кликаем по его иконки, для того чтобы открыть диалоговое окно Warp Tool Options. Придаем форме кисти инструмента эллиптический вид, оставив остальные настройки без изменений.
Совершая горизонтальные движения инструментом, придаем прямоугольнику вид, подобный показанному на рисунке ниже.
Мы получили форму первой кисти, о том как сохранять и настраивать кисть поговорим после того как создадим все разновидности кистей, так как все они будут иметь одинаковые настройки.
Грубая кисть
Создадим еще один прямоугольник, его размеры могут быть такими же, как и у первой формы кисти. Не снимая выделения с прямоугольника, переходим Effect > Distort & Transform > Roughen… и устанавливаем параметры, указанные на рисунке ниже.
Несомненно, ваши параметры могут быть совершенно другими в зависимости от того, какого эффекта вы хотите добиться.
Дискретная кисть
Создаем новый прямоугольник с заливкой нейтрального серого цвета.
Для создания этой формы кисти мы будем использовать Phantasm CS. Не снимая выделения с прямоугольника, переходим Effect > Phantasm CS > Halftone… и устанавливаем параметры, указанные на рисунке ниже.
Наша задача просто получить равномерный массив объектов. Это могут быть не только окружности, но и квадраты, линии и даже символы, если вы предварительно их создали и сохранили. Теперь переходим Object > Expand Appearance и разгруппируем полученную группу окружностей (Cmd / Ctrl + Shift + G)
Теперь воспользуемся двумя простыми скриптами Random Resize (масштабирует выделенные объекты случайным образом в указанном диапазоне) и Random Opacity (присваивает выделенным объектам случайные значения прозрачности в указанном диапазоне). Эти скрипты разработал мой друг Yemz специально для этого урока. Я уверен, они помогут вам не только в создании кистей, но и для решения других задач в вашей векторной практике. Вы сможете бесплатно скачать эти скрипты здесь. Не снимая выделения с окружностей, запускаем скрипт Random Resize и вводим максимальное и минимальное значение scale в процентах в Script Prompt и нажимаем кнопку OK
Теперь запускаем скрипт Random Opacity и вводим максимальное и минимальное значение прозрачности
Группируем все выделенные объекты и уменьшаем высоту группы до 4-5 px.
Вы можете совмещать техники создания грубой кисти с техникой создания дискретной кисти. То есть, сначала получить форму, применив к прямоугольнику эффект Roughen, а затем применить к ней эффект Phantasm CS Halftone и завершить обработку при помощи Random Resize and Random Opacity скриптов. Таким образом, я получил форму кисти, которая показана на рисунке ниже.
В качестве формы в эффекте Phantasm CS Halftone был выбран Square.
Мягкая карандашная кисть
Описанные выше формы кистей отлично подходят для воссоздания линий твердого карандаша. А сейчас мы создадим кисть для воссозданный линии мягкого карандаша. Создадим ряд прямоугольников с заливкой черного цвета, как это показано на рисунке ниже.
Не снимая выделения, применим к ним скрипт Random Opacity, установив диапазон прозрачности в пределах 10 – 20 %
Теперь переходим Object > Transform > Transform Each…. отмечаем "Random” и "Preview” в диалоговом окне и изменяем параметры Scale и Move так, чтобы добиться результата подобного, показанному на рисунке ниже.
Нажимаем кнопку OK и группируем все прямоугольники. Копируем группу и вставляем ее вперед (Cmd / Ctrl + C, Cmd / Ctrl +F) и уменьшаем ее высоту.
Разгруппируем верхнюю группу и применим к ее объектам скрипт Random Opacity, установив диапазон прозрачности в пределах 20 – 30 %
Группируем все объекты и уменьшаем высоту группы до 4 – 5 px.
Эта форма напоминает Bristle Brush в Adobe Illustrator CS5, только вы сделали ее своими руками для решения своих задач и это возможно в любой версии программы.
Создание кисти и ее параметры
Все эскизные кисти будут иметь одинаковые параметры, поэтому я покажу, как создавать кисть на примере одной из созданных выше форм. Перетаскиваем форму в панель Brushes и сохраняем новую кисть как Art Brush
Я буду использовать в этом уроке графический планшет, поэтому в диалоговом окне Art Brush Options устанавливаю зависимость толщины обводки от давления на стилус и максимальное и минимальное значение ширины обводки.
Для того чтобы цвет кисти соответствовал цвету обводки я выбрал в качестве Colorization Method - Tint. Я сохранил все созданные формы с такими параметрами. На рисунке ниже показано как выглядят обводки, к которым были применены эти кисти.
Комбинируя описанные техники, вы можете получить большое разнообразие эскизных кистей. Если по каким-либо причинам у вас недостаточно времени на эксперименты по созданию собственных кистей, вы можете воспользоваться коллекцией готовых Sketchy Brushes, которую я собрал специально для вас. Настройки готовых кистей должны быть такими, как я указал выше. Если они отличаются, измените их.
Настройка инструментов для создания скетча
Для создания контура переменной толщины обычно используют Paintbrush Tool (B). Для настройки этого инструмента дважды кликните по его иконке на панели инструментов и установите параметры, указанные на рисунке ниже
Но я буду использовать Dynamic Sketch Tool, который является одним из инструментов DrawScribe плагина. Dynamic Sketch Tool дает мне ряд преимуществ над Paintbrush Tool (B). Это возможность динамически управлять гладкостью, точность и толщиной существующих путей. Вы также можете вручную изменять зависимость толщины обводки от выбранного параметра, например от давления. Кроме того все настройки инструмента находятся в панеле, а не в диалоговом окне, как у Paintbrush Tool (B), что позволяет получить быстрый доступ к ним в процессе работы
Для настройки этого инструмента дважды кликните по его иконки на панели инструментов и установите параметры, указанные на рисунке ниже
Эти параметры немного отличаются от параметров по умолчанию. Почему я настраиваю инструмент именно таким образом, вы сможете прочитать здесь. Dynamic Sketch Tool имеет еще ряд замечательных свойств, о которых мы поговорим в процессе создания скетча.
Создание векторного эскиза (Sketching)
Создание контура
Вставляем отсканированный эскиз в текущий документ и слой с ним преобразуем в шаблонный, два раза кликнув по его названию и поставив галочку напротив Template в окне Layer Options.
Создаем новый слой выше Template Layer и, выбрав одну из созданных вами кистей или кистей из моей коллекции, создаем контур нашей иллюстрации при помощи Dynamic Sketch Tool.
Линии векторного эскиза не должны быть такими точными как при создании контура при помощи каллиграфических кистей, ведь мы воспроизводим карандашный эскиз, поэтому небольшая неаккуратность приветствуется в этом случае. Теперь давайте рассмотрим некоторые приемы, которые раскроют уникальные свойства Dynamic Sketch Tool.
Вы можете создавать от руки идеальные окружности. Для этого создайте несколько круговых витков на месте радужной оболочке глаза лягушки.
Если у вас установлена гладкость 100% в Dynamic Sketch panel и выбраны опции ‘Auto-Detect Continuous Repeated Closed Path Sketch Traces’ и ‘Smooth Toward Circular’ в окне Dynamic Sketch Preferences, вы получите идеальную окружность.
Gesture trimming режим позволяет нам удалить части пересекающихся путей посредством зигзагообразного зачеркивания. Убедитесь, что этот инструмент выбран в панели инструментов и перечеркните необходимый путь от3 до 5 раз.
Давайте поговорим о другом режиме этого гибкого инструмента рисования. Intelligent path joining режим позволяет Вам соединять пересекающиеся пути удаляя части которые выходят за точку пересечения.
Вы заметили, что я провел идеально ровную линию. Нет, у меня не твердая рука и я не использовал линейку, просто для создания прямолинейных сегментов удерживайте клавишу Opt / Alt. Это, конечно, не полный перечень функций Dynamic Sketch Tool, исчерпывающую информацию вы найдете здесь.
Создание теней и полутеней
Для создания теней и полутеней, как и в любом карандашном эскизе, мы будем использовать штриховку, варьируя толщину штрихов в зависимости от плотности тени
Для получения гладкой линии перехода от света к тени я использовал Eraser Tool и в некоторых случаях вспомогательную линию, которую необходимо удалить после штрихования.
Если вы используете только один вид Art Brush, то желательно изменять направление штриховки для получения неоднородного результата.
Финальная обработка
Создание фона
Нам необходимо создать фон . Для фона мы будем использовать текстуру бумаги. Вы можете скачать эту текстуру здесь (работа пользователя deviantART: ~ S3PTIC-STOCK). Вставьте текстуру в иллюстрацию (File > Place …)
Работать с растровым изображением мы будем используя плагин для Adobe Illustrator - Phantasm CS. Выделим растровую текстуру и нажмем на кнопку Embed на Control panel. Теперь давайте отрегулируем уровни, для этого переходим Effect > Phantasm CS > Levels…
Поместим фон ниже всех объектов векторного эскиза
Применение Phantasm CS Duotone Effect к векторному скетчу
Duotone effect чаще всего используется, чтобы лучше воспроизвести средние и яркие оттенки монохромных изображений, где не возможно передать все оттенки при печати черными чернилами. Для цвета полутонов чаще всего используют: синий, желтый, коричневый и красный цвета . Группируем и выделяем все объекты векторного скетча и переходим Effect > Phantasm CS > Duotone…. Теперь подбираем необходимые цвета и регулируем кривые этих цветов на диаграмме в диалоговом окне Phantasm CS Duotone
Создание бликов
Для создания бликов я снова буду использовать Dynamic Sketch Tool. Выбираем белую заливку и отключаем обводку. Берем Dynamic Sketch Tool и включаем Edit or Continue paths mode в Dynamic Sketch panel и создаем формы бликов.
Я предпочитаю использовать именно Dynamic Sketch Tool для такой работы, потому что мы можем динамически управлять гладкостью и точностью путей.
Некоторые профессиональные дизайнеры удивлялись, когда видели привью к этому уроку. Как ты это сделал? Это вектор? - спрашивали они. Как видите, ничего сложного здесь нет. Немного фантазий и времени на эксперименты, и любая задача будет решена, какой бы сложной она не казалась. Признаюсь, и я сначала не знал, как я это сделаю.
Оригинал урока на Английском языке: AstuteGraphics
0
Спасибо за урок. Кисти сделала, смотрится эффектно (ну ни как у вас, но тем не менее). Вот только почему-то у меня с каждым штрихом вес файла растет как на дрожжах. Отрисовала может быть 10 часть картинки, а вес уже 45 мб.
0
0
0
Почему не годится - используйте кисть более простую или уменьшайте количество точек после, упрощая пути
0
Добрый день. У меня не получается скачать фон с сайта, куда перебрасывает ссылка. Может подскажите, как это можно сделать?
Читайте также: