Как сделать фотографию нарисованной красками. Магия Photoshop: четыре способа превращения фотографии в картину

09.03.2019

В этом уроке я покажу как сделать вот такой интересный эффект незаконченного рисунка.

Итак, открываем наше подопытное фото в Photoshop.

ШАГ 1

Пока мы имеем в палитре слоев всего один заблокированный слой Background/Задний план .

Дублируем его, нажав комбинацию клавиш Ctrl+J , после чего Фотошоп скопирует изображение и поместит его в новый слой.

ШАГ 2

Теперь применим к этому слою особый фильтр, для этого пройдем в меню Filter/Фильтр далее Blur/Размытие и выберем Smart Blur/Умное размытие. В открывшемся диалоговом окне настроим параметры как на рисунке ниже. (Эти параметры я подбирал опытным путем, конкретно для этого изображения, возможно для другого изображения оптимальными окажутся другие параметры, так что экспериментируйте).

Теперь нам нужно инвертировать изображение, так сказать из негатива сделать позитив, для этого нажмем комбинацию клавиш Ctrl+I. В итоге имеем вот такую картинку.

ШАГ 3

Как вы помните такая картинка у нас получилась в слое под названием Слой 1/Layer 1 ниже же у нас остался нетронутый слой с оригинальным изображением. Теперь создадим Слой-Маску для нашего верхнего слоя, нажав на соответствующий значок (см. рисунок ниже)

В итоге у нас создался Слой-Маска об этом говорит прямоугольный белый значок рядом со значком слоя.

ШАГ 4

На панели инструментов выберем инструмент кисть.

Удостоверимся, что на панели инструментов основной и фоновый цвет стоят по умолчанию, черный и белый, если это не так нажмите горячую клавишу D . Это важно в противном случае мы не сможем правильно поработать со Слоем-маской.

Сейчас объясню как пользоваться этим инструментом в данном конкретном случае, устанавливаете непрозрачность 15% и начинаете закрашивать (маскировать) всё изображение одним кликом, т.е. нажали левую кнопку мыши и не отпускаете ее пока не закончите маскировку. Иначе если у вас стоит непрозрачность 10% и вы случайно отпустили левую кнопку мыши и снова провели кистью-аэрографом по тому месту то у вас получится наложение действия кисти 10%+10%, поэтому и нужно закрашивать одним кликом. Вот такое изображение получилось после обработки с непрозрачностью 10%.

В итоге должно получиться что то вроде этого.

Это мы сделали основу. Далее можно домаскировать какие то части изображения по желанию, я например провел отдельную маскировку растения, которое стоит под средним окном храма кистью с непрозрачностью 60%, так же замаскировал пол кистью с непрозрачностью 15-20%, так же я домаскировывал сам храм слева. Если у вас получился перебор, то нажав горячую клавишу X , вы можете стирать действие маскировки, чтобы вернуться в режим маскировки снова нажмите клавишу X. Вот такой результат получился после доработки.

ШАГ 5

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

В итоге получаем такое изображение.

ШАГ 6

Теперь добавим рамку нашему "рисунку", но сперва сольем все слои, для этого зайдем в меню Слои и выберем пункт Выполнить сведение , в итоге у нас получится один заблокированный слой Background/Задний план . Теперь для создания рамки зайдем в меню Изображение далее Размер холста и в открывшемся диалоговом окне установим параметры согласно рисунку ниже.

Теперь у нашего изображения появилась белая рамка. Теперь выберем инструмент "Волшебная палочка" установим допуск = 1 (на панели параметров инструмента "Волшебная палочка" находится наверху и отображается только при выбранном инструменте).

Сегодня на очереди одна из классических тем — создание эффекта карандашного рисунка из фотографии. Это одна из тех быстрых и легких техник, которая приносит проффи настоящее удовлетворение, но и делает урок полезным для новичков. Конечно, Photoshop крут и в нем есть множество встроенных фильтров и художественных эффектов, но они не сравнятся с тем, что мы хотим вам показать.

Что мы хотим получить:

Шаг 1

Начнем с того, что выберем фотографию, над которой будем работать. Желательно, чтобы фон был чистым, а фото — качественным. Как крайний вариант, скачайте такое фото со стока.

Только с этими условиями мы добьемся нужного результата.

Шаг 3

Перетащите фоновый слой поверх иконки нового слоя в панели Layers / Слои, или используйте комбинацию CMD+J для создания дубликата слоя. Переходим Image > Adjustments > Invert / Изображение > Коррекция > Инверсия (или CMD+I ) и правым кликом выбираем Convert to Smart Object / Преобразовать в смарт-объект.

Шаг 4

Выбираем Gaussian Blur / Размытие по Гауссу и меняем радиус на 40 пикс . Использование Smart Object применит этот фильтр как Смарт-Фильтр (то есть умный!) таким образом, что мы сможем просто настроить параметры по необходимости, вместо того, чтобы постоянно применять этот эффект.

Измените режим наложения слоя-дубликата на Color Dodge / Осветление Основы , что существенно повысит контраст и даст поверхности зернистость, которая нам необходима.

Шаг 5

Нажмите на иконку Adjustment Layer / Корректирующий слой и выберите Levels / Уровни . Передвиньте слайдеры теней и Midtones / Cредние Тона немного вправо, чтобы чуть затемнить изображение.

Шаг 6

Добавьте новый Adjustment Layer / Корректирующий Слой и теперь выберите опцию Black and White / Черно-белое . Настроек по умолчанию будет достаточно, чтобы удалить цвет и придать изображению больше «карандашности».

Шаг 7

Используйте CMD+A , чтобы Select All / Выделить Все , потом воспользуйтесь Edit > Copy Merged / Редактирование > Скопировать Cовмещенные Данные (или сочетание клавиш CMD+Shift+C ). Это сделает обтравку всех видимых слоев. Нажмите CMD+V , чтобы вставить этот слой поверх остальных.

Теперь делаем так: Filter > Filter Gallery / Фильтр > Галерея фильтров , потом идем в Glowing Edges / Свечение Краев из меню Stylize / Стилизация . Меняем параметры, как показано ниже:

Теперь Image > Adjustments > Invert / Изображение > Коррекция > Инверсия (или the CMD+I ), чтобы сделать негатив снимка (вместо черного на белом получится белое на черном фоне).

Шаг 8

Поменяйте режим наложения у этого слоя на Multiply / Умножение , затем снизьте непрозрачность слоя до 50-60%.

Шаг 9

Нажмите на иконку New Layer / Новый Слой внизу палитры Layers / Слои , затем нажмите CMD+Backspace , чтобы залить слой белым (это цвет фона по умолчанию). Снова вернитесь в Filter Gallery / Галерея Фильтров , но теперь выбираем Texturizer / Текстуризатор . Измените настройки на Sandstone.

Измените режим наложения у этого слоя на Multiply / Умножение чтобы можно было увидеть основные линии, затем снизьте непрозрачность до 50% , чтобы добиться эффекта текстуры тонкой бумаги. Чтобы добиться усилить эффект цветного карандаша, выключите слой с черно-белой коррекцией.

Итог

В результате мы получили вполне реалистичный эффект карандашного наброска с натуральными линиями и затемнениями.

Перевод — Дежурка

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

Одно из подтверждений высокого интереса пользователей к теме рисования — появление в арсенале последней версии Photoshop фильтра Oil Paint («Масляная краска»), при помощи которого можно превратить изображение в картину за считаные секунды. А при наличии современного графического адаптера — в режиме реального времени наблюдать за вносимыми изменениями в окне предпросмотра. Однако, как и любой другой инструмент, фильтр Oil Paint несовершенен. В частности, он не дает возможности по отдельности управлять величиной и характером мазков в разных частях изображения. Поэтому другие методы для получения картины из фотографии остаются актуальными. В этом обзоре мы рассмотрим как Oil Paint, так и еще три способа получения этого эффекта.

⇡ Использование фильтра Oil Paint

Oil Paint — один из новых фильтров Photoshop CS6, задействующих движок Mercury Graphics Engine (MGE). Последний использует технологии OpenGL и OpenCL и дает возможность заметно ускорить получение результата, перекладывая часть работы на GPU. Впрочем, в отличие от некоторых других новых фильтров CS6, Oil Paint работает и со старыми видеокартами, однако в этом случае для вычислений используются только ресурсы процессора.

Для удобства команда для вызова фильтра Oil Paint вынесена прямо в меню Filter («Фильтр»).

Фильтр содержит шесть ползунков: четыре из них имеют отношение к параметрам кисти, а два — к настройке освещения. Ползунки Stylization («Стилизация») и Bristle Detail («Сведения о щетине») предназначены для добавления контрастности на имитируемые мазки кисти. Они создают световые границы между каждой кривой или завихрением и тем самым делают эффект более выраженным. Разница между этими двумя настройками в том, что первая добавляет дополнительный эффект хаотичности в рисунок, создаваемый мазками кисти, а вторая влияет в основном на контрастность.

Ползунок Cleanliness («Чистота») дает возможность изменять детализацию каждого мазка кисти. Высокие значения этого параметра соответствуют рисованию новой мягкой кистью, а при низких значениях можно получить эффект рисования уже загрязненной кистью со слипшимися щетинками — на изображении будет больше «зерна».

При помощи параметра Scale («Масштаб») можно, по сути, изменить размер кисти.

Что касается настроек, имеющих отношение к освещению, то Angular Direction («Под углом») определяет угол, под которым имитируемый свет достигает поверхности холста, что, в свою очередь, влияет на контраст между мазками. При изменении освещения мазки могут выглядеть яркими или, наоборот, темными. Параметр Shine («Блеск») задает общую выраженность эффекта.

⇡ Превращение фотографии в картину при помощи фильтров

Этот способ создания картины из фотографии интересен тем, что позволяет получить вполне приемлемый результат без использования виртуальной кисти. Секрет кроется в последовательном применении фильтров, которых в Photoshop великое множество.

Отметим, что настройки фильтров будут отличаться для изображений с разным разрешением, поэтому, возможно, вам нужно будет их корректировать. Мы приводим настройки для разрешения 1024x768.

Итак, после загрузки исходной картинки в Photoshop воспользуйтесь сочетанием клавиш CTRL+U, чтобы открыть окно Hue/Saturation («Цветовой тон/Насыщенность»). Увеличьте насыщенность изображения до сорока пяти.

Откройте галерею фильтров, выбрав ее в меню Filter («Фильтр»). Перейдите к фильтру Glass («Стекло»). Поскольку мы хотим получить такое изображение, будто бы оно помещено на холсте, установите в его настройках тип текстуры, напоминающей холст (Canvas). Другие параметры стоит подбирать в зависимости от разрешения изображения. Уменьшите искажения, задав более низкое значение параметра Distortion («Искажение»), и выберите небольшое значение параметра Smoothness («Смягчение»).

Нажмите на кнопку New effect layer («Новый слой эффектов») в нижней части окна галереи фильтров, чтобы добавить дополнительный слой для применения фильтра.

Назначьте фильтр Angled Strokes («Наклонные штрихи»). Он имитирует мазки кисти, нанесенные под определенным углом. Для параметра длины штриха (Stroke Length) установите значение 3, а значение параметра Sharpness («Резкость»), определяющего, насколько резким будет изображение, уменьшите до единицы.

Добавьте еще один слой эффекта с помощью той же кнопки New effect layer. Назначьте фильтр Paint Daubs («Масляная живопись»). Ключевой параметр настройки тут — тип кисти (Brush Type). В данном случае нужно выбрать тип Simple («Простая»), а затем уменьшить размер кисти до четырех и понизить значение Sharpness («Резкость»), чтобы мазки были менее четкими.

Создайте последний слой эффекта. Назначьте фильтр Texturizer («Текстуризатор»). Он добавляет на изображение текстуру холста. В его настройках выберите подходящий тип текстуры — Canvas («Холст»). Затем подберите масштаб текстуры (параметр Scaling) и ее рельефность (параметр Relief).

Основная работа завершена. Чтобы применить фильтры к изображению, нажмите на кнопку OK. Осталось сделать мазки более четкими. Создайте копию слоя, воспользовавшись командой CTRL+J. Выберите команду обесцвечивания слоя Image → Adjustments → Desaturate («Изображение» → «Коррекция» → «Обесцветить»).

Теперь примените к верхнему слою фильтр Filter → Stylize → Emboss («Фильтр» → «Стилизация» → «Тиснение»). В его настройках уменьшите значение параметра Height («Высота») до единицы, а значение параметра Amount («Эффект»), наоборот, увеличьте до 500.

Для текущего слоя измените тип смешивания на Overlay («Перекрытие»). Готово!

⇡ «Нарисованная» картина маслом

А вот еще один интересный способ превращения любой фотографии в картину, написанную маслом. Он более трудоемкий, чем использование нового фильтра Oil Paint («Масляная краска»), но зато дает больше возможностей для творчества.

Откройте изображение.

Создайте новый слой и, выбрав инструмент Fill («Заливка»), залейте его белым цветом. Выберите инструмент Art History Brush («Архивная художественная кисть»). На палитре History («История») установите отметку Set the Source for History Brush («Определяет источник для архивной кисти»).

В настройках инструмента выберите кисть для рисования маслом 63 Oil Pastel («Широкий мазок масляной пастелью») и в поле Area («Диаметр») задайте для нее область распространения, равную тридцати.

Щелкните по изображению правой кнопкой мыши и уменьшите размер кисти и раскрасьте слой. Чем меньше размер, тем меньше будет размер мазка и тем более детальной будет картина.

Примените фильтр Filter → Sharpen → Unsharp Mask («Фильтр» → «Усиление резкости» → «Контурная резкость»), чтобы сделать мазки более выразительными. Увеличьте значение параметра Amount («Эффект»). Наконец, примените фильтр Texturizer («Текстуризатор»), чтобы создать иллюзию холста. В Photoshop CS6 этого фильтра в меню Filter («Фильтр») по умолчанию нет, и он вызывается через Filter Gallery («Галерею фильтров»). Выберите в списке Texture («Текстура») — Canvas («Холст») и, ориентируясь на окно предварительного просмотра, подберите значения параметров Scaling («Масштаб») и Relief («Рельеф»).

Теперь изображение выглядит как картина, написанная маслом.

⇡ Почти настоящая живопись в Photoshop

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

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

Итак, откройте изображение, которое послужит основой картины. Немного увеличьте размер холста. Для этого выполните команду Image → Canvas Size («Изображение» → «Размер холста»).

Выполните команду Edit → Define pattern («Определить узор»). Создайте новый слой и залейте его белым цветом, используя инструмент Fill («Заливка»). Сделайте его чуть-чуть прозрачным, уменьшив значение параметра Opacity («Непрозрачность») до 80%, чтобы сквозь верхний слой проглядывало исходное изображение.

Создайте новый слой и вооружитесь инструментом Pattern Stamp («Узорный штамп»). В списке образцов на панели инструментов выберите вариант, сохраненный ранее при помощи команды Define pattern («Определить узор»). Установите флажок Aligned («Выравн.») для правильного позиционирования мазков и флажок Impressionist (Effect) для придания им стиля импрессионизма.

Выберите одну из кистей в настройках инструмента Pattern Stamp («Узорный штамп»). Настройте ее профиль, используя настройки на палитре Brush («Кисть»). Желательно, чтобы профиль был похож на мазок настоящей кисти — в нем должен проглядываться след от ворсинок и должна быть видна текстура холста. Начните рисовать прямо на изображении, короткими маленькими мазками. Их можно накладывать совершенно произвольным образом, стараясь, чтобы на каждом мазке просматривался профиль кисти.

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

Процесс создания картины занимает достаточно много времени, поскольку приходится уделять внимание каждой узнаваемой детали на изображении. Однако именно эта «ручная работа» и делает картину реалистичной. Положение мазков не поддается описанию каким-то алгоритмом, это исключительно работа художника. Когда светлых пятен на изображении не останется, можно сохранять результат.

⇡ Заключение

В этой статье было рассмотрено несколько способов получения картины из фотографии в Adobe Photoshop, но существует и множество других программ, в которых можно достичь похожего эффекта. Среди них немало и бесплатных, например FotoSketcher . Эта программа предлагает более двадцати стилей рисования, от акварельных красок и карандашного рисунка до создания мультяшного изображения. Каждый стиль имеет несколько настроек, при помощи которых можно влиять на внешний вид готовой «картины».

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

11 голосов

Доброго времени суток, уважаемые читатели моего блога. Рисунок ручной работы. Лет 15 назад никому бы и в голову не пришло подобное словосочетание, а сейчас – пожалуйста. Современные технологии дошли до такого уровня, что любой желающий всего за несколько секунд может получить свой портрет в любом художественном стиле, какой пожелает.

Сегодня я сделаю небольшой обзор сервисов, которые позволяют сделать фото как нарисованное карандашом онлайн. Огромное количество приемов: анимация, стилизация, коллажирование, вставка. Более 3 000 эффектов: импрессионизм, стиль Ван Гога, автоматическая ретушь, акварельные рисунки, пастель, масляная краска, мел.

Результат не заставит себя долго ждать. Вы узнаете о лучших способах редактирования фото.

Польза для веб-мастера

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

Однако, должен сразу вам сказать, что если вам понравится один из приемов и вы захотите обрабатывать так все фотографии и выкладывать их в своем блоге, то идея будет замечательной. Однако, не забывайте про авторское право.

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

Прочитайте статью о том, . Хотя поисковые системы такой контент определяют как уникальный.

Так что, если вы берете фотографию из свободного источника, обрабатываете ее в фоторедакторе, и выкладываете в своем блоге, то Яндексу и Гуглу будет казаться, что вы совсем молодец и пользуетесь своими уникальными материалами. При этом вы не боитесь никакого преследования. Все счастливы и довольны. На эти действия у вас будет уходить не более пары минут.

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

Ну вот, теперь думаю все понятно. Перейдем к обзору сервисов.

Обзор сервисов

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

Не буду более тратить вашего времени и приступлю к детальному обзору.

Photofacefun

Сайт ru.photofacefun.com довольно симпатичный и полностью бесплатный. Здесь вы найдете более 1 400 вариантов для вашей фотографии.

Если хочется превратить картинку в рисунок, то переходим сразу в одноименный раздел и смотрим варианты. К примеру, третий, рисунок карандашом. Жмем на него.

Загружаем файл. Кстати, не обязательно каждый раз загружать одну и ту же фотку. Она сохранится на сервере и у вас будет к ней быстрый доступ, пока вы не покинете портал.

Нужно обрезать картинку, чтобы она встала в коллаж.

Готово. Я получил вот такой результат.

Как вы видите, в основном ваш портрет предлагают вставить в какую-то красивую картинку, сделать коллаж. Это, конечно, здорово. Здесь есть куча интересных примеров, результат практически всегда радует. Но это не совсем то, чего бы хотелось.

Если вы просто вставить свою фотографию и получить точно такую же, но в другом стиле, то этот ресурс вам не подойдет. И тем не менее, давайте попробуем еще один вариант: рисунок карандашом на той же странице.

Как и обещал у вас есть быстрый доступ к последней загруженной.

Трудно не согласиться, что картинка крутая. Никаких логотипов, водяных знаков и прочего. Сервис полностью бесплатный.

Но скажу сразу, есть и получше. О нем сейчас и пойдет речь.

Pho.to

Портал funny.pho.to/ru/ действительно может позабавить. Я уже два раза сюда заходил и каждый раз не могу удержаться от смеха и довольной улыбки. Этот ресурс крут. Более 600 рамок, эффектов и фильтров. Кроме того, быстрая автоматическая ретушь портретов, создание gif анимации на основе вашей фотографии и быстрая коррекция.

Заходим в «рисунки и живопись» или «Избранные эффекты рисунка». Советую попробовать обе категории, так как здесь огромный выбор рисунков под карандаш.

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

Загружаете фото с компьютера и какое-то время имеете к ним быстрый доступ в нижней части панели.

Вот такой результат у меня получился. Единственный недостаток – ссылка в нижней части фотографии.

Меня как-то сразу заинтересовали мультяшки. Это действительно весело! Загружаете фото с диска и в правой части начинаете менять эмоции.

На мой взгляд реалистично и забавно.

Можно убрать мультяшный эффект и отсылать друзьям в социальных сетях вместо смайлов.

Небесполезной функцией я также назову ретушь лица. Вы просто вставляете фотографию и ждете, когда завершится обработка.

Если перейти в эффекты, то можно заменить фон, добавить цветовые эффекты или освещение, а также стилизовать картинку.

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

Фотофания

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

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

Загрузите с компьютера фото.

Обрежьте его.

Вот такой результат у меня получился. Можно скачивать.

Фотошоп в три шага

На самом деле, рисунок карандашом – не такая сложная задача даже для фотошопа. Посмотрите этот ролик. Здесь показано как всего за три минуты создать свой шедевр. Кстати, ролик очень прикольный. Не могу не отметить работу автора.

Онлайн-сервисы – это, конечно, просто и быстро, но они ограничивают вас. Хорошо посидеть пару минут, поржать над забавными результатами, но благодаря им вы далеко не уйдете.

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

Посмотрите как легко и просто можно или . И все это не пропадет впустую. Скачайте бесплатный курс «Профессия веб-дизайнер за 10 дней ». Этот вводный курс может стать для вас первым шагом к прибыльному хобби.


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


Откройтесь переменам. Если у вас есть тяга к дизайну – не ограничивайте себя отговорками. Начните новую жизнь, в которой вы будете заниматься любимым делом. Подписывайтесь на рассылку моего блога и группу ВКонтакте , и узнавайте больше о работе в интернете.

В этом уроке вы узнаете, как превратить обычное фото в потрясающий рисунок. Я постараюсь максимально доступно объяснить все детали, так что каждый сможет создать подобную иллюстрацию.

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

Для работы нам понадобится стоковое фото, но вы можете взять любое другое.

Начинаем

Открываем фото, с которым будем работать. Переходим File - Open (Файл - Открыть), выбираем нужную картинку и жмем кнопку Открыть. Перед тем, как продолжить, я дам вам несколько советом по подготовке документа:

  1. Ваше фото должно быть в цветовом режиме RGB , 8 bits / channel (бит/канал). Чтобы проверить так ли это, переходим Image - Mode (Изображение - Режим).
  2. Чтобы получить наилучший результат, размер фото должен быть между 1500-4000 пикселями в ширину/высоту. Чтобы проверить, переходим Image - Image Size (Изображение - Размер изображения).
  3. Фото должно быть фоновым слоем. Если это не так, переходим Layer - New - Background from Layer (Слой - Новый - Преобразовать в Задний план).
  4. Чтобы выполнить автоматическую цветокоррекцию, переходим Image - Auto Tone (Изображение - Автотон), Image - Auto Contrast (Изображение - Автоконтраст) и Image - Auto Color (Изображение - Автоматическая цветовая коррекция).

2. Создаем фон

Фон мы будем заливать сплошным цветом. Переходим Layer - New Fill Layer - Solid Color (Слой - Новый слой-заливка - Цвет), чтобы создать новый слой-заливку, и называем его «Фоновый цвет».

3. Создаем базовый набросок

Шаг 1

Теперь мы создадим базовый набросок. Выбираем фоновый слой с машинами (слой «Background» на скриншоте) и переходим Layer - New - Layer Via Copy (Слой - Новый - Скопировать на новый слой), чтобы скопировать фоновый слой, затем перемещаем дубликат в самый верх панели слоев. После этого жмем D, чтобы сбросить цвет на стандартные. Переходим Filter - Sketch - Photocopy (Фильтр - Эскиз - Ксерокопия) и настраиваем фильтр:

Шаг 2

Называем этот слой «Базовый эскиз» и меняем его режим смешивания на Multiply (Умножение).

4. Создаем черновой набросок

Шаг 1

Теперь мы создадим черновой набросок. Переходим Layer - New - Layer Via Copy (Слой - Новый - Скопировать на новый слой), чтобы скопировать слой «Базовый эскиз». Берем Lasso Tool Free Transform (Свободную трансформацию) и увеличиваем ширину и высоту на 105%, как показано ниже:

Шаг 2

Называем этот слой «Большой черновой эскиз» и уменьшаем непрозрачность до 14%.

Шаг 3

Выбираем слой «Базовый эскиз» и переходим Layer - New - Layer Via Copy (Слой - Новый - Скопировать на новый слой), чтобы скопировать его. Берем Lasso Tool (L) (Лассо), кликаем правой кнопкой по рабочему полотну, выбираем Free Transform (Свободную трансформацию) и уменьшаем ширину и высоту на 95%, как показано ниже:

Шаг 4

Называем этот слой «Меньший черновой эскиз» и уменьшаем его непрозрачность до 14%.

5. Создаем грубый набросок

Шаг 1

Теперь мы создадим грубый набросок. Выбираем фоновый слой с машинами и переходим Layer - New - Layer Via Copy (Слой - Новый - Скопировать на новый слой), чтобы скопировать его, затем перемещаем дубликат в самый верх панели слоев. Переходим Filter - Artistic - Cutout (Фильтр - Имитация - Аппликация) и настраиваем фильтр:

Шаг 2

Переходим Filter - Stylize - Find Edges (Фильтр - Стилизация - Выделение краев), а затем Image - Adjustments - Desaturate

Шаг 3

Называем этот слой «Грубый эскиз_1», меняем его режим смешивания на Color Burn (Затемнение основы) и уменьшаем непрозрачность до 30%.

Шаг 4

Теперь, используя описанный выше метод, мы создадим больше слоев с грубым наброском. Повторяем шаги 1-2, но в первом шаге используем другие настройки фильтра:

Шаг 5

Называем этот слой «Грубый эскиз_2», меняем его режим смешивания на Color Burn (Затемнение основы), уменьшаем непрозрачность до 25% и перемещаем его под слой «Грубый эскиз_1».

Шаг 6

Снова повторяем шаги 1-2, но в первом шаге используем новые настройки фильтра:

Шаг 7

Называем этот слой «Грубый эскиз_3», меняем его режим смешивания на Color Burn (Затемнение основы), уменьшаем непрозрачность до 20% и опускаем под слой «Грубый эскиз_2».

Шаг 8

Шаг 9

Называем этот слой «Грубый эскиз_4», меняем его режим смешивания на Color Burn (Затемнение основы), уменьшаем непрозрачность до 20% и опускаем под слой «Грубый эскиз_3».

Шаг 10

Еще раз повторяем шаги 1-2, но в первом шаге используем новые настройки фильтра:

Шаг 11

Называем этот слой «Грубый эскиз_5», меняем его режим смешивания на Color Burn (Затемнение основы), уменьшаем непрозрачность до 18% и опускаем под слой «Грубый эскиз_4».

Шаг 12

Последний раз повторяем шаги 1-2, но в первом шаге используем новые настройки фильтра:

Шаг 13

Называем этот слой «Грубый эскиз_6», меняем его режим смешивания на Color Burn (Затемнение основы), уменьшаем непрозрачность до 7% и опускаем под слой «Грубый эскиз_5».

Шаг 14

Теперь мы должны сгруппировать все слои с грубым эскизом. Выделяем слой «Грубый жскиз_6», зажимаем клавишу Shift и кликаем по слою «Грубый эскиз_1», чтобы автоматически выделить все шесть слоев. Далее переходим Layer - New - Group from Layers (Слой - Новый - Группа из слоев), чтобы создать из выбранных слоев группу, которую называем «Грубый эскиз».

6. Создаем тени

Шаг 1

Теперь мы добавим легкое затенение на рисунке. Выделяем фоновый слой и переходим Layer - New - Layer Via Copy (Слой - Новый - Скопировать на новый слой), чтобы скопировать его, и перемещаем слой в самый верх панели слоев. Переходим Filter - Stylize - Find Edges (Фильтр - Стилизация - Выделение краев), затем применяем Image - Adjustments - Desaturate (Изображение - Коррекция - Обесцветить).

Шаг 2

Переходим Filter - Brush Strokes - Angled Strokes (Фильтр - Штрихи - Наклонные штрихи) и применяем следующие настройки:

Шаг 3

Называем этот слой «Тень_1», меняем режим смешивания на Multiply (Умножение) и уменьшаем непрозрачность до 12%.

Шаг 4

Повторяем шаг 1, затем применяем Filter - Brush Strokes - Crosshatch (Фильтр - Штрихи - Перекрестные штрихи) со следующими настройками:

Шаг 5

Называем этот слой «Тень_2», меняем режим смешивания на Multiply (Умножение), уменьшаем непрозрачность до 5% и перемещаем его под слой «Тень_1», чтобы иметь правильный порядок на панели слоев.

7. Добавляем шум

Шаг 1

В этом разделе мы добавим немного шума. Выбираем слой «Тень_1» и переходим Layer - New - Layer (Слой - Новый - Слой), чтобы создать новый слой, и называем его «Шум».

Шаг 2

Жмем клавишу D, чтобы сбросить цвета на стандартные, затем переходим Edit - Fill (Редактирование - Заливка) и вводим следующие настройки:

Шаг 3

Переходим Filter - Noise - Add Noise (Фильтр - Шум - Добавить шум) и применяем следующие настройки:

Шаг 4

Теперь меняем режим смешивания слоя на Screen (Осветление) и уменьшаем непрозрачность до 64%.

8. Тонировка

Шаг 1

Теперь мы добавим легкую тонировку. Переходим Layer - New Adjustment Layer - Curves (Слой - Новый корректирующий слой - Кривые), чтобы добавить новый корректирующий слой, который мы называем «Тонировка».

Шаг 2

Дважды кликаем по миниатюре корректирующего слоя на панели слоев и настраиваем его:

9. Финальные штрихи

Шаг 1

В этом разделе мы добавим финальные штрихи. Переходим Layer - New Adjustment Layer - Photo Filter (Слой - Новый корректирующий слой - Фото-фильтр), чтобы создать новый корректирующий слой Фото-фильтр, который мы называем «Оттенок».

Шаг 2

Дважды кликаем по миниатюре корректирующего слоя, чтобы настроить его:

Шаг 3

Теперь добавим контрастность. Жмем клавишу D, чтобы сбросить цвета на стандартные, и переходим Layer - New Adjustment Layer - Gradient Map (Слой - Новый корректирующий слой - Карта градиента), чтобы добавить корректирующий слой Карта градиента, который мы называем «Контрастность».

Шаг 4

Меняем режим смешивания корректирующего слоя на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 18%.

Шаг 5

Теперь мы настроим насыщенность. Переходим Layer - New Adjustment Layer - Vibrance (Слой - Новый корректирующий слой - Вибрация), чтобы создать новый корректирующий слой, который мы называем «Насыщенность».

Шаг 6

Шаг 7

Теперь мы подкорректируем яркость. Переходим Layer - New Adjustment Layer - Levels (Слой - Новый корректирующий слой - Уровни), чтобы создать новый корректирующий слой, который мы называем «Яркость».

Шаг 8

Дважды кликаем по миниатюре корректирующего слоя и настраиваем его:

Шаг 9

Далее добавим резкость. Жмем сочетание клавиш Ctrl+Alt+Shift+E, чтобы объединить все видимые слои на отдельном новом слое. Затем переходим Filter - Other - High Pass (Фильтр - Другое - Цветовой контраст) и настраиваем фильтр:

Шаг 10

Называем этот слой «Резкость», меняем его режим смешивания на Hard Light (Жесткий свет) и уменьшаем непрозрачность до 76%.

Поздравляю, вы сделали это! Вот так выглядит финальный результат:

Я дам вам несколько советом, как можно дополнительно изменить готовый рисунок:

  • Выбираем слой «Фоновый цвет», дважды кликаем по его миниатюре и подбираем другой цвет. Закончив, кликаем ОК.
  • Поиграйте с непрозрачностью любого слоя с эскизом, чтобы получить другой результат.
  • Выбираем слой «Тонировка», дважды кликаем по его миниатюре и на панели Properties
  • Выбираем слой «Оттенок», дважды кликаем по его миниатюре и на панели Properties (Свойства) применяем другие настройки.
  • Выбираем слой «Контрастность» и экспериментируем с его непрозрачностью, чтобы настроить контрастность рисунка.
  • Выбираем слой «Насыщенность», дважды кликаем по его миниатюре и на панели Properties (Свойства) применяем другие настройки для Vibrance (Вибрация) и Saturation (Насыщенность), чтобы получить другой результат.
  • Выбираем слой «Яркость», дважды кликаем по его миниатюре и применяем другие настройки.
  • Выбираем слой «Резкость» и экспериментируем с его непрозрачностью, чтобы настроить степень резкости.

Получаем вот такой результат:

Отличная работа!

Если вы хотите сделать рисунок ярче с эффектом краски, воспользуйтесь готовым экшеном.

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

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



Похожие статьи
 
Категории