Дополнения

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

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

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

183 508 чел. 379 060 работ 4 017 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

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

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

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

В этом уроке автор использует два редактора 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
Перевод: Марта Добрыкина
Ссылка на источник

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} Жалоба

Оставить комментарий

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Добавить комментарий / работу
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

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

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

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

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

Комментарий

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


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

{{text}}

Исходник:

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

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

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

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

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

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

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

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

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

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

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

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules