Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

171 808 чел. 373 479 работ 3 917 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Сложная

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте
Ссылки внутри комментариев могут вести только на эти сайты

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

Спасибо! Начинаю задумываться о планшете...

Спасибо за перевод! Контур героя обвила на планшете с детского журнала.

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

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

Да, согласна со всеми. Урок редко когда может понадобиться. И вот мой вариант.

colller12 :))))))))) рассмешили. Зашла, увидела новый урок. Картинка совсем не понравилась, ужасная! Решила попробовать сделать что-то свое. Взяла готовый контур змеи, раскрасила и буквы нарисовала. Спасибо автору за идею, а Марте Добрыкиной за перевод.

Вот что у меня получилось )))))) спасибо за урок!

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

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

На трояки обижаться не буду,сама вижу-хуже некуда,просто попробовала разукрасить картинку-не понравилось,или просто не умею.

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

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

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

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

Воот!!! поросенок!!! блин....потратила пару часов на него) Спасибо!

Комментарии: Работа тяжелейшая...... Могут идти те, кто умеет пользоваться пером и слоями....
Насчет оценок: Если поставили оценку - выложите работу.
Размер картинки у меня не большой , поэтому качество не очень

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

Еще спасибо за перевод!

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

Авторизация

Забыли?

Регистрация

Удалить
Пожаловаться
Разбор работы по просьбе автора:
Популярные работы автора:

Оставить комментарий {{work.comments}}

(до 5 шт jpg, png, gif)
Ссылки внутри комментариев могут вести только на эти сайты
Добавить комментарий / работу

Жалоба

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

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