Иллюстрация в стиле граффити
Иллюстрация в стиле граффити
В этом Фотошоп уроке Вы узнаете, как нарисовать иллюстрацию стиле граффити.Сложность урока: Сложный
В этом уроке автор использует два редактора 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
Спасиб!))))))