Автор: Miguel Cardona,
Make Watercolor and Marker Style Portraits with IllustratorВ этом уроке мы будем создавать портрет – цифровую иллюстрацию, которая будет выглядеть нарисованной акварелью и маркером. Этот урок будет сосредоточен на использование графического планшета и Adobe Illustrator. Будем также фокусироваться на технику и технические параметры, но результат будет зависеть от вашего личного стиля и вкуса.
Miguel Cardona является интерактивным художественным руководителем / соучредителем Dumbwaiter Design, в Рочестере, штат Нью-Йорк. Он ведет ежедневный блог Sketchbooked. Он также является адъюнкт-профессор Рочестерского технологического института, где он ведет классы New Media Design программ.
Результат этого урока.Портрет
Lillian Bertram (Creative Commons Share Alike – используется в уроке с разрешения).
Шаг 1: Создайте свой документ IllustratorСоздайте документ 8,5 х 11". Не забудьте изменить цветовой режим на RGB.
Шаг 2: Импорт ссылки фотоИмпортируем фотографию, которую вы будете использовать в качестве эталона (reference) Файл > Поместить (File > Place). В этом уроке, я использовал портрет
Lillian Bertram .
Увеличьте размер фото вверх или вниз по мере необходимости, измените размер до размеров монтажной области (artboard).
Не переживайте за разрешение или пикселизацию фото, поскольку фото нужно нам как образец. Однако, чем лучше качество изображения, тем больше деталей вы сможете обрисовать.
Так как фото будет импортировано в первый слой, назовите его " Photo Reference ”, используя палитру Слои (Layers).
Ваше рабочее место должно выглядеть следующим образом:
Шаг 3: Настройка рабочего местаСоздайте в палитре Слои (Layers) еще два слоя. Назовите их контуры " Outlines ” и линии заливки " Fill Lines ”.
Идем дальше, выделите фото на холсте и в палитре Прозрачность (Transparency), меню Окно > Прозрачность (Window > Transparency), измените непрозрачность (Opacity) от 50% до 70%, ровно столько, чтобы вы все еще видели фото, но это не мешало вам рисовать и контролировать процесс.
Теперь в палитре Слои (Layers) заблокируйте слой с фото, чтобы случайно не переместить его во время работы.
Также, выберите рабочую среду (Workspace) Painting: меню Окно > Рабочая среда > Painting (Window > Workspace > Painting), чтобы настроить начальное рабочее пространство и положение панелей, что поможет вам выполнять дальнейшие шаги.
Шаг 4: Настройка кистиПрежде чем начать, откройте палитру Оформление (Appearance) Окно > Оформление (Window > Appearance).
Нажмите на опции палитры (вверху справа) и в выпадающем меню, которое появляется, убедитесь, что нет флажка Новый объект с основным оформлением (New Art Has basic Appearance).
Затем, можно закрыть палитру Оформление (Appearance).
Теперь дважды щелкните по инструменту Кисть (Paintbrush Tool) ( B ) в панели инструментов, чтобы вызвать диалоговое окно установок инструмента кисть.
Убедитесь, что не активны Сохранять выделенным (Keep Selected) и Зона редактирования разделенных контуров (Edit Selected Paths), поскольку эти параметры могут препятствовать естественному процессу рисования. Настройте Сглаживание (Smoothness): на низкое значение, если вы уверены в нарисованных вами линиях, или большее значение, если вы чувствуете, что ваша рука дрожит, а вы хотите прямые и гладкие линии. Опцию Точность (Fidelity) я обычно устанавливаю около 4 или 5.
Установите обводку (stroke) 1pt и в палитре Кисти (Brushes) дважды щелкните по кисти 2 pt. Oval. (Если хотите, вы можете переименовать кисть, которую мы настроим.)
Вы можете настроить опции кисти, чтобы она реагировала на давление (Pressure) и угол наклона (Tilt) при работе с планшетом, а также сделать ее более плоской на краях, как у маркера.
Если у вас нет планшета – не беспокойтесь, вы можете в настройках кисти использовать параметр Случайный (Random), что добавит кисти более реалистичного маркерного вида.
Попробуйте нарисовать пару контуров на пустой области холста на слое "Outlines”, если результат кисти вас полностью устраивает, идем дальше.
Шаг 5: Начальная обрисовка (трассировка)С выбранным инструментом Кисть (Paintbrush Tool) ( B ), перейдите к инструментам выбора цвета на панели инструментов. Убедитесь, что нет заливки (Fill) и выберите серовато-черный цвет обводки (Stroke), если вы хотите более естественный вид результата, не используйте 100% черный цвет.
Увеличьте масштаб на той части холста, с которой вы начнете работу. Лично мне нравится начинать с глаз и далее вокруг них, но полезно также нарисовать сначала контур всего лица, а дальше обрисовывать внутри. Используйте короткие рывки кисти, рисуя линии в одном направлении. Хотите, работайте с темными частями фотографии, или в наиболее контрастных частях. Используйте давление планшета для рисования толстых элементов. Области полутонов заштрихуйте линиями.
Сейчас у вас есть шанс поэкспериментировать и поиграть стилистически. Вы можете изменить кисть, возвращаясь к палитре кистей и изменяя настройки, которые вы создали ранее. У вас будет возможность увидеть свои изменения на всех нарисованных контурах до сохранения изменений кисти, установив флажок Просмотр (Preview) в окне опций кисти, а также потом применить новые настройки ко всем нарисованным контурам.
Периодически скрывайте слой " Photo Reference ”, чтобы увидеть, как выглядит ваш рисунок.
В какой-то момент, совсем скройте слой с фото, чтобы отойти от фотографии и сосредоточиться на стилизации портрета, опираясь на собственный вкус.
Шаг 6: Добавляем контрастС базой очертания закончили, теперь добавим контуров с заливкой для большей контрастности и целостности работы.
Выделите слой " Fill Lines ”. В палитре Обводка (Stroke) установите толщину между 3pt и 4pt.
Теперь переходите к внешним краям и тем частям, где вы хотите добавить различие контраста. Это также придаст портрету более урбанистический / маркерный / граффити вид.
Шаг 7: Тонкая настройка частейВы также можете использовать инструмент Ластик (Eraser Tool) (Shift + E), чтобы органично удалить ненужные элементы.
Помните, что все ваши линии обводки (strokes) только контуры (paths), то есть вы всегда можете выделить и корректировать кривые с помощью инструментов набора Перо (Pen Tool) (P) и Преобразование опорной точки (Convert Anchor Point Tool) (Shift + C).
Кроме того, вы можете использовать инструмент Групповое выделение (Group Selection) (белая стрелка с символ «плюс») для выделения и редактирования частей линий, масштабирования, перемещения или поворота на свое усмотрение.
Шаг 8: Прежде чем приступить к окраскеЕсли вы хотите добиться более мягких и слоистых на вид цветов, используйте инструмент Карандаш (Pencil Tool) (N) с заливкой с пониженной прозрачностью. Для начала, создайте новый слой под слоями" Outlines ” и " Fill Lines ”. Назовите его " Color ” и заблокируйте все другие слои, кроме этого. Кроме того, убедитесь, чтобы был скрытый слой " Photo Reference ”.
Шаг 9: Настройка карандашаДважды щелкните по инструменту Карандаш (Pencil Tool) в панели инструментов и настройте параметры следующим образом:
Установите Выполнять заливку новых штрихов карандашом (Fill new pencil strokes)
Снимите Оставлять контур выделенным (Keep Selected)
Снимите Зона редактирование выделенных контуров (Edit Selected Paths)
Перейдите к инструментам выбора цвета на панели инструментов, уберите цвет обводки (Stroke) и установите цвет заливки (Fill).
Дважды щелкните по инструменту Цвет заливки (Fill) и выберите цвет для кожи, который находится между желтым и красным оттенками.
Далее, в меню Окно > Прозрачность (Window > Transparency) установите для заливки непрозрачность (Opacity) между 15% и 20% и измените цветовой режим на Перекрытие (Overlay).
Нарисуйте несколько контуров, чтобы посмотреть на цвет, прозрачность и цвет на пересечения объектов. Если новые контуры рисуются без прозрачности, проверьте настройки в палитре Оформление (Appearance), помните, что должен быть снятым флажок Новый объект с основным оформлением (New Art Has Basic Appearance).
Шаг 10: Раскраска портретаНарисуйте несколько контуров настроенным инструментом Карандаш (Pencil Tool) (N).
Более темные и затененные части выделите цветом. Также выберите темные оттенки в пределах того же оттенка, чтобы добавить больше контраста и тени.
Для кожи: я предпочитаю работать с желтыми, оранжевыми и красными цветами. Используйте градиент от светлого до темного для больших частей. Основная часть должна быть с легким базовым цветом и «не перегружена» цветом.
Если вам нужен светлый световой эффект, нарисуйте прозрачный белый контур над нужными областями. «Легкой рукой» нарисуйте несколько контуров друг на друге с меньшей непрозрачностью, что придаст «акварельности» иллюстрации.
Также нарисуйте немного линий за пределами портрета, чтобы добавить действия и несовершенства.
Так как вы рисуете Карандашом (Pencil Tool) (N), вы можете заметить, острые края и незамкнутые контуры. Чтобы закрыть контуры при рисовании карандашом, удерживайте клавишу Option / Alt, когда доводите конец контура к его началу. Рекомендую так делать со всеми контурами с заливкой, которые рисуете карандашом. Неправильную форму или острые края всегда можно изменить с помощью Ластика (Eraser Tool) или инструментов выделения и редактирования.
Для остальных частей портрета подберите цвет, с которым будут «работать» лучше всего уже используемые в портрете цвета. Хорошая идея использовать инструмент Пипетка (Eyedropper Tool) (I) и выбрать цветовую палитру из другого фото.
Я также призываю использовать контрастные цвета, чтобы добавить немного интереса, например пару кругов голубоватого оттенка на желтые и оранжевые участки кожи или небольшие капли глубокого красного на синие или зеленые тона. Они добавляют немного сложности и глубины.
Шаг 11: Завершение портретаНа данном этапе вы должны заканчивать ваш портрет. Импровизируйте, добавьте флористики, текста и используйте собственную технику и стиль для усовершенствования иллюстрации.
Вы также можете перенести иллюстрацию в Adobe Photoshop для добавления эффектов, текстуры, управления цветом.
ЗаключениеВ этом уроке я поделился с вами некоторыми методами использования мощного набора инструментов Adobe Illustrator для рисования. Мы также охватили способы настройки рабочего пространства для достижения стиля маркера и акварели у рисунка. Надеюсь, вам понравился мой урок и вы немного почерпнули, читая его.
Вот результат.
Файлы watercolor_marker_portraits (ZIP, 1.6 MB).
Перевод meine_kleine.