Одной из классических тем уроков по Photoshop является создание эффекта карандашного наброска из фото. Это одна из простых и быстрых техник, которая позволяет достичь отличного результата. Поэтому этот урок отлично подойдет новичкам. С самого начала Adobe Photoshop был снабжен многими встроенными фильтрами, имитирующими эскизы и художественные эффекты, но они не всегда позволяют добиться реалистичности. В этом же уроке я покажу вам несколько ловких шагов, которые помогут преобразовать фотографию в набросок и позволят также настраивать эффект для достижения наилучшего результата.
Эффект, который мы будем создавать в этом уроке имитирует линии и тонировку карандашного рисунка. Создание такой стилистики может занимать часы работы даже у талантливого художника, но возможности Photoshop позволяют вам повторить этот эффект за минуты. Таким образом вы легко сможете использовать эффект при создании стилизованного дизайна.
Шаг 1.
Для начала откройте исходную фотографию в Adobe Photoshop. Эффект будет лучше смотреться на фотографиях с однородным фоном, хорошим фокусом и освещением, так что лучше использовать профессиональные фотографии.
Шаг 2.
Теперь создайте дубликат фонового слоя, нажав Ctrl + J . Затем инвертируйте изображение, нажав Ctrl + I (или через меню Изображение > Коррекция > Инверсия (Image > Adjustments > Invert). Затем кликните правой кнопкой мыши по слою и выберите пункт Преобразовать в смарт-объект (Convert to Smart Object).
Шаг 3.
Перейдите в меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur) и примените значение Радиус (Radius) около 40 пикселей. Так как слой был преобразован в смарт-объект, фильтр будет применен, как смарт-фильтр, что позволит нам в дальнейшем изменять настройки, если понадобится.
Шаг 4.
Шаг 5.
Кликните на иконку Создать новый корректирующий слой или слой-заливку (Create new fill or Adjustment layer) в нижней части панели слоев и выберите пункт Уровни (Levels) . Установите ползунки последовательно: 11; 0,93; 255 – это немного затемнит изображение.
Шаг 6.
Добавим еще один корректирующий слоя. На этот раз выберите пункт Черно-белое (Black & White) . Настройки по умолчанию обесцветят изображение, придав ему вид карандашного рисунка.
Шаг 7.
Используйте сочетание клавиш Ctrl + А , чтобы выделить все, затем перейдите в меню Редактирование > Скопировать совмещенные данные (Edit > Copy Merged - Ctrl + Shift + С) . Таким образом вы создадите слитую копию всех видимых слоев. Нажмите Ctrl + V, чтобы вставить эту копию на верхний слой в порядке слоев.
Шаг 8.
Далее перейдите в меню Фильтр > Стилизация > Свечение краев (Filter > Stylize > Glowing edges). Установите значения: Ширина краёв (Edge Width): 1; Яркость краёв (Edge Brightness):20; Смягчение (Smoothness): 15.
Шаг 9.
Инвертируйте слой, нажав Ctrl + I , чтобы переключить свечение с «белого на черном» к «черному на белом».
Шаг 10.
Затем измените режим наложения слоя со светящимися краями на Умножение (Multiply) , чтобы белый фон стал прозрачным, также уменьшите Непрозрачность (Opacity) до 50-60% , чтобы смягчить эффект очерченных краев.
Шаг 11.
Создайте новый слой, кликнув по иконке Создать новый слой (Create a new layer)
внизу панели слоев. Затем нажмите сочетание клавиш Ctrl + Backspace
, чтобы залить слой белым цветом (фоновый цвет по умолчанию). Далее перейдите в меню Фильтр > Текстура > Текстуризатор (Filter > Texture > Texturizer)
и установите настройки текстуры: Известняк (Sandstone)
Масштабирование (Scaling) 200%;
Рельеф (Relief) 4; Освещение (Light): Сверху (Top);
снимите галочку Инвертировать (Invert)
Шаг 12.
Измените измените режим наложения на Умножение (Multiply) и уменьшите Непрозрачность (Opacity) до 50% , чтобы создать мягкий эффект текстуры бумаги.
Шаг 13.
Чтобы добиться эффекта рисунка цветным карандашом, вы можете выключить видимость корректирующего слоя Черно-белое (Black and White) , чтобы убрать обесцвечивание.
Шаг 14.
Итоговый результат выглядит, как реалистичный эффект карандашного наброска с реалистичными линиями и тенями. Размытый и инвертированный слой с режимом наложения Осветление основы создает основу эффекта за счет увеличения контраста. В то же время дополнительные эффекты, такие как: свечение краев и текстура бумаги придают работе большую реалистичность. А применение смарт-объекта позволяет корректировать значение размытия по Гауссу, чтобы добиться наилучшего результата.
Доброго времени суток, уважаемые читатели моего блога. Рисунок ручной работы. Лет 15 назад никому бы и в голову не пришло подобное словосочетание, а сейчас – пожалуйста. Современные технологии дошли до такого уровня, что любой желающий всего за несколько секунд может получить свой портрет в любом художественном стиле, какой пожелает.
Сегодня я сделаю небольшой обзор сервисов, которые позволяют сделать фото как нарисованное карандашом онлайн. Огромное количество приемов: анимация, стилизация, коллажирование, вставка. Более 3 000 эффектов: импрессионизм, стиль Ван Гога, автоматическая ретушь, акварельные рисунки, пастель, масляная краска, мел.
Результат не заставит себя долго ждать. Вы узнаете о лучших способах редактирования фото.
Польза для веб-мастера
Многим может показаться странным наличие подобной статьи в блоге о создании сайтов. Очень зря. Ну, во-первых, картинку, обработанную подобным методом можно использовать в качестве элемента дизайна: шапка, подложка или даже миниатюра статьи или рисунок в теле публикации.
Однако, должен сразу вам сказать, что если вам понравится один из приемов и вы захотите обрабатывать так все фотографии и выкладывать их в своем блоге, то идея будет замечательной. Однако, не забывайте про авторское право.
Не думайте, будто после этого она станет принадлежать вам. Сколько бы манипуляций вы не производили с картинкой, она принадлежит фотографу или художнику, который ее создал.
Прочитайте статью о том, . Хотя поисковые системы такой контент определяют как уникальный.
Так что, если вы берете фотографию из свободного источника, обрабатываете ее в фоторедакторе, и выкладываете в своем блоге, то Яндексу и Гуглу будет казаться, что вы совсем молодец и пользуетесь своими уникальными материалами. При этом вы не боитесь никакого преследования. Все счастливы и довольны. На эти действия у вас будет уходить не более пары минут.
Но это не все преимущества. Разработчики тоже люди. У всех нас есть друзья и иногда они празднуют дни рождения, свадьбы, новые года и так далее. Портрет можно распечатать в большом формате и вставить в раму. Вы потратите в разы меньше денег, нежели заказывали бы рисунок у художника. Так еще и результат в любом случае будет превосходить все ожидания.
Ну вот, теперь думаю все понятно. Перейдем к обзору сервисов.
Обзор сервисов
Для написания этой статьи я проанализировал множество ресурсов. Большинство из них оказались неудобными. Где-то постоянно лагает загрузка или результат получился ниже среднего. Я оставил в списке лишь три ресурса. При том скажу сразу, по-настоящему стоящим я признаю только один.
Не буду более тратить вашего времени и приступлю к детальному обзору.
Photofacefun
Сайт ru.photofacefun.com довольно симпатичный и полностью бесплатный. Здесь вы найдете более 1 400 вариантов для вашей фотографии.
Если хочется превратить картинку в рисунок, то переходим сразу в одноименный раздел и смотрим варианты. К примеру, третий, рисунок карандашом. Жмем на него.
Загружаем файл. Кстати, не обязательно каждый раз загружать одну и ту же фотку. Она сохранится на сервере и у вас будет к ней быстрый доступ, пока вы не покинете портал.
Нужно обрезать картинку, чтобы она встала в коллаж.
Готово. Я получил вот такой результат.
Как вы видите, в основном ваш портрет предлагают вставить в какую-то красивую картинку, сделать коллаж. Это, конечно, здорово. Здесь есть куча интересных примеров, результат практически всегда радует. Но это не совсем то, чего бы хотелось.
Если вы просто вставить свою фотографию и получить точно такую же, но в другом стиле, то этот ресурс вам не подойдет. И тем не менее, давайте попробуем еще один вариант: рисунок карандашом на той же странице.
Как и обещал у вас есть быстрый доступ к последней загруженной.
Трудно не согласиться, что картинка крутая. Никаких логотипов, водяных знаков и прочего. Сервис полностью бесплатный.
Но скажу сразу, есть и получше. О нем сейчас и пойдет речь.
Pho.to
Портал funny.pho.to/ru/ действительно может позабавить. Я уже два раза сюда заходил и каждый раз не могу удержаться от смеха и довольной улыбки. Этот ресурс крут. Более 600 рамок, эффектов и фильтров. Кроме того, быстрая автоматическая ретушь портретов, создание gif анимации на основе вашей фотографии и быстрая коррекция.
Заходим в «рисунки и живопись» или «Избранные эффекты рисунка». Советую попробовать обе категории, так как здесь огромный выбор рисунков под карандаш.
Здесь вам предложат скетчи под карандаш или шариковую ручку, пастель, масляные краски, эффект рисунка Ван Гога, импрессионизм и многое другое. Пробуйте и наслаждайтесь.
Загружаете фото с компьютера и какое-то время имеете к ним быстрый доступ в нижней части панели.
Вот такой результат у меня получился. Единственный недостаток – ссылка в нижней части фотографии.
Меня как-то сразу заинтересовали мультяшки. Это действительно весело! Загружаете фото с диска и в правой части начинаете менять эмоции.
На мой взгляд реалистично и забавно.
Можно убрать мультяшный эффект и отсылать друзьям в социальных сетях вместо смайлов.
Небесполезной функцией я также назову ретушь лица. Вы просто вставляете фотографию и ждете, когда завершится обработка.
Если перейти в эффекты, то можно заменить фон, добавить цветовые эффекты или освещение, а также стилизовать картинку.
На мой взгляд – это лучший ресурс из всех, представленных в интернете, но у вас есть и еще один способ сделать фотографию карандашным портретом.
Фотофания
Сервис хорош тем, что у вас не добавятся никакие дополнительные логотипы. Портал бесплатный. Но тем не менее на нем есть куча недоработок. Например, уже пару дней я не могу зайти на главную страницу, не работают некоторые эффекты, не открываются категории. В общем над сайтом нужно еще работать.
Вполне вероятно что это временные трудности и к тому моменту, когда вы захотите создать свой портрет ситуация изменится. Тем не менее я оставлю вам прямую ссылку на страницу создания карандашного рисунка . С этим фильтром у меня проблем не возникло.
Загрузите с компьютера фото.
Обрежьте его.
Вот такой результат у меня получился. Можно скачивать.
Фотошоп в три шага
На самом деле, рисунок карандашом – не такая сложная задача даже для фотошопа. Посмотрите этот ролик. Здесь показано как всего за три минуты создать свой шедевр. Кстати, ролик очень прикольный. Не могу не отметить работу автора.
Онлайн-сервисы – это, конечно, просто и быстро, но они ограничивают вас. Хорошо посидеть пару минут, поржать над забавными результатами, но благодаря им вы далеко не уйдете.
Работать самому в фотошопе намного интереснее. Проекты получаются гораздо лучше. Вы видите, что делаете. Можете подкорректировать исходя из специфики конкретной фото и наверняка пойдете дальше. Фотошоп не увлечет вас всего на пару минут. Вы захотите работать с ним, развиваться, улучшать навыки.
Посмотрите как легко и просто можно или . И все это не пропадет впустую. Скачайте бесплатный курс «Профессия веб-дизайнер за 10 дней ». Этот вводный курс может стать для вас первым шагом к прибыльному хобби.
Ну а если вас больше интересует создание красивых картинок, но вы ничего не знаете о фотошопе, то могу порекомендовать «Фотошоп с нуля ». Благодаря этому курсы вы в течение нескольких дней узнаете все о этой программе. Поймете как в ней работать, какие есть функции и на что вы действительно способны.
Откройтесь переменам. Если у вас есть тяга к дизайну – не ограничивайте себя отговорками. Начните новую жизнь, в которой вы будете заниматься любимым делом. Подписывайтесь на рассылку моего блога и группу ВКонтакте , и узнавайте больше о работе в интернете.
Начинающим пользователям Photoshop не терпится создать интересные работы, но порой знаний для этого недостаточно. В таком случае выручат эффекты Photoshop. Быстрые готовые эффекты программы находятся в «Галерее фильтров». Возможно, вы встречали преображённый карандашный рисунок из фотографии в Photoshop? Такие рисунки легко сделать, применяя к фотографиям эффекты в Photoshop из «Галереи фильтров».
Чтобы понять принцип работы этой галереи, достаточно рассмотреть пару эффектов из неё. Остальные вы освоите также просто.
Для начала рассмотрим пример, как сделать фотографию нарисованной краской. Далее - как из фото сделать рисунок карандашом.
Рисунок красками из фотографии в Photoshop
Лучше всего для рисунка красками подходят пейзажи и виды городов. Открываем изображение в Photoshop. В главном меню выбираем пункт «Фильтр»/Filter , .
Откроется окно предпросмотров и выбора эффектов. Нажав на плюс и минус слева внизу, можно масштабировать изображение. В середине расположены списки эффектов по тематике. Раскрываются списки при нажатии на стрелку возле названия. Справа расположены элементы управления эффектом. В основном это - выпадающие списки текстур, ползунки размеров штрихов и тому подобное.
Преобразим фото в рисунок масляной краской. Выбираем группу эффектов «Имитация»/Artistic , а в ней - эффект «Масляная живопись»/Paint Daubs .
Остаётся подобрать на свой вкус «Размер кисти»/Brush Size , «Резкость»/Sharpness (от неё зависит степень слияния соседних мазков) и «Кисть»/Brush Type («Простая»/Simple , «Широкая резкая»/Wide Sharp , «Светлая грубая»/Light Rough , «Широкая размытая»/Wide Blurry , «Тёмная грубая»/Dark Rough , «Искры»/Sparkle ).
Завершив настройки, жмём Ok , фото сохраняем (Shift+Ctrl+S ) в любом удобном формате, например, в JPG.
К данному снимку подберём настройки, как указано на фото ниже.
Получилось вполне правдоподобно. Можно использовать в качестве сувенирной открытки. Если же такую фотографию в обработке распечатать на холсте в фотолаборатории, она будет очень похожа на настоящую картину и вполне может послужить украшением интерьера.
Еще больше о Photoshop - на курсах .
Карандашный рисунок из фотографии в Photoshop
В «Галерее фильтров» можно подобрать эффект эскизного рисунка карандашом. Применяют его чаще всего к портретам. Это простой способ, но важно учесть следующее: чем больше разрешение фото, тем лучше сработает эффект. К тому же фото должно быть контрастным (фон однородный, чтобы модель не сливалась с ним).
Подбираем фото большого размера (в данном случае 5472х2767 пикселей). Открываем его в Photoshop.
Цвет штрихов эскиза будет соответствовать основному цвету, который выбирается на панели инструментов внизу. Вызвать палитру для выбора цвета можно, один раз щёлкнув по изображению наложенных друг на друга квадратов.
После выбора основного цвета заходим в «Галерею фильтров» . Главное меню, «Фильтр»/Filter , «Галерея фильтров»/Filter Gallery , «Эскиз»/Sketch , эффект «Ксерокопия»/Photocopy . Перемещая ползунки «Детализация»/Detail и «Затемнённость»/Darkness , нужно добиться изображения, максимально похожего на рисунок карандашом. К данному фото были применены настройки, которые можно увидеть на снимке ниже.
Можно добавить ещё один эффект из «Галереи фильтров» , который усилит схожесть с карандашным рисунком. Для этого в нижнем правом углу нужно нажать на изображение подогнутого листа бумаги. В списке используемых эффектов появится ещё одна строка.
Теперь можно зайти в другой список эффектов. Заходим в группу фильтров «Штрихи»/Brush Strokes , выбираем «Перекрёстные штрихи»/Crosshatch . В его настройках подбираем параметры, чтобы наш эскиз максимально напоминал штриховку карандашом. Параметр «Длина штриха»/Stroke Length , «Резкость»/Sharpness , «Интенсивность»/Strength в нашем случае можно увидеть на фото ниже. После подбора настроек нажимаем Ok .
В итоге можно доработать рисунок. Если вдруг на фоне изображения получились не очень привлекательные серые пятна, их можно закрасить белой мягкой кистью. Вызывается инструмент нажатием клавиши B , на панели управления выбираем «С растушёванным краем» . Основной цвет меняем на белый, нажав угловую стрелку над изображением наложенных друг на друга квадратов. Затем просто закрашиваем нежелательные зоны.
В данном материале я расскажу, как без особых затрат времени и каких-либо углублённых знаний и хитростей, превратить портретную фотографию в карандашный рисунок (эскиз).
В этом материале я буду использовать программу Photoshop версии CS6, но действия и команды, применяемые в статье, подойдут для всех версий Photoshop вплоть до CS3.
Ниже я привёл изображение с оригиналом и готовым результатом. На картинке слева Вы видите исходную фотографию, а справа итоговое изображение, который мы получим после применения действий, описанных в статье:
Первое, с чего мы начнём - это создание копии оригинального изображения. Откройте фотографию в программе Photoshop, затем откройте палитру слоёв (нажать клавишу F7) и нажмите комбинацию клавиш Ctrl+J, после чего фоновый слойпродублируется:
Копия будет расположена над фоновым слоем и выделена синим цветом, что говорит нам о том, что данный слой является активным. Все дальнейшие действия мы будем производить с этой копией изображения, оставляя оригинал нетронутым.
Теперь нам надо обесцветить изображение. Для этого пройдите по вкладке главного меню Изображение --> Коррекция --> Обесцветить (Image --> Adjustments --> Desaturate) или просто нажмите комбинацию клавиш Ctrl+Shift+U.
Теперь нам понадобится создать дубликат чёрно-белого слоя, в данный момент он у нас активен (подсвечен синим), поэтому для дублирования снова нажмите Ctrl+J:
Инвертируем цвета слоя. Пройдите по вкладке главного меню Изображение --> Коррекция --> Инверсия (Image --> Adjustments --> Invert) или просто нажмите комбинацию клавиш Ctrl+I.
Данное действие в нашем случае инвертирует значения яркости, что делает светлые участки тёмными, а тёмные - светлыми, иными словами, мы получим негатив фотографии:
Изменим режим наложения этого слоя на "Осветление основы" (Color Dodge). При этом окно рабочего документа заполнится белым цветом. В зависимости от образа Вашей фотографии, в некоторых местах могут оставаться чёрные области, но большинство документа будет заполнено белым:
Теперь проходим по вкладке главного меню Фильтр --> Размытие --> Размытие по Гауссу (Filter --> Blur --> Gaussian Blur)
Это открывает диалоговое окно соответствующего фильтра. Начните перемещать ползунок "Радиуса" вправо, и Вы увидите, как в документе начнёт проявляться эффект эскиза. Чем дальше вы переместите ползунок, тем больший будет применяться эффект размытия и, соответственно, будет повышаться интенсивность эффекта эскиза. Однако, если вы переместите ползунок слишком далеко, будут появляться полутона и эффект карандашного рисунка будет пропадать. В моём случае я остановился на значении 12,5 пикселей:
Кликните правой клавишей мыши по активному (верхнему) слою, при этом откроется контекстное меню, в котором наведите курсор мыши на пункт "Объединить видимые" (Merge Visible), зажмите клавишу Alt и кликните левой клавишей мыши по этому пункту. Благодаря зажатой Alt у нас появится новый слой, состоящий из двух объединённых верхних (видимых) слоёв. При этой манипуляции вид фотографии в рабочем окне документа не изменится. Вот как будет выглядеть палитра слоёв:
Изменим режим наложения этого нового слоя на "Умножение" (Multiply), это действие затемнит линии в эскизе. Если вы обнаружили, что линии стали слишком тёмными, уменьшите значение Непрозрачности (Opacity) слоя. У себя я понизил Непрозрачность до 50%:
На данном этапе чёрно-белый рисунок готов, и, если Вам нужен именно чёрно-белый рисунок из цветной фотографии, то можете остановится. Если же Вы хотите добавить в эскиз цвета, то выполните несколько действий, указанных ниже.
Итак, продолжаем. Сделаем копию фонового слоя, находящегося внизу палитры слоёв, для чего кликаем левой клавишей мыши по этому слою и нажимаем комбинацию Ctrl+J, при этом новый слой создастся непосредственно над оригиналом.
Но нам этот слой нужен для придания цветов эскизу, поэтому мышкой перетащим его на самый верх в палитре слоёв.
Теперь осталось только изменить режим наложения на "Цветность" (Color) и уменьшить Непрозрачность (Opacity), в моём примере я задал значение Непрозрачности 65%:
Взгляните ещё раз на конечный результат:
Красота карандашного рисунка во многом зависит от самого исполнителя, несмотря на огромное количество плагинов и встроенных эффектов самого Фотошопа. В этом уроке вы научитесь рисовать настоящий карандашный рисунок, не прибегая к помощи этих эффектов. Ваша работа будет реалистичной, чем когда-либо.
Шаг 1 . Открываем нужный нам файл.
Затем переходим в меню Слой - Новый Слой Заливка - Цвет (Layer - New Fill Layer - Solid Color). В открывшемся диалоговом окне называем слой «nen giay» и нажимаем ОК. В другом диалоговом окне вы используете настройки, что приведены ниже.
Нажимаем ОК.
Далее, заходим в меню Слой - Новый
Слой
Заливка - Узор
(Layer - New Fill Layer - pattern). Называем этот слой «nep giay». В окне нажимаете на узор, а затем на маленькую кнопочку, как на табличке ниже:
Выбираете из стандартного набора «Текстурная заливка»
(Artist Surfaces) - жмете ОК. И выбираете узор с названием «Холст»
(Burlap).
Устанавливаем Масштаб (Scale
)
в 30%.
Устанавливаем Режим Смешивания (Blend
Option
)
на Замена Темным (Darken
)
и Заливка (Fill
)
- 25%.
Дублируем фон, он же задний план (Background).
Называем этот слой «vien». Перемещаем этот слой наверх.
Затем переходим в меню Фильтр - Стилизация - Свечение Краев
(Filter - Stylize - Glowing Edges). Устанавливаем следующие параметры:
Жмем ОК. Затем нажимаем Ctrl + shift + u , чтобы обесцветить изображение. Нажимаем Ctrl + I , чтобы инвертировать цвета. Сейчас картинка имеет границы. Но обратите внимание, что тут есть несколько больших черных линий, используйте белую кисть, чтобы удалить их.
Установите Режим Смешивания на Умножение (Multiply) и Заливку (Fill ) на 50%. Продублируйте фон еще раз и назовите его «ve». Снова поместите его наверх. Нажмите Ctrl + shift + u , чтобы обесцветить изображение. Затем перейдите в меню Изображение - Коррекция - Яркость/Контрастность (Image - Adjustments - Brightness/Contrast). Установите следующие настройки (если вы использовали свою картинку, то они могут отличаться):
Затем идем в меню Фильтр - Шум - Добавить Шум (Filter - Noise - Add Noise).
Устанавливаем Режим Смешивания
(Blend Option) на Умножение
(Multiply).
Далее идем в меню Слой - Слой Маска - Скрыть все
(Layer - Layer Mask - Hide All).
В этом шаге, слое «ve», имеется маска, которая скрывает все другие слои.
Шаг 2. Выберите Инструмент Кисть (Brush Tool), используя набор «Сухие кисти» (Dry Media Brushes):
Выберите первую кисть в этом списке.
Нажмите F5
, чтобы вызвать Палитру Управления Кистями
(Brush Options Panel), и установите следующие настройки:
- Brush Tip shape: + Roundness 20%
- Angles -120
- Shape Dynamics: + Control:Fade: 255
- Minimum Diameter: 16 %
(настройки не переведены, чтобы избежать путаницы, потому что каждая русская версия Фотошопа может разниться в переводе слов. Ориентируйтесь на скриншот, приведенный ниже)
