Как сделать листик в иллюстраторе
Как нарисовать листья кисточкой в программной среде Adobe Illustrator
В этом уроке мы научимся рисовать нечто подобное:
Для начала нарисуем парочку листочков с использованием инструмента «Кисть».
Теперь зажимаем клавишу Alt, делаем несколько копий созданного листка и применяем к ним другие цвета:
Немного поработаем над формой копий:
Далее необходимо будет выделить два листика, которые располагаются друг над другом и запустить комбинацию клавиш Ctrl+Alt+B.
Если у вас получилось выполнить задание точно по примеру, проблема может быть в том, что программа автоматически включила режим обводки, а это неправильно!
Выполнить все те же манипуляции можно, не прибегая к клавишам, а на основе комбинаций команд Adobe Illustrator: Object->Blend->Blend Options(Объект->Переход->Параметры перехода). После этого добиться плавного перехода между цветом можно через следующие функции Object->Blend->Make(Объект->Переход->Создать).
Теперь мы нарисовали листик с плавным переходом. Необходимо создать копию правой фигуры для будущих этапов работы.
Займемся палитрой кисточек. Для этого перетащим прорисованный листик в соответствующую палитру и превратим его в рабочий инструмент:
Зададим нашей новой кисточке художественный, объектный тип.
Чтобы настроить параметры, нужно точно следовать инструкциям на картинке.
Теперь мы можем продолжить работу с использованием нового инструмента. Выполним специальные настройки после двойного клика по кисточке.
Необходимо нарисовать несколько художественных листиков. После этого можно будет создать парочку красивых завитков с помощью специально созданной кисти.
Спиралевидные объекты можно нарисовать на основе инструмента Спираль.
Теперь мы снова можем взяться за кисть, которая была создана нами из зеленого листика с плавным переходом. У нас должно получиться изменить стандартную спираль так, как это будет выгодно для заданного случая.
Выполняем редактирование спирали с помощью хитрого инструмента и любуемся результатом:
Теперь рисуем цветы, как на рисунке ниже:
Чтобы сделать большой цветок, нужно начать с первого лепестка, а потом дополнить его аналогичным элементом сверху, слегка изменив цветовую гамму. Потом упростить задачу можно, применяя комбинацию клавиш CTRL+ALT+B. Именно таким методом мы пользовались для работы с листками. Бутон можно превратить в кисть, чтобы работать было удобнее. Лепестки лучше всего попросту размножить, чтобы не тратить время на прорисовку каждого отдельного элемента.
Красочные кленовые листья с помощью Mesh Tool
Из этого простого урока вы узнаете, как использовать Mesh Tool в Adobe Illustrator для создания букета осенних листьев!
Как нарисовать лист
Давайте начнем с рисования красного листа с помощью Gradient Mesh.
Продолжайте, окрашивая узлы, которые выбраны в каждой части скриншота (точки в узлах окрашены синим, а не белым). Вам понадобятся эти цвета:
Продолжайте аналогично — ищите выбранные узлы и раскрашивайте их!
Вам понадобятся эти цвета:
Давайте нарисуем левую часть листа таким же образом! Используйте эти цвета:
Сложите лист 1 и 2 вместе, как указано ниже.
Как нарисовать стебель
Теперь, когда мы закончили с листом, нарисуем для него стебель.
Выделите левую сторону стебля и немного растяните там сетку. Закрасьте указанные узлы цветами:
Продолжите на правой стороне аналогичным образом. Используйте эти цвета:
Прикрепите стебель к листу!
Как перекрасить листья
Сделайте копию желтого листа и окрасьте его оранжевым со следующими настройками:
Как создать фон, тени и блики
Для фона просто нарисуйте белый прямоугольник, добавив цветной узел Mesh ( #FFA83F ).
Добавьте группу этих эллипсов, чтобы создать тень под оранжевым листом.
Точно так же примените тени к желтому листу и поместите его сверху оранжевого.
Наконец, добавьте красный лист с его собственными тенями.
Поместите градиент поверх серого круга.
Затем откройте панель « Прозрачность»(«Окно» > «Прозрачность» ) и, выбрав обе фигуры, нажмите «Создать маску» на панели.
Затем создайте копию меньшего размера и поместите ее посередине оригинала.
Создайте несколько копий:
И поместите их поверх листьев. Поместите все на фон, который мы сделали в Шаге 1.
Размножьте эти круги и хаотично поместите поверх листьев. Отличная работа, теперь все готово!
Урок по созданию векторных реалистичных листьев в Adobe Illustrator
This article was originally published on Vectips.com in English. You can view the original article here.
В этом уроке мы научимся создавать векторный реалистичный лист, который вы всегда сможете использовать в ваших будущих проектах. Этот лист по своей сути является универсальным, то есть вы легко сможете изменить его цвет, освещенность и форму. Вам может показаться, что он сделан при помощи Gradient Mesh. Нет, это не так. Я применял простые градиентные заливки. Хотите научиться делать такие листья? Тогда откладывайте дела в сторону и давайте рисовать.
Шаг 1
Создадим новый документ (File > New…). Размеры монтажной области не имеют существенного значения, так как мы будем сначала создавать один векторный элемент, который вы сможете использовать в разных работах в дальнейшем. Нажимаем на кнопку Advanced и устанавливаем цветовой режим RGB, если, конечно, он не установлен у вас по умолчанию.
Шаг 2
Берем Ellipse Tool (L) и создаем эллипс произвольного размера, подобный показанному на рисунке ниже.
Цвет заливки и обводки могут тоже быть произвольными, так как сначала мы создаем необходимые формы, которые будут раскрашиваться позже. Берем Direct Selection Tool (A) и выделяем точку A. Теперь, удерживая Option/Alt key, поворачиваем одну из ручек точки A.
Эти действия приведут к трансформации гладкой точки в угловую.
Шаг 3
Проделайте те же действия с точкой B нашего объекта.
Теперь манипулируя положением точек и их ручек, приведем объект к форме листа, так как это показано на рисунке ниже. Все действия осуществляем при помощи Direct Selection Tool (A).
Шаг 4
Берем Pen Tool (P) и создаем криволинейный сегмент, проходящий через точки A и B формы листа.
Выделяем все созданные объекты, затем нажимаем на Divide в панеле Pathfinder.
Эти действия приведут к разделению формы листа на две части.
Теперь мы можем приступать к окраске его половинок. А пока для удобства разгруппируем их (Shift + Command/Ctrl + G).
Шаг 5
Обычно для создания сложных цветовых переходов используется Gradient Mesh, но многие пользователи и даже продвинутые дизайнеры стараются избегать применения этой функции из-за сложности использования и управления. Я прекрасно понимаю проблемы, с которыми они сталкиваются, поэтому предлагаю вам другой путь. А именно использование панели Appearance для создания светотени на половинках нашего листа. Начнем окраску с нижней половины. Работу с цветом всегда сложно описать, потому что это всегда путь проб и ошибок. Поэтому я буду давать вам точные обозначения цветов и указывать, какой эффект я стараюсь получить. Заливаем нижнюю половину листа радиальным градиентом от зеленого цвета (R = 110, G = 194, B = 36) к зленому цвету (R = 72, G = 163 B = 4). Теперь, используя инструмент Gradient Tool (G), сместим центр радиального градиента. Нам необходимо поместить центр радиального градиента так, чтобы левый угол листа имел более светлую окраску
Шаг 6
Открываем панель Appearance (Window > Appearance) и нажимаем на кнопку Add New Fill в нижней части панели.
Заменяем цвета радиального градиента новой заливки на зеленый цвет (R = 37, G = 138, B = 0) для левого слайдера и зеленый цвет (R = 81, G = 173, B = 4) для правого слайдера. Установим для правого слайдера прозрачность 0% в панели Gradient. Теперь переместим центр радиального градиента при помощи Gradient Tool (G) так чтобы немного затемнить среднюю часть листа.
Шаг 7
Создаем новую заливку в панели Appearance. Радиальный градиент этой заливки имеет следующие цвета: зеленый (R = 118, G = 196, B = 37) для левого слайдера и зеленый (R = 61, G = 130, B = 3) для правого слайдера. Правый слайдер имеет прозрачность 0%. Центр этого градиента следует поместить так, чтобы осветлить правый угол листа.
Как вы можете видеть, использование панели Appearance и градиентов с прозрачными слайдерами позволяет нам создавать сложные переходы цвета.
Шаг 8
Мы работали только с зеленым цветом, но посмотрите, как отличаются цифры, соответствующие его оттенкам. Логика подсказывает, что цифры оттенков одного цвета не должны отличаться так разительно. К счастью, существует интуитивно понятная цветовая модель, которая позволяет очень быстро получать нужный цвет. Это цветовой режим HSB. Я использую именно ее для смешивания цветов. И если вы хотите получать цвета самостоятельно, а не просто копировать, те которые использовал я, то переключите цветовую модель во всплывающем меню панели Color.
Здесь хочу заметить, что переключение цветовой модели в панели Color не изменит цветового режима нашего документа.
Шаг 9
Используя описанную технику, окрасим верхнюю часть листа. Заливаем форму линейным градиентом от зеленого цвета (R = 7, G = 120, B = 0) к зеленому цвету (R = 68, G = 173, B = 0)
Шаг 10
Добавляем новую градиентную заливку в панели Appearance. Этот радиальный градиент состоит из следующих цветов: зеленый (R = 81, G = 173, B = 4) для левого слайдера, зеленый (R = 8, G = 122, B = 0) для центрально слайдера и зеленый (R = 81, G = 173, B = 4) для правового слайдера. Центральный слайдер имеет прозрачность 0%.
Этот градиент осветлил центральную часть верхней половины листа.
Шаг 11
И наконец, создадим еще одну заливку в панели Appearance. Новый радиальный градиент состоит из двух цветов. Это зеленый (R = 9, G = 130, B = 0) с прозрачностью 0% для левого слайдера и зеленый (R = 65, G = 140, B = 3) для правого слайдера. Центр этого градиента нужно разместить таким образом, что бы затемнить кромку листа.
Шаг 12
При помощи Pen Tool (P) создадим форму стебля так, как это показано на рисунке ниже.
Заливаем созданную форму линейным градиентом от зеленого (R = 100, G = 176, B = 33) к зеленому (R = 72, G = 163, B = 4).
Шаг 13
Копируем форму стебля, затем вставляем ее вперед (Command/Ctrl + C; Command/Ctrl + F). Изменим положение ручек точек новой формы так, чтобы она стала тоньше исходной.
Заливаем эту форму радиальным градиентом от зеленого (R = 114, G = 204, B = 37) к зеленому (R = 72, G = 163, B = 4). Верхний объект является бликом на поверхности стебля.
Шаг 14
Создадим новую форму при помощи Pen Tool (P). Она должна быть немного шире стебля и повторять его форму. Поместим объект ниже созданных элементов стебля. Заливаем эту форму линейным градиентом от зеленого (R = 0, G = 92, B = 40) к зеленому (R = 61, G = 138, B = 3). Объект, созданный в этом шаге, является падающей тенью от стебля.
Шаг 15
Приступаем к созданию прожилок на листе. Берем Pencil Tool (N) или Pen Tool (P) и создаем волнистую линию с заливкой черного цвета.
Применим к этому пути треугольный профиль в панели Stroke. Здесь вы также можете отрегулировать его ширину, изменяя параметр Weight.
Шаг 16
Создадим остальные прожилки на верхней части листа, затем сгруппируем их (Command/Ctrl + G)
Поместим группу ниже стебля. Теперь применим к группе прожилок режим смешивания Screen в панели Transparency.
Прожилки стали прозрачными, но не пугайтесь, пожалуйста. Сейчас мы все исправим.
Шаг 17
Включим режим Grayscale в панели Color, затем уменьшим значение K, получая нужную интенсивность цвета прожилок.
Для того чтобы выделение путей не мешало нам управлять цветом, переходим View > Hide Edges или используем комбинацию горячих клавиш иллюстратора Command/Ctrl + H. Используя эту технику, создадим прожилки на нижней части листа.
Шаг 18
Под воздействием природных факторов на листьях могут образовываться пятна. Создадим при помощи Pencil Tool (N) объекты, подобные показанным на рисунке ниже.
Применим к этим объектам режим смешивания Screen в панели Transparency, затем подберем нужную интенсивность цвета, управляя параметром K в панели Color.
Шаг 19
Выделяем половинки листа и формы пятен, затем берем Shape Builder Tool (Shift + M) и, удерживая Option/Alt key, кликаем по частям пятен, которые выступают за пределы формы листа, что приведет к удалению этих частей.
Шаг 20
При помощи Pen Tool (P) создайте два объекта темно-серого и белого цвета. Эти объекты следует поместить ниже всех элементов листа. Форма объектов и их положение относительно листа показаны на рисунках ниже.
Выделяем обе формы, затем переходим Object > Blend > Make или используем комбинацию горячих клавиш Command/Ctrl + Option/Alt + B. Для того чтобы установить требуемое значение Specified steps, переходим Object > Blend > Blend Options… и просто два раза кликните по иконке Blend Tool (W) в панели Tool.
Обычно я не устанавливаю больше 30 шагов, так как их количество увеличивает размер векторного файла и тормозит работу приложения в процессе работы.
Шаг 21
Выделяем бленд объект и устанавливаем режим смешивания Multiply в панели Transparency. Это действие позволяет сделать прозрачными края тени. То есть мы сможем помещать ее на фон любого цвета.
Теперь все объекты листа можно сгруппировать и использовать в будущих работах.
Шаг 22
Технику, которую мы применили в этом уроке, по сути, позволила нам создать универсальный лист. Мы очень быстро можем перекрасить его. Для этого достаточно открыть панель Appearance, выбрать заливку и отредактировать градиент. Мы можем изменять цвета и положение градиентов, что дает нам возможность полностью управлять освещением объекта.
Кроме того, мы очень просто можем изменить его форму, не нарушая сложную заливку, например при помощи Pencil Tool (N).
Листья очень популярный элемент дизайна. Посмотрите, как их можно использовать.
Надеюсь, вы смогли выполнить этот урок. Я всегда готов помочь вам в случае затруднений. Все что вам нужно сделать, это написать вопрос в комментариях.