• Авторизация


Урок фотошопа:Рисуем портрет акварельным и маркерным стилем. 02-08-2012 20:13 к комментариям - к полной версии - понравилось!


УРОК ВЗЯТ НА САЙТЕ ДЕМИАРТ-Demiart

Автор
: 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.
вверх^ к полной версии понравилось! в evernote
Комментарии (15):
Натали привет моя прелесть...
спасиб как всегда за урок...
и у меня к тебе вопрос по фотошопу...
раньше на старой проге
много фоток открывались стопкой - и мне так это нравилось..
а на новом фотоШопе -
открывается вдоль стола...
может подскажешь как мне сделать стопкой опять...
или это уже так заложенно?

[показать] [показать] [показать]
NATALI-NG 02-08-2012-21:27 удалить
Ответ на комментарий ЛюдоМилка # если в С6,то там так заложено,но если бы был полноценный С6,то там было бы также как и С5....у меня сборка С6 английская есть,так там нормально открывается... или ты о С5 говоришь???
NATALI-NG 02-08-2012-21:36 удалить
Ответ на комментарий ЛюдоМилка # ещё попробуй зайти в раздел ОКНО если это С6 навести мышку на Упорядочить и найти раздел СВОБОДНО ПЕРЕМЕЩАТЬ ВСЕ ОКНА..тогда они станут стопкой....
Ответ на комментарий NATALI-NG # спасиб милая...
у меня С6

так и попробую...
Ответ на комментарий NATALI-NG # о С6 - Adobe Photoshop CS6 13.0
финальный...
хотя пиратская...
NATALI-NG 02-08-2012-21:56 удалить
Ответ на комментарий ЛюдоМилка # но это придётся так делать всегда...я ещё не нашла в С6 где поставить галочку чтобы эти окна нормально открывались.....меня тоже это слегка поднапрягает
Ответ на комментарий NATALI-NG # во -во... я что т тож читала..и не поняла
NATALI-NG 02-08-2012-22:04 удалить
Ответ на комментарий ЛюдоМилка # не знаю как у тебя открывается,панель анимации,но меня она просто приводит в бешенство,пока найдёшь как её установить для кадров,прям нервов не хватает...
Ответ на комментарий NATALI-NG # да так же...сначало было как и у тебя..
а потом поняла...
над дважды по окошечку щёлкнуть - где нисподающее...
и топеря без проблем открываю
NATALI-NG 02-08-2012-22:11 удалить
Ответ на комментарий ЛюдоМилка # да я так и делаю...меня бесит,что когда начинаю делать анимацию,то пока не перейду ,точнее пока не найду где та шкала для кадров,кадров не видно....
Ответ на комментарий NATALI-NG # ну что тут поделаешь...
у каждого своя метла
Наташа, очень интересный урок, только я не поняла, что это за иллюстратор? Это не в фотошопе делается?
NATALI-NG 06-08-2012-10:31 удалить
Ответ на комментарий Ольга_Витман # Олюня,это иллюстратор фотошопный,в нём рисуют клипарты и разбирают их тоже там по слоям...у меня в блоге есть он...наверное и здесь тоже есть...
Ответ на комментарий NATALI-NG # Я на сайт зашла-там региться надо, лучше скажи под какой меткой у тебя поискать. У тебя всегда все понятно, вот и посмотрю лучше у тебя про этот иллюстратор.


Комментарии (15): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Урок фотошопа:Рисуем портрет акварельным и маркерным стилем. | NATALI-NG - Дневник NATALI-NG | Лента друзей NATALI-NG / Полная версия Добавить в друзья Страницы: раньше»