Существуют талантливые люди, способные создавать потрясающие реалистичные картины. Но если вы не из их числа, сегодняшний урок поможет вам добиться похожего эффекта, используя Adobe Photoshop. В этом уроке вы узнаете как создать эффект нарисованного изображения из фотографии. При этом вам не потребуется орудовать кистью, так как весь процесс построен на эффектах.
Эффект, которого мы хотим добиться в этом уроке симулирует реалистичные мазки кистью. Эта техника отлично подходит для превращения фото в иллюстрацию, к примеру для создания ретро-постеров.
Откройте ваше изображение в Photoshop. В примере использован портрет с Shutterstock. Добавьте корректирующий слой Curves/Кривые и затемните темные области, а также высветлите светлые, чтобы увеличить контраст.
Дважды нажмите CMD/Ctrl+J, чтобы дублировать фоновый слой два раза. Переключитесь на верхнюю копию и выберите эффект High Pass/Цветовой в меню Filters/Фильтры.
Настройте эффект так, чтобы детали изображения проявились на сером фоне. Небольшое значение — примерно 1-3px — поможет избежать создания ореола.
Смените режим наложения для этого слоя на Linear Light/Линейный свет. Теперь изображение выглядит более резким. Эти места с повышенной резкостью помогут нам создать мазки кисти, в частности в волосах.
Объедините слой с эффектом High Pass/Цветовой сдвиг c копией фонового слоя, расположенного под ним, затем в меню выберите Filter > Stylize > Diffuse/Фильтр>Стилизация>Диффузия.
Выберите Anisotropic/Анизотропный режим диффузии. Это ключевой момент в создании эффекта мазков.
Если вы посмотрите на работу вблизи, то заметите некрасивые места в областях где диффузия повторяется. Сейчас мы это поправим.
В меню выберите Image > Image Rotation > 90° CW/Изображение>Поворот изображения>90° по часовой стрелке, затем нажмите CMD/Ctrl+F, чтобы повторить фильтр Diffuse/Диффузия.
Повторите ту же процедуру, повернув изображение на 90° снова и вновь примените фильтр Diffuse/Диффузия. Повторите этот шаг в третий раз и вновь поверните изображение, вернув ему правильное положение.
Фильтр Diffuse/Диффузия создал классный эффект мазков, однако немного размыл изображение. Чтобы исправить это, выберите в меню Filter > Sharpen > Smart Sharpen/Фильтр>Резкость>Настраиваемая резкость. Используйте величину около 100%, но на небольшом радиусе, чтобы не перестараться.
Результат уже выглядит неплохо. Diffuse/Диффузия создала закрученные детали на коже, что делает изображение еще более похожим на нарисованное. Но есть еще один шаг, который можно сделать, чтобы работа выглядела как нарисованная на компьютере. Выберите Surface Blur/Размытие поверхности из меню Filter > Blur/Фильтр>Размытие. Укажите радиус около 50px и порог (Threshold) около 15. Если вы правильно настроите эти параметры, эффект повлияет только на крупные, плоские участки изборажения.
Наш эффект нарисованного изображения готов!
Вблизи эффект выглядит особенно хорошо.
Перевод — Дежурка
Научиться делать настоящий рисунок из фотографии хотелось бы многим. Действительно, так, иногда, выгодно смотрятся сочетания красивых фотографий и карандашных рисунков. Есть в этом деле своя прелесть.
Но, загвоздка в том, что сделать хороший, настоящий, качественный рисунок из фотографии не так-то и просто. Большинство существующих плагинов и программ делают не карандашный рисунок, а некое подобие. Да, похоже, но до настоящего рисунка далековато.
Рассмотрим два подхода к решению этого вопроса:
Начнём осваивать первый вариант.
Мне на глаза попался довольно интересный видео урок который снял Алексей Кузьмичёв. Действительно, на выходе получился неплохой рисунок карандашом из фотографии.
Превращаем фото в карандашный рисунок
Ну что, познакомились. Надеюсь, результат понравился. Мне лично, да. Но, есть маленькая загвоздка. Запомнить всё это дело не так-то и просто. Вот я и решил сделать небольшую шпаргалку, в которой по шагам расписаны все необходимые действия.
Делаем рисунок карандашом из фотографии пошаговая инструкция
Вот такое изображение у меня получились с этим подходом. Есть определённое сходство с карандашным рисунком, но, сами понимаете, надо ещё поработать над конечным результатом. Наведите мышку, чтобы увидеть начальную фотографию.
1. Делаем две копии выбранной фотографии – Ctrl+J . Видимость первой верхней копии отключаем.
2. Переходим на вторую копию и нажимаем Ctrl+I – инвертируем слой. Преобразуем слой в смарт-объект . Делаем режим наложения – осветление основы . Переходим в Фильтры – Размытие по Гауссу – делаем радиус размытия 15 px.
- — добавляем к этому слою корректирующий слой Насыщенность – понижаем насыщенность до –100 (обесцвечиваем снимок);
- — второй корректирующий слой – Уровни , в левом окошке выставляем значение 95 (добавляем контраста для фотографии);
- — все три слоя группируем (выделяем слои с зажатым Shift и нажимаем Ctrl+G), называем эту группу Основа ;
3. Переходим к верхнему слою, включаем его видимость.
- — преобразуем его в смарт-объект , выбираем на палитре цветов черный цвет, фоновый цвет должен быть белым;
- — выбираем фильтр Галерея фильтров — Эскиз – Ксерокопия – детализация 3, затемнение – 20;
— фильтр Галерея фильтров — Штрихи – Наклонные штрихи – Баланс направления – 78, длина штриха – 50, резкость – 10; Меняем режим наложения на Затемнение; Называем слой Контур ;
- — дублируем данный слой Ctrl+J , меняем режим наложения на Затемнение основы , уменьшаем прозрачность слоя до 80%, называем слой в Контур – копия ;
4. Создаём копию слоя Контур-копия Ctrl+J ;
- — фильтр Галерея фильтров — Иммитация – Фреска – размер 10, детализация – 10, текстура – 1;
- — фильтр Галерея фильтров — Эскиз – Почтовая бумага – Тоновый баласт – 50, зернистость – 5, рельеф – 25;
- — меняем прозрачность на 60%;
5. Копируем основной, нижний слой с фотографией Ctrl+J , перемещаем копию на самый верх;
- — фильтр Галерея фильтров — Текстура – Текстуризатор – Текстура – кирпич, масштаб – 100%, рельеф – 15, свет – справа, галочку напротив Инвертировать;
- — фильтр Галерея фильтров — Эксиз – Полутоновой узор – размер – 4, контрастность – 4, тип узора – линия;
- — фильтр Размытие — Размытие в движении – угол 45, смещение 40 px;
- — Режим наложения для этого слоя – Жесткий свет ;
- — называем слой Полутона ;
6. Дублируем данный слой Ctrl+J ;
- — фильтр – Зерно, интенсивность – 45, контрастность – 45, тип зерна – брызги;
- — меняем прозрачность слоя – 85%;
- — называем слой Зерно ;
7. Дублируем слой Контур Ctrl+J и помещаем копию на самый верх;
- — фильтр Галерея фильтров – Имитация – Фреска – размер –10, детализация – 10, текстура – 1;
- — Режим наложения слоя – Затемнение основы , прозрачность – 60%;
8. Дублируем слой Полутона, помещаем копию на самый верх;
- — фильтр Галерея фильтров – Текстура – Зерно – зерно, интенсивность – 45, контрастность – 65, тип зерна – брызги;
- — фильтр Галерея фильтров – Эскиз – Уголь – интенсивность – 6, детализация – 5, тоновый баланс – 88;
- — фильтр Галерея фильтров – Эскиз – Полутоновый узор – размер – 1, контрастность – 0, тип узора – линия;
- — фильтр Размытие – Размытие в движении – угол 45, смещение 100 px;
- — режим наложения слоя – Обычный , прозрачность слоя – 70% ;
8. Дублируем основную фотографию Ctrl+J , помещаем копию на самый верх, преобразуем в смарт-объект ;
- -фильтр Галерея фильтров – Эскиз – Ксерокопия – детализация –3 (иногда лучше поставить 2 для более изящной линии), затенённость – 20;
- — режим наложения для слоя Умножение , прозрачность – 50% ;
9. Добавляем к рисунку текстуру бумаги:
- — скачиваем изображение с текстурой бумаги на свой компьютер, вот ;
- — перетаскиваем изображение с текстурой бумаги на наше изображение, оно должно быть сверху;
- — растягиваем по размеру всей фотографии через Трансформацию ;
- — меняем режим наложения на Умножение ;
- — меняем прозрачность на 60% ;
Для себя я сделал файлик в Ворде и распечатал, на одном листе с двух сторон всё это дело легко поместилось. С таким подходом осваивать эту технику намного проще и удобнее.
Вот ещё одна картиночка, которая у меня получилась. Наводим мышку, видим оригинал. Тут, правда, пришлось немного с масками поработать для дополнительного размытия фона:
Тем же, кто хочет применять этот подход в своих работах на регулярной основе, рекомендую сделать Экшен для Фотошоп в котором можно записать все необходимые действия, в результате, процесс превращения любой фотографии в карандашный рисунок будет занимать пару минут.
Это один способ. Результат, в принципе, не плохой, для определённых задач может подойти, но, до настоящего рисунка, увы, далековато. Для полноты освоения техники перевода фотографии в карандашный рисунок, предлагаю ещё один способ, в котором нет никаких фильтров и конечный результат будет зависеть только от вашего художественного вкуса.
Рисунок карандашом из фотографии без фильтров
Этот вариант больше похож на рисование и полагаться придётся на своё внутреннее чувство меры и гармонии. Из одной и той же картинки можно получить совершенно разные результаты. Но, как говорится, тем интереснее.
Тут важно выбрать хорошую, контрастную фотографию. Чем выразительнее будут глаза и черты лица, тем больше шансов получить на выходе качественный рисунок.
Я выбрал фотографию девочки в шляпе со снегом. Контраст хороший, глаза выразительные. На мой взгляд, перевод в карандаш может придать фотографии легкость, воздушность, большую созвучность внутреннему миру ребёнка. Что, в итоге и получилось. При наведении мышкой можно увидеть разницу между оригиналом и конечным результатом:
Теперь рассмотрим, что для этого нужно сделать.
- Берём нашу фотографию и делаем две копии комбинацией клавиш Ctrl+J , на палитре цветов Основной цвет – белый, фон — чёрный;
- Верхний слой называем Шпаргалка , клавишами Ctrl+Shift+U обесцвечиваем его, Прозрачность слоя устанавливаем на 40% ;
- Второй слой называем Рисунок , Ctrl+Shift+U обесцвечиваем его, Слой – Слой маска – Скрыть всё – делаем маску слоя;
- Над Основным изображением создаём новый слой, заливаем его белым цветом;
- Выделяем Слой-маска на слое Рисунок , рисовать будем на нём;
Вот, что у нас должно получиться на этом этапе:
Создаём нужные слои для рисунка карандашом из фотографии
Первая кисть – Карандаш-линия
Для выделения самых выразительных элементов изображения нам понадобится Кисть похожая на след карандаша.
- Выбираем инструмент Кисть – клавиша B , включаем Панель управления кистями F5 ;
- Выбираем обычную, круглую кисть с жёсткими краями, выставляем размер от 2 до 6 пикселей. Я поставил 4 px ;
- Ставим галочку в пункте Динамика формы (Shape Dynamics ) – Колебание размера (Size Jitter) выставляем на 60% ;
- Рассеивание (Scattering ) – Рассеивание ставим 43% ;
- Передача (Other Dynamics ) – Колебание непрозрачности (Opacity Jitter ) выставляем на 10% ;
- Правый верхний угол Панели управления кистями – выбираем Новый набор параметров кисти – Сохраняем нашу новую кисть под названием Карандаш-линия ;
Можно приступать к первоначальному наброску. Задача, на этом этапе – аккуратно выделить необходимые части рисунка для большей выразительности. Начинать, желательно, максимально аккуратно, прозрачность выставлять от 10 до 30%. Тут лучше немного не дорисовать, затем, ближе к концу, можно ещё раз сделать необходимые выделения.
Не надо бояться ошибиться. Помните, мы работаем на Маске, а белая кисть в этом режиме лишь проявляет изображение нижнего слоя.
Вот, что у меня получилось на этом этапе при выключенном слое Шпаргалка . Я специально не стал дорисовывать все детали, лучше, на мой взгляд, позже, на финальном этапе добавить необходимые штрихи:
Первоначальный эскиз карандашного рисунка
Вторая кисть Карандаш-штриховка
Теперь пришло время перейти к штриховке. Для этого понадобится специальная кисть.
- Выключаем видимость слоёв Рисунок и Шпаргалка;
- Делаем основной цвет Чёрным, Прозрачность выставляем на 100% ;
- Кисть Карандаш-линия , делаем толщину 2px и проводим по белому слою линию с зажатой клавишей Shift , длина линии примерно 80px ;
- Волшебной палочкой (клавиша W) выделяем эту линию;
- Редактирование – Определить кисть – сохраняем эту новую кисть под названием Временная , линию с белого слоя удаляем;
- Включаем Панель управления кистями F5 и проводим нужные настройки для новой кисти;
- Динамика формы (Shape Dynamics ) – Колебание размера (Size Jitter) 60%, Колебание угла (Angle Jitter ) – 3% ;
- Рассеивание (Scattering ) – Рассеивание — 43% ;
- Передача (Other Dynamics ) – Колебание непрозрачности (Opacity Jitter ) — 10%, Колебание количества краски (Flow Jitter ) – 80% ;
- Форма отпечатка кисти (Brush Tip Shape ) – Интервалы (Spacing ) – 70%, Угол (Angle ) выставляем значение (-20 градусов);
- Сохраняем новую кисть с названием Карандаш-штриховка ;
Выставляем прозрачность кисти Карандаш-штриховка на 5-10% и начинаем аккуратно штриховать свой рисунок. Слой Шпаргалка можно отключить, чтобы сразу было видно то, что получается на белом листе.
Постепенно, меняя размер кисти, прозрачность и угол наклона кисти можно добиться весьма неплохого результата. Не ленитесь, почаще меняйте все эти значения, тем самым вы приближаете своё творение к настоящему карандашному рисунку.
При необходимости, нужные участки можно дополнительно обработать кистью Карандаш-линия.
И не забывайте простую истину, лучше немного не доделать, чем переборщить. Постепенно, с освоением техники, сформируется устойчивое понимание того, когда надо остановиться.
Вот такая техника. Сложного ничего нет, надо только желание и немного времени для освоения. А результаты могут получиться весьма интересными.
Всем удачи и необычных творческих решений.
Подробный урок по превращению обычной фотографии в гиперреалистичную живопись всего за пару минут.
Некоторые талантливые художники могут рисовать в технике гиперреализма, но нам, простым смертным, об этом можно только мечтать. К счастью есть Adobe Photoshop, где можно создавать разные интересные эффекты и имитировать рисованные стили. Мы нашли замечательный урок, который сделал Крис Спунер, дизайнер и основатель Blog Spoon Graphics. Он показывает как из простого портретного фото буквально за пару минут можно сделать настоящее произведение искусства с детализованными мазками и бликами.
Конечно, на примере Криса все выглядит действительно шедеврально, но в Photoshop многое зависит от исходной фотографии, и далеко не всегда те эффекты, которые прекрасно работают с одним фото, подойдут для другого. Поэтому мы решили взять портрет немного другого качества и попробовать проделать все те же манипуляции в надежде получить нечто подобное.
1. Итак, откройте выбранную вами фотографию в Photoshop и добавьте корректирующий слой с кривыми. Нам нужно немного затенить тени и высветлить света, чтобы сделать фото более контрастным.
2. Нажмите Ctrl+J, чтобы дублировать фоновый слой дважды. Затем к верхнему из дубликатов добавьте эффект High Pass из меню фильтров.
3. Отрегулируйте радиус фильтра High Pass в пределах от 1-3 px. Этого будет достаточно для создания нужного эффекта. Больший радиус может привести к появлению нежелательного шума и ореола.
4. Измените режим смешивания для слоя с фильтром High Pass с обычного на Linear Light чтобы сделать фото резким. Повышенная резкость гарантирует получение точных мазков, особенно на волосах.
5. Теперь объедините слой с High Pass с дубликатом фонового слоя ниже, чтобы закрепить полученный эффект. Сделать это можно используя команду MergeVisible из меню слоев. Только для начала оставьте видимыми только те два слоя, которые собираетесь объединить. После этого перейдите в Filter> Stylize> Diffuse.
6. Измените режим размытия на анизотропный (Anisotropic) - это ключевой момент, который собственно и создает этот волшебный эффект рисунка.
7. Если внимательно посмотреть на результат, то можно заметить некрасивые швы, которые рассеиваются и повторяются. Но есть способ решить эту проблему.
8. Перейдите в меню Image> Image Rotation> 90 ° CW для поворота картинки и нажмите Ctrl+F (Cmd+F), чтобы повторить добавление диффузного фильтра.
9. Поверните изображение еще раз, и снова примените диффузный фильтр. Повторите этот шаг в третий раз, чтобы вернуть фотографию в правильное положение.
10. Диффузный фильтр отлично имитирует кисть, но в то же время немного размывает изображение. Перейдите Filter > Sharpen > Smart Sharpen, чтобы добавить четкости. Установите значение Threshold в районе 100, но используйте маленький радиус, чтобы не переборщить с обработкой.
11. Результат уже выглядит впечатляюще, но можно сделать его еще интереснее. Выберите Surface Blur из меню Filter > Blur и установите значения Радиуса около 20 а порога около 15 (как видите, при значении радиуса – 40 картинка сильно замыливается).Это создаст плоские участки и придаст фотографии еще более нарисованный вид.
12. Ну вот и все, наш Санта превратился из фотографии в гиперреалистичную картину. Издалека можно подумать, что это все еще фотография, но если присмотреться, то становятся заметны многочисленные мазки и переходы, свойственные живописи.
Надеемся, вам понравился этот урок так же, как и нам – пара простых манипуляций для достижения стильного эффекта. Это может пригодиться вам для раздела контактов на сайте, к примеру, когда нужно объединить разные фотографии чем-то общим, чтобы достичь гармонии.
Исходный урок Криса Спунера вы можете посмотреть . ©PressFoto/Hasloo
В этом уроке мы научимся с лёгкостью превращать фото в карандашный рисунок, как в чёрно - белом варианте, так и в цвете с использованием Смарт - фильтров, корректирующих слоёв и режимов наложения. Сначала мы научимся, как преобразовать фотографию в чёрно - белый эскиз и как при этом сохранить полностью редактируемый эффект с помощью Смарт - фильтров. Затем мы узнаем, как раскрасить наш рисунок с помощью цвета с исходного изображения.
Урок выполнен в Photoshop CS6, но подойдут и более ранние версии.
В этом уроке я буду использовать платное изображение .
Вот так будет выглядеть чёрно - белый рисунок.
И тот же эффект после прибавления цвета с оригинальной фотографии.
Давайте начнём!
Шаг 1. Добавляем слой Цветовой тон/Насыщенность
Откройте ваше фото в фотошоп. На панели слоёв мы видим, что это единственный слой.
Для создания нашего эффекта первое, что мы должны сделать - это удалить все цвета с нашего изображения, не нарушив само изображение. Для этого на панели Adjustments (Коррекция) нажмите на иконку Hue / Saturation (Цветовой тон/Насыщенность).
Над фоновым слоем появится новый корректирующий слой Hue / Saturation (Цветовой тон/Насыщенность).
Шаг 2. Обесцвечиваем изображение
Чтобы удалить цвет с изображения, просто перетащите ползунок Saturation (Насыщенность) до значения -100.
В итоге изображение станет чёрно - белым.
В панели слоёв нажмите на фоновый слой, чтобы его выбрать.
Шаг 4. Дублируем Фоновый слой
Нам нужно создать копию фонового слоя. Для этого пройдите в меню Layer > New > Layer via Copy (Слои - Новый - Скопировать на новый слой). Второй более быстрый способ - это сочетание клавиш Ctrl+ J .
В панели слоёв появилась копия фонового слоя.
Шаг 5. Инвертируем изображение
Для того, чтобы инвертировать созданную копию фонового слоя, пройдите в меню Image > Adjustments > Invert (Изображение - Коррекция - Инверсия). Или нажмите сочетание клавиш Ctrl+I.
Изображение примет вид негатива.
Измените режим наложения этого слоя на Color Dodge (Осветление основы).
В итоге изображение станет белым. В моём случае вы видите несколько небольших чёрных участков - так и должно быть.
Для дальнейшей работы нам нужно применить Смарт - Фильтр, который не затрагивает само изображение и доступен для редактирования настроек в любое время. Для этого сначала нам нужно преобразовать слой в Смарт - Объект.
Стоя на дубликате фонового слоя, в правом верхнем углу панели слоёв нажмите на иконку меню.
В списке выберите Convert to Smart Object (Преобразовать в Смарт - Объект).
На миниатюре слоя в правом нижнем углу появится значок смарт - объекта.
Для того, чтобы применить фильтр к слою со смарт - объектом, пройдите в меню Filter > Blur > Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу).
В открывшемся диалоговом окне фильтра измените значение Radius (Радиус), чтобы немного размыть изображение. В моём случае - примерно 12 рх. Настройки для вашего фото могут отличаться от моих.
Нажмите ОК, чтобы применить настройки.
Вот мой результат.
Одно из главных преимуществ применения фильтра в качестве Смарт - фильтра заключается в том, что если вам не нравится результат, то вы можете в любой момент откорректировать настройки фильтра. Для этого нужно дважды щёлкнуть на название фильтра, чтобы открыть диалоговое окно и отрегулировать настройки.
Мы создали основной эскиз, но он слишком светлый и его нужно немного затемнить. Для этого на панели Adjustments (Коррекция) нажмите на иконку коррекции Levels (Уровни).
Над слоем со Смарт - Объектом появится новый корректирующий слой.
Шаг 10. Изменяем режима наложения
Параметры корректирующего слоя нам не нужны - оставим их по умолчанию. Чтобы затемнить наш эскиз всё, что нам нужно - это изменить режим наложения этого слоя на Multiply (Умножение).
Этот режим наложения является одним из пяти наиболее часто используемых режимов в Фотошоп. И просто выбрав этот режим наложения, нам быстро и легко удалось затемнить наш рисунок без изменения параметров коррекции.
Если ваше изображение покажется вам слишком тёмным, то вы можете изменить Opacity (Непрозрачность) корректирующего слоя Уровни. В моём случае я установлю примерно на 60%.
Вот что у меня получилось.
На данный момент основной эффект рисунка завершён. Вернём нашему рисунку немного цвета с оригинального изображения. Для этого в панели слоёв выберите Фоновый слой.
По умолчанию фотографии редко получаются настолько красивыми, что ими хочется любоваться либо поставить в рамочку на полку. Все равно их надо подвергнуть хотя бы минимальной обработке: кадрировать, настроить баланс белого, яркость, и пр.
Одним из самых красивых эффектов, которые можно применить к фотографии, является её стилизация под карандашный рисунок. При этом можно добиться потрясающего результата, который по-настоящему способен удивить:
Чтобы сделать рисунок из фото, можно провести немало времени в Photoshop либо установить какую-то альтернативную программу. А можно ничего не устанавливать, а воспользоваться онлайн сервисом и уже через минуту получить из фотографии обалденный рисунок, или даже настоящую картину!
На сайте фоторедактора pho.to Вы найдете более пятидесяти подходящих для этого шаблонов:
В качестве «подопытного кролика» мы выбрали такую фотографию:
Всего за пару минут мы получили целый набор различных рисунков, сделанных из этого фото. Вот лишь некоторые из них:
Всё что Вы сделали, конечно же можно скачать, получить ссылку либо сразу отправить в социальные сети:
Теперь Вы знаете как при помощи pho.to можно онлайн превратить фото в рисунок буквально за минуту. А результат будет выглядеть так, как будто вживую нарисовано карандашом, красками или чернилами. Гарантируем, что Ваше творчество удивит не только Вас, но всех Ваших друзей и знакомых. Ссылка: http://funny.pho.to/ru/art-effects/ Как видите, ничего сложного вообще нет:)
Друзья, с другими онлайн фоторедакторами Вы можете познакомиться в .