Как превратить фотографию в скетч в Photoshop

из фотографии в рисунок

Как превратить фотографию в скетч в Photoshop

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

Быстрые готовые эффекты программы находятся в «Галерее фильтров».

Возможно, вы встречали преображённый карандашный рисунок из фотографии в Photoshop? Такие рисунки легко сделать, применяя к фотографиям эффекты в Photoshop из «Галереи фильтров».

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

Для начала рассмотрим пример, как сделать фотографию нарисованной краской. Далее — как из фото сделать рисунок карандашом.

Рисунок красками из фотографии в Photoshop

Лучше всего для рисунка красками подходят пейзажи и виды городов. Открываем изображение в Photoshop. В главном меню выбираем пункт «Фильтр»/Filter, «Галерея фильтров»/Filter Gallery.

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

Преобразим фото в рисунок масляной краской. Выбираем группу эффектов «Имитация»/Artistic, а в ней — эффект «Масляная живопись»/Paint Daubs.

Остаётся подобрать на свой вкус «Размер кисти»/Brush Size, «Резкость»/Sharpness (от неё зависит степень слияния соседних мазков) и «Кисть»/Brush Type («Простая»/Simple, «Широкая резкая»/Wide Sharp, «Светлая грубая»/Light Rough, «Широкая размытая»/Wide Blurry, «Тёмная грубая»/Dark Rough, «Искры»/Sparkle).

Завершив настройки, жмём Ok, фото сохраняем (Shift+Ctrl+S) в любом удобном формате, например, в JPG.

К данному снимку подберём настройки, как указано на фото ниже.

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

Еще больше о Photoshop – на курсах «Fotoshkola.net».

Карандашный рисунок из фотографии в Photoshop

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

Подбираем фото большого размера (в данном случае 5472х2767 пикселей). Открываем его в Photoshop.

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

После выбора основного цвета заходим в «Галерею фильтров».

Главное меню, «Фильтр»/Filter, «Галерея фильтров»/Filter Gallery, «Эскиз»/Sketch, эффект «Ксерокопия»/Photocopy.

Перемещая ползунки «Детализация»/Detail и «Затемнённость»/Darkness, нужно добиться изображения, максимально похожего на рисунок карандашом. К данному фото были применены настройки, которые можно увидеть на снимке ниже.

Можно добавить ещё один эффект из «Галереи фильтров», который усилит схожесть с карандашным рисунком. Для этого в нижнем правом углу нужно нажать на изображение подогнутого листа бумаги. В списке используемых эффектов появится ещё одна строка.

Теперь можно зайти в другой список эффектов. Заходим в группу фильтров «Штрихи»/Brush Strokes, выбираем «Перекрёстные штрихи»/Crosshatch.

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

Параметр «Длина штриха»/Stroke Length, «Резкость»/Sharpness, «Интенсивность»/Strength в нашем случае можно увидеть на фото ниже. После подбора настроек нажимаем Ok.

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

Вызывается инструмент нажатием клавиши B, на панели управления выбираем «С растушёванным краем».

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

Теперь сохраните рисунок комбинацией клавиш Shift+Ctrl+S, формат файла выбрать можно, как обычно, JPG.

Вот что получилось.

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

Вот так всё просто. Теперь вы научились пользоваться «Галереей фильтров». Можно радовать себя и друзей интересными аватарками для соцсетей. Применяйте фантазию и пользуйтесь остальными фильтрами. Ваши работы удивят вас самих.

Еще больше о Photoshop – на курсах «Fotoshkola.net».

Источник: https://Prophotos.ru/lessons/19542-photoshop-iz-fotografii-v-risunok

Как сделать из фотографии рисунок: Лучшие способы

Как превратить фотографию в скетч в Photoshop

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

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

Сервис Photo Phunia

Photo Phunia

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

Рис. 1- главная страница сайта Photo Phunia

Чтобы начать работу, выберите файл на своём ПК. Для этого нажмите на сайте копку Browse.

Затем определите цветовую гамму изображения (чёрно-белая или цветная).

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

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

Рис. 2 — создание рисунка на сайте Photo Phunia

Сервис Croper

Croper

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

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

Одна из самых популярных возможностей этого сайта – функция рисунка карандашом.

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

Интерфейс редактора очень простой. Загрузите файл на сайт, нажав на соответствующую кнопку.

Картинка откроется в новом окне сайта. После этого найдите вкладки главного меню – они расположены в верхней части сайта. Кликните по очереди на «Операции»-«Эффекты»- «Карандаш».

Рис. 3 — выбор эффекта в онлайн редакторе Croper

Сверху странички выберите настройки длины штриха и уровень наклона.

Затем нажмите на клавишу применить, чтобы запустить процесс преобразования картинки.

Это займёт не более одной минуты. При необходимости вы можете настроить контрастность конечного рисунка.

Результат работы Croper представлен на рисунке ниже.

Рис. 4 — результат преобразования картинки

Создание рисунка в Adobe Photoshop

С помощью Фотошоп вы также можете создать из обычной картинки рисунок карандашом.

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

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

Все приведенные ниже действия выполнены в программе Photoshop CS6. Использованные функции доступны в более ранних и во всех новых версиях приложения.

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

Рис. 5 — первоначальная картинка

Для начала нам нужно скопировать оригинальное изображение.

Для этого откройте картинку в программе, дождитесь загрузки панели инструментов и нажмите на кнопку F7. Затем кликните на сочетании кнопок Ctrl — J. Таким образом вы создадите дубликат слоя.

Рис. 6 — создание дубликата слоя в Фотошоп

Далее будем работать только с копией слоя. Чтобы начать создание эффекта рисунка, необходимо обесцветить картинку.

Для этого нажмите на пункт Изображение (главное меню программы). Кликните на «Коррекция» – «Инверсия». Также, чтобы применить обесцвечивание для слоя, достаточно нажать одновременно на клавиши Ctrl и I.

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

Рис. 7 — процедура обесцвечивания

На панели слоёв полученный негатив будет отображён в виде второй копии оригинального слоя. Далее изменим режим отображение слоя. Кликните на слое 2 и в строке «Режим» откройте выпадающий список. Кликните на «Осветление основы».

Рис. 8 — выбор режима отображения слоя

После изменения режима полотно проекта станет полностью или частично белым. На панели главного меню нажмите «Фильтр»-«Размытие».

Из предложенного списка выберите «Размытие по Гауссу». В открывшемся окне отрегулируйте ползунок, создавая уровень размытости.

Чем выше значение этого показателя, тем светлее становится картинка, приобретая очертания нарисованной.

Рис. 9 — регулировка параметра размытости по Гауссу

Важно! Не переусердствуйте с применением фильтра размытости, иначе фотография может стать слишком светлой и эффект карандаша потеряется. Оптимальное значение размытости — 12,5 – 13 пикселей.

Такой метод обесцвечивания позволяет добиться максимальной чёткости штрихов картинки, не теряются пиксели, сохраняется разрешение картинки. Как видим, картинка приобрела очертания карандаша, но не стала слишком светлой.

Перейдите в окно работы со слоями и выберите самый первый слой, как показано на рисунке ниже. Затем понесите указатель к названию слоя и дождитесь появления контекстного меню. В нём кликните на пункт «Объединить видимые слои». Зажмите кнопку Alt и указателем выделите все три слоя, которые нужно объединить.

Рис. 10 — окно отображения слоёв после объединения

Выберите самый верхний слой (слой 1). Нужно изменить режим его показа на «Умножение». Это позволяет затемнить каждую линию эскиза, придавая эскизу больше натуральности.

Линии не должны быть слишком тёмными. Если же такое случилось, отрегулируйте параметр «Непрозрачность» до отметки 50%. Необходимо, чтобы сохранился цвет «простого» карандаша.

Рис. 11 — изменение режима отображения слоя

На этом можно закончить работу. В результате мы получаем чёрно-белый эскиз первоначальной фотографии. Если вы хотите добавить эскизу немного цвета, создайте копию фонового слоя, нажав на Ctrl — J.

Рис. 12 — дубликат слоя

Теперь нам нужно только изменить параметры цвета отображения сделанного дубликата слоя. Выберите режим «Цветность» и в строке Прозрачность выставьте значение 65%, как показано на рисунке выше.

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

Рис. 13 — итог создания рисунка из фотографии

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

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

Приложение Prisma

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

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

Prisma есть для Android и iOS, на текущий момент более 10 миллионов пользователей установили на свои устройства.

Такого успеха программа добилась менее чем за полгода после официального релиза в онлайн-маркетах. Также приложение входит в топ лучших утилит для редактирования фото в App Store.

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

Следуйте инструкции, чтобы сделать из вашего фото настоящее произведение искусства:

  • Скачайте и установите редактор на ваше устройство. Откройте программу;
  • в приложение встроена возможность создания снимков, сделайте фото или загрузите существующую картинку с помощью файлового менеджера;
  • в нижней части экрана появится список фильтров и эффектов. Просмотреть все эффекты можно с помощью флипа вправо-влево. Кликните на понравившийся стиль;
  • дождитесь окончания обработки изображения. Это займёт не более минуты. Для видеороликов обработка требует до 5 минут;
  • выберите интенсивность применяемого эффекта, перемещая указатель вправо или влево по экрану;
  • нажмите на клавишу «Сохранить» и выберите директорию, в которую будет перемещён итоговый файл. Вы также можете мгновенно поделиться результатом редактирования в одной из социальных сетей (Instagram или ).

Совет: Каждое фото, которое было обработано в Prisma, содержит водяной знак приложения в правом нижнем углу.

Чтобы убрать его, после открытия программы дождитесь появления окна камеры и кликните на значок настроек. В новом окне найдите пункт «Добавление водяного знака» и отключите его.

Источник: https://pomogaemkompu.temaretik.com/1032403884883577788/kak-sdelat-iz-fotografii-risunok-luchshie-sposoby/

FotoSketcher — превращение фотографий в рисунки

Как превратить фотографию в скетч в Photoshop

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

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

Название программы FotoSketcher по-русски можно перевести как фото скетч (эскиз или набросок). Фотография (изображение) в результате модификации становится рисунком, или картиной.

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

Скачать FotoSketcher можно с официального сайта разработчика. Программа работает в операционной системе Windows, приложение имеет русский язык интерфейса.

Интерфейс программы FotoSketcher

После запуска откроется главное окно FotoSketcher. В верхней части окна программы находятся две панели: панель меню и панель с кнопками. Из панели меню выполняется управление программой.

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

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

Программой можно управлять не только мышкой, но и с помощью «горячих клавиш». Нажмите на пункт меню «Редактировать». В открывшемся контекстном меню вы увидите, каким командам соответствуют клавиши клавиатуры.

Создание рисунка в FotoSketcher

Выберите начальное изображение, откройте его в программе, а затем нажмите на кнопку «Параметры рисунка…». После этого откроется новое окно «Параметры рисования». Здесь вы можете загрузить параметры (если параметры были сохранены ранее), сохранить параметры, или сбросить параметры по умолчанию.

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

  • 6 эффектов эскизов карандашом;
  • 2 эффекта эскиза пером чернил;
  • 10 эффектов живописи (акварель, масло);
  • 7 стилизованных эффектов (мультфильм, мозаика);
  • 3 других эффекта;
  • 1 вариант без эффектов (рамка, текстура, текст).

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

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

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

Теперь можно модифицировать изображение в соответствие с выбранным стилем: регулировать интенсивность цвета, уровень контраста, и т. д. Для каждого стиля применяются свои собственные настройки. С помощью кнопки «Руководство кисти» можно изменить размер кисти, с помощью которой будет выполнен рисунок.

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

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

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

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

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

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

Выводы статьи

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

Источник: https://vellisa.ru/fotosketcher

Чертежи, скетчи и наброски в веб-дизайне силами Photoshop

Как превратить фотографию в скетч в Photoshop

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

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

 Но зачастую веб-мастера также применяют стилистику набросков или скетчей.

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

Это отдельные зарисовки, общая стилистика для разных тематик от мультфильмов до кондитерской фабрики, сайты для дизайнерских студий интерьеров и так далее.

Обобщенно говоря, всё, что не связано с технологиями, поскольку рисунок от руки попросту стилистически не соответствует «ноу-хау».  Зато скетчи отлично походят для всех прочих направлений.

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

Или сочетание цветного центра и черно-белой зарисовки.

Все это и будем создавать.

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

Expostroy

Совместный проект РБК и Expostroy представляет сайт интерьеров квартир для женщин и мужчин. При этом загрузочный экран сначала представляет скетч-чертеж (похожий на нашу первую работу), а затем женская половина его окрашивается в цвета.

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

Bonifacio

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

Portion

Необычные анимационные линейные скетч-рисунки использовались для проекта аукционного дома Portion.

Здесь очень упрощенные контурные изображения предметов: ваз, смартфонов, иконок, картин, часов и так далее.

Разумеется, это не скетчи в чистом виде, какими мы привыкли их обычно видеть, но качественно созданные контурные рисунки, которые также, аналогично, передают смысл объекта, его основные элементы.

Tram-house

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

WNC

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

Europejski

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

Также стоят внимание такие проекты как twenty-twenty, Walters Homes, Facade Lab, alexandraelisa, Дом на Хлебном, Эрнест и Селестина, lapierrequitourne, Daydream Designs

Скетчи и чертежи-эскизы в Photoshop

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

Кроме того, когда речь заходит о чертежах-набросках зданий, оформления улиц, интерьеров, то скетч (настоящий) крайне неуместен, хотя эффекты визуально немного похожи.

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

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

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

Часть 1

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

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

Создаем дубликат (Ctrl+J) нашего дома (Слой 1) и передвигаем в начало списка. Для обесцвечивания переходим Изображение -> Коррекция -> Обесцветить и затем начинаем «играть» с черным и белым на панели Уровней Ctrl+L.

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

Важно: детали здания и объектов не должны потеряться, как не должно появиться и пересветов.

Создадим теперь копию и этого слоя. Обратим цвета Изображение -> Коррекция -> Инверсия. Теперь выбираем режим наложения Осветление основы, и все становится белым. Ничего, немного займемся магией и переходим в Фильтр -> Другое -> Минимум, и сразу видим, как у нас появились границы объектов.

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

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

Теперь объедим Слой 1 и Слой 1 Копия. Поскольку слои находятся друг за другом, то кликаем ПКМ по верхнему слою и выбираем в меню Объединить с предыдущим. Можно с помощью Ctrl выбрать  два слоя и также через меню ПКМ выбрать Объединить слои. Тут нет особой разницы, но у нас остается только один Слой 1 и устанавливаем режим наложения – Умножение.

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

Вертикальные линии

Снова сделаем дубликат нашей фотографии и копию разместим над Слоем 1 и переменяем в Скетч-1.

Выделим края с помощью Фильтр -> Стилизация -> Выделение краев и убираем цветность через Обесцвечивание. Грязность рисунка объясняется тем, что у нас насыщенные цвета фотографии.

Применим Размытие в движении из Фильтр -> Размытие. Угол установим в 90 градусов, а смещение на 1200 пикселей. Вы увидите, как проявятся четкие прямые линии. Их в чертежах и набросках используют для создания направляющих по осям. Смещению можно задать и большее и меньшее значение, позже на практике вы сможете определять заранее, какое вам лучше подойдет.

Итак, вертикальных линий у нас много, но направляющие нужно как-то выделить. Для этого отправляемся в Фильтр -> Резкость -> Умная резкость и создаем эффект от четкости к размытию.

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

Поэтому подбирайте то, что вас более устраивает.

Теперь нужно чтобы направляющие стали воздушными. В Галерее фильтров переходим в Эскиз -> Ксерокопия и выбираем уровень Детализации и Затемненность. Мы установили маленькие значения, поскольку помним, насколько темноват основной рисунок. Вы смотрите, насколько важно вам выделить вертикальные линии.

Нажимаем Ок и выбираем режим наложения – Умножение. Два рисунка слились воедино, но линии очень явные, они перекрывают все и вся. Поэтому, непрозрачность именно фона с линиями мы снижаем. Насколько? Опять же, подбирайте исходя из вашей работы. Мы выбрали 26%, ибо не хотим, чтобы линии были очень яркими, но и совсем осветлять их, тоже смысла нет.

И это тоже не все, поскольку линии не должны быть везде. Часть придется убрать. Добавим к этому слою черную маску через Слой – > Слой-маска -> Скрыть все, благодаря которой полностью все линии пропадут.

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

Если они получаются все же очень светлыми, увеличьте параметр Непрозрачность для слоя.

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

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

Умную резкость применяем с теми же параметрами и в настройках Ксерокопии тоже Детализацию и Затемненность мы оставили прежними.

Применим снова режим наложения Умножение и отрегулируем ползунок Непрозрачности слоя. Добавим слой-маску черную и мягкой кисточкой с белым цветом прорисуем линии там, где нам нужно.

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

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

Теперь добавим корректирующий слой Уровни и сделаем рисунок чуть светлее, сдвинув правый ползунок чуть влево.

Поясним один момент.

Карта Градиента позволила нам выделить края, линии, придать контраст и сделать акцент на границах объектов.

Уровни же позволяют сделать рисунок светлым, чистым от «артефактов», шума, пыли и дефектов разного рода, что появляются, когда цвета обесцвечиваются, применяются фильтры  и так далее.

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

https://www.youtube.com/watch?v=_mzHP9oy3QI

Объединим все наши слои в один Ctrl+Shift+Alt+E и применим Фильтр –> Другое –> Цветовой контраст. Это позволит сделать границы деталей более явными и тогда на основном рисунке они будут яркими и контрастными. Режим наложения – Жесткий цвет.

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

А здесь все тот же метод, но с цветной тонировкой. И еще в начале материала были примеры с интерьером и домом.

Завершение

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

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

Поэтому работа вручную всегда проще и более четко можно подобрать желаемые параметры. Особенно, если каждый слой переводить в смарт-объект. Тогда фильтры можно корректировать на лету в любое время.

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

Источник: https://wayup.in/blog/drawings-and-sketches-in-web-design-by-photoshop

Создаем эффект карандашного наброска на фотографии в Фотошоп / Фотошоп-мастер

Как превратить фотографию в скетч в Photoshop

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

Этот эффект является частью экшена с карандашным наброском, который можно приобрести на Envato Market.

Скачать архив с материалами к уроку

1. Добавляем фото девочек

Создайте новый документ размером 850 на 636 пикселей. Конечно, вы можете выбрать иной размер для PSD-документа, но вам придется пропорционально изменять размеры всего, что есть в этом уроке. В документ поместите изображение девочек.

Шаг 1

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

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

Затем поместите его на плоскую поверхность, желательно контрастного цвета (например, черного, если бумага белая).

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

Шаг 2

Загрузите снимок на компьютер и откройте его в Photoshop. При помощи инструмента Magic Wand (Волшебная палочка) выделите кусок бумаги и удалите фон.

Шаг 3

Скачайте изображение клочка бумаги и поместите его на новый слой.

Шаг 4

Нажмите Ctrl + T, чтобы вращать клочок бумаги. Поместите его над той областью, которую вы хотите превратить в карандашный набросок.

Шаг 5

Дважды нажмите Ctrl + J, чтобы создать две копии слоя с клочком бумаги. Назовите их «torn paper 1» и «torn paper 2» («порванная бумага 1» и «порванная бумага 2»).

Шаг 6

Добавьте стиль слоя Drop Shadow (Тень) к оригинальному слою с клочком бумаги. Цвет тени – #000000.

Drop Shadow (Тень):

  • Непрозрачность: 43%;
  • Угол: 120 градусов;
  • Смещение: 7 пикселей;
  • Размер: 5 пикселей.

8. Создайте кусочек наброска при помощи Обтравочной маски

Зажмите клавишу Ctrl и выделите слои Girls 1, Girls 2, Girls 3 и Girls 4. Кликните правой кнопкой мыши по выбранным слоям и выберите Create Clipping Mask (Создать обтравочную маску).

Шаг 7

С нажатой клавишей Ctrl щелкните по слоям Torn paper 1 и Torn paper 2. Затем, кликните правой кнопкой мыши по выбранным слоям и нажмите Create Clipping Mask (Создать обтравочную маску).

10. С легкостью перемещайте эффект наброска

Если вы хотите превратить в набросок другую часть своего рисунка, просто зажмите клавишу Ctrl, а затем щелкните по слоям Torn paper 1, Torn paper 2 и Torn paper.

При помощи инструмента Move (Перемещение) измените положение кусочка бумаги.

Поздравляю! Вот и все!

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

John Negotia

Источник: https://Photoshop-master.ru/lessons/effects/sozdaem_effekt_karandashnogo_nabroska_na_fotografii_v_fotoshop.html

Поделиться:
Нет комментариев

    Добавить комментарий

    Ваш e-mail не будет опубликован. Все поля обязательны для заполнения.