Уроки Все для Художника Марта Добрыкина 11 октября 2010

Иллюстрация в стиле граффити

Сложность урока: Сложный

Вот окончательный результат:

В этом уроке автор использует два редактора Photoshop и Illustrator.
Однако, данный урок можно выполнить, используя только Photoshop.
Давайте начнем!

Для начала, не помешает сделать от руки небольшой черно-белый эскиз. Внешние линии (овал лица, например), постарайтесь делать более толстыми, а внутренние – более тонкими.

Теперь сканируйте скетч, поставив резолюцию 300 DPI.
Откройте новый документ в программе Иллюстратор (Illustrator), зайдите в File > Place ( файл – разместить) и поместите в документ отсканированное изображение.

Прим. переводчика: если у вас нет программы Illustrator, это не страшно. Все последующие шаги можно выполнять и в Фотошоп, используя инструмент Brush (кисть). Просто сразу поместите готовый отсканированный эскиз в Фотошоп и начнем работать.

И в Фотошопе, и в Иллюстраторе надо активировать инструмент Brush (кисть). Задача – сделать более отчетливыми внешние контуры эскиза  и прорисовать такие детали, как глаза, рот, уши и нос. В принципе, вы можете добавлять любые детали, которые посчитаете нужными  (прим. переводчика: я например, добавила усы и бороду), главное, не забывайте регулировать размер кисти и не торопитесь: это очень важная часть работы. Кисть лучше всего брать круглую и достаточно жесткую, но это автор оставляет на ваше усмотрение.

Теперь давайте придадим нашему изображению вид настоящего граффити.
Если вы работаете в Иллюстраторе, создайте 5 кистей, одну из которых сделайте белой. Выберите опцию кисти с мягким шариком на конце (что-то типа шариковой ручки).
Если же вы работаете в Фотошоп – возьмите небольшие, круглые и кисти жесткостью около 75%, соответственно, черного и белого цвета.
Теперь аккуратно прорисуйте весь эскиз, уделяя внимание даже самым мелким деталям.

После этого, можно добавить детали. Посмотрите, я добавил  несколько достаточно грубых линий на лицо и тело нашего красавчика, подчеркнул его брови и шею, также добавил несколько пятнышек на язык. Белым цвет я использовал для того, чтобы создать эффект светотени и придать изображению более насыщенный вид.

Прим. переводчика: в принципе, можете не сдерживать свою фантазию, чем смешнее получится, тем лучше. Только, пожалуйста, без фанатизма. Изображение не должно быть забито деталями.

Теперь, если вы работали в Иллюстраторе, сохраните изображение и откройте его в Фотошоп. Если же вы в Фотошопе, просто продолжим работу. Наша задача – добавить цвета и всячески украсить нашего героя.

Итак, мы все сейчас работаем в Фотошоп. Во первых, определимся с основными цветами. Я хочу сделать внешний контур темно-коричневым, а цветовую гамму внутри рисунка выстроить на смешивании светло-коричневых и голубых тонов.
Нажмите  и удерживайте клавишу Cmd/Ctrl. Кликните на слое с эскизом и создайте выделение. Оставив выделение активным, удалите слой с эскизом, создайте новый слой “Эскиз” и залейте его любым цветом по вашему желанию.

Теперь выберете основной цвет. Я, например, буду окрашивать лицо в светло-коричневый цвет. Для начала, откройте новый слой под слоем “Эскиз”. Активируйте инструмент Magic Wand (волшебная палочка) и сделайте выделение внутри лица. Зайдите в Select > Modify > Expand (Выделить – модифицировать – расширить) и увеличьте выделение с 1 до 2 пикселов.

Продолжим. Возьмите немного более темный цвет, чем тот, который вы только что использовали, и добавьте тени. Активируйте Pen tool (перо), создайте выделение и залейте его цветом, который вы выбрали.

Возьмите другой цвет и заполните им определенные участки изображения (вы можете сами определить, какие именно участки вы хотите сделать в более насыщенной цветовой гамме). Лично я выбрал синий цвет и окрасил им брови, язык и некоторые участки на шее бедолаги. Так же, не забудьте потом добавить немного более темные тени синего оттенка на эти же участки

Так же я добавил немного светло-голубых тонов, для того чтобы сделать изображение более живым и контрастным. В общем, импровизируйте!

Только постоянно помните о цветовом балансе: все цвета должны хорошо сочетаться друг с другом и составлять единое целое.

Теперь поработаем с фоном. Чтобы он не выглядел слишком примитивно, мы добавим к нему бело-синий градиент. Я использовал те же цвета, что и в работе над самим рисунком. Активируйте инструмент Gradient (градиент) и установите цвета от синего к белому. Залейте фоновый слой.

Теперь слейте все слои вместе. Для этого сделайте ПК и выберете опцию Merge Down (слить слои). Нажмите Cmd/Ctrl + Click на получившимся слое и зайдите в Select > Modify > Expand (выделить –модифицировать-расширить). Поставьте расширение 8 пикселов. Откройте новый слой под слоем с нашим персонажем и залейте его белым цветом.

Возьмите Pen tool (перо) и нарисуйте несколько линий и форм, как у меня. Выберете тот цвет, который пожелаете (у меня это цинк) и сделайте заливку. Можете добавить таким образом и другие эффекты, пока не останетесь довольны результатом.

Финальное изображение:

Ну вот, наша иллюстрация в стиле Граффити готова. Конечно, с ней можно экспериментировать без конца, но это я оставляю на ваше усмотрение. Спасибо и до новых встреч!

Автор: Sarah Lyons
Перевод: Марта Добрыкина
Ссылка на источник

Источник: www.psd.tutsplus.com

Комментарии 65

Рисовал вообще не по уроку. Но техника похожая.

Спасибо! На скорую руку сделала.

Спасибо! Делал давно, решил выложить.

Подскажите где ошибку сделала-где нужно нажать и удерживать ctrl у меня во первых ничего не миняеться.а во вторых справа только фон и всё.выделять и удалять то нечего...Что такое?(((

Урок очень понравился. давно хотела доделать старый карандашный рисунок. Результатом довольна=))

нарооод!помогите пожалуйста,проблема огромная(у меня не получается чое что.после того как скет отксерокопировал потом что делать,можно поподробнеее,я дальше разобраться не могу,как потмо его сделать в фотошопе,ну кистью,края ровные,помогите,а?)))

Немного поразвлекаться с обычным карандашом, потом с фотошоповским и всё получится=)

получилось совсем не по уроку

Сдалала )))

бабка ёжка

Не хотелось страшного дядьку рисовать...

Cmd - это типа Ctrl

Cпасибо за урок!!!! У всех вышло замечательно!

Nikita Alimov0, спасибо

скажите пожалуйста: а что это за кнопка???? Cmd?????

Ангел. Выше всяких похвал!!!!

Рисовала мышкой, вот что из этого получилось.

В самый раз!

Че-то у Пнюши ног многовато....

Nikita Alimov0, поймал кураж - лови 5)))...остальные просто завидуют...хотя от темы слегка отклонились)))

на подходе ПНЮША)))))))

классно получилось)))

Решила попробовать еще. Nikita Alimov0 Круто!!!Конечно 5

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее