Контурный рисунок из фотографии: Контурный рисунок из фотографии -Russian Photoshop Tutorial :: Melissa Evans

Контурный рисунок из фотографии -Russian Photoshop Tutorial :: Melissa Evans

Tutorial Links: Page 1 | Page 2

Russian translation by VanVin

Line Art Tutorial Recommended for Intermediate Level Photoshop Users


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

Для успешного выполнения урока вам необходимо уметь работать с инструментом Pen (перо).
PEN TOOL

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

1) Подготовка слоев

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

Отрегулируйте яркость (Brightness) изображения, используя команду Adjustments>Brightness/Contrast из меню Image.


Сдублируйте (Ctrl+J) исходный слой, назвав новый слой «top».

Создайте еще два новых слоя (меню Layer>New>Layer или Ctrl+Shift+N), разместив их под слоем top.

Залейте один из новых слоев (расположенный над слоем oroginal) белым, переимено- вав его на background, а второй оставьте прозрачным, задав для него имя line art.

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

2) Настройка инструмента Brush (кисть)

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

Области, находящиеся в тени, так же изображают с более толстыми контурами, чем освещенные объекты.

Все это вы можете изучить, рассматривая контур- ные рисунки и комиксы.

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


Перейдем теперь непосредственно к настройке кис- ти (Paint Brush) и настроим ее так, чтобы штрихи, наносимые ею сужались от начала к концу.

Щелкните инстумент кисть, затем выберите вклад- ку Brushes (кисти) в правой верхней части экрана:

Конкретные настройки для вашей кисти будут меняться в зависимости от типа рисуемых контуров и, особенно, от диаметра кисти. Ниже представлен один из вариантов:

Теперь перейдем в раздел Shape Dinamics (динамическое изменение формы):

1. Задайте для параметра Control режим Fade (затухание)

2. Задайте желаемое значение затухания

3. Задайте Minimum Diametr (Минимальный диаметр)

(На скриншоте показаны значения Fade=250, Minimum Diameter=27%, но вы можете по- добрать другую комбинацию этих параметров, которая понравится вам больше – поэкспе- риментируйте с двумя этими значениями)

Выберите в качестве foreground colour (цвет переднего плана) – черный (быстро сделать это можно, нажав клавишу D – цвета по умолчанию)

3) Создание контуров (Paths)

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

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

Убедитесь, что для инструмента Pen (перо) задан режим Create New Work Paths (Paths в Photoshop CS):

Создайте контур вокруг внешней части верхней губы, отрегулировав при необходимос- ти положение точек и расположение кривых участков инструментом Direct Selection Tool.

Когда вид контура вас удовлетворит, щелкните правой кнопкой мыши, не снимая выде- ления с конутура, и выберите в раскрывшемся меню пункт Stroke Path (обводка контура).

Щелкнув по пиктограмме глаза в палитре слоев, «верните» видимость слою background. Затем удалите вспомогательный контур (path), щелкнув правой кнопкой мыши и выбрав пункт delete path. Теперь ничто не мешает вам рассмотреть созданную линию. Если вы удовлетворены результатом, снова отключите видимость слоя background и переходите к созданию следующего контура. Если нет – вернитесь с помощью палитры History на ста- дию корректировки вспомогательного контура, нарисованного инструментом Pen и отре- гулируйте его:

Кроме того, полученную линию можно подправить с помощью инструмента Eraser (ластик):

Для создания линий, тонких с обоих концов и утолщающихся к центру (как у внешнего контура нижней губы на рисунке) в настройках кисти (раздел Shape Dynamics) для пара- метра Control измените режим Fade на Pen Pressure со значением Minimum Diameter=1%:

Для таких линий при обводке их с помощью команды Stroke Path включайте режим Simulate Pressure (имитировать нажим).


Периодически включайте видимость слоя background, чтобы оценить результаты на чистом белом фоне.

Для создания очень толстых линий, таких, как контуры бровей, мы рисуем замкнутый (то есть, не имеющий разрывов) вспомогательный контур (path), и, при создании линии выби- раем не обводку вспомогательного контура (Stroke Path), а его заливку (Fill Path):

Для создания геометрических фигур – овалов, кругов, квадратов и т.п. – используйте со- ответствующие инструменты Ellipse Tool, Rectangle Tool:

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

Tutorial Links: Page 1 | Page 2

Как сделать контур в Фотошопе

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

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

Пошаговая инструкция

1. Загрузите в программу Photoshop исходное изображение.
texture-photoshop
2. Теперь начнем работу с фильтрами. Зайдите в меню «Фильтр» – «Стилизация» – «Выделение краев».

contour-photoshop
Изображение будет выглядеть следующим образом:
contour-photoshop (2)
3. Теперь так же откройте меню «Фильтр» и перейдите в «Эскиз» – «Ксерокопия». Откроется окно, в правой части которого необходимо выставить следующие параметры: «Детализация» – 9; «Затемненность» – 5. Нажмите кнопку ОК. На заметку: в этом пункте необязательно строго следовать инструкции. Поэкспериментируйте с показателями детализации и затемненности, чтобы добиться наиболее подходящего для вас результата.
contour-photoshop (3)
4. Перейдите в меню «Изображение» – «Коррекция» – «Яркость/Контрастность» и отрегулируйте с помощью ползунков параметры, пока не добьетесь наиболее подходящего результата.
contour-photoshop (4)
contour-photoshop (5)

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

Как сделать силуэт на фото? Обводка очертаний и границ. ~

Может вы видели у многих такой эффект, где видна обводка? Как сделать силуэт на фото с помощью приложения? Читайте скорее в этой простой инструкции.

Очертания

Итак, обвести силуэт можно в приложении PicsArt. Скачать бесплатно его можно из официальных магазинов из AppStore и Google Play.

Что нужно делать:

  1. Открыть PicsArt и выбрать нужное фото из Галереи.
  2. В нижнем меню выбрать Эффекты-Скетч.
  3. Из предложенных скетчей выбрать тот, который понравился больше всего.
  4. Сохранить изображение.

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

Как сделать обводку на фото

Как сделать силуэт на фото

Как сделать обводку на фото Как сделать силуэт на фото

Фильтр

В инстаграме у @nahir.esper. есть фильтр, который создает похожий эффект. Называется он Outline.

фильтр в инстаграме делает границы очертание

Сорви овации

Будьте самыми стильными! Используйте суперэффекты:

  1. Маски для инстаграма.
  2. Обложки для актуальных историй.
  3. Красивые шрифты.
  4. Топ-20 лучших фильтров VSCO.
  5. Анонимно смотреть истории.
  6. Видеоредакторы.
  7. Как убрать предмет с фото.
  8. Рамки (большая коллекция).
  9. Мемоджи.
  10. Акварельные мазки.
  11. Flat Lay раскладка.
  12. Надпись в круге на фото.
  13. Двойная экспозиция.
  14. Снимки в стиле Полароид.
  15. Красивый инстаграм в маленьком городе.

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

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

Спасибо за ваше потраченное время

Как сделать карандашный рисунок из фото в Фотошопе

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

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

Создаем эффект карандашного рисунка

Подбор фотографии

Для начала необходимо определиться с фотографией, которую будем использовать в для обработки. Мы, в MyPhotoshop.ru, остаемся верными себе и выбираем очередную звезду – Рэйчел МакАдамс.

Рэйчел МакАдамс в Фотошопе

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

Подготовка слоя к работе

  • Сперва нужно преобразовать наше фото в Смарт-объект. Чтобы это сделать, необходимо кликнуть ПКМ (правой кнопкой мыши) на нужный слой и в выпадающем списке выбрать “Преобразовать в смарт-объект”.
    Преобразовать слой в смарт-объект
    Альтернативный вариант через главное меню: “Слой” -> “Смарт-Объект” –> “Преобразовать в смарт-объект”.
    Слой - смарт-объект - преобразовать в смарт-объект
  • После того, как мы преобразовали слой с фотографией в смарт-объект, можно применять Смарт-Фильтры. На слой, который преобразован в смарт-объект, Фотошоп автоматически добавляет соответствующую иконку:
    слой смарт-объект

Создание штрихов

  • Создаем две копии слоя с помощью горячих клавиш CTRL+J. Теперь переименуем все слои, чтобы было удобнее работать. Самый верхний назовем “Контуры”, средний слой – “Косые штрихи слева”, самый первый – “Косые штрихи справа”.
    работа с палитрой слоев в фотошопе
  • Скрываем видимость с двух верхних слоев, оставив видимым только самый первый.
    снимаем видимость со слоев в фотошопе
  • Выбрав самый нижний слой, переходим в главное меню “Фильтр” -> “Галерея фильтров”.
    Фильтр - Галерея фильтровРаскрываем папку “Эскиз” и находим фильтр “Тушь”. Убедитесь, что в палитре цветов, основным цветом выбран черный, иначе у вас вместо эффекта все будет закрашено белым цветом. В панели настроек фильтра справа выбираем в пункте “Направление штрихов” – По диагонали вправо”. Остальные настройки оставляем, как есть или настраиваем, как у нас на скриншоте ниже:
    Эскиз - тушьПосле применения настроек, у вас должен получиться примерно такой результат:
    Эффект Карандашный рисунок в Photoshop
  • Теперь необходимо повторить все то же самое только со вторым слоем “Косые штрихи слева”. Включаем его видимость и повторяем все действия, только в пункте “Направление штрихов” выбираем “По диагонали влево”.
    Фильтр - тушь Photoshop
    Кликаем “ОК” и получаем такой эффект: Как сделать карандашный рисунок из фото в Фотошопе
  • Теперь нужно уменьшить непрозрачность слоя “Косые штрихи слева” передвинув ползунок до 50 процентов.
    непрозрачность слоя в photoshop

Вроде уже неплохо, но мы двигаемся дальше.

Добавление контура

  • Сперва выбираем самый верхний слой “Контур” и включаем его видимость. Затем переходим в главное меню “Фильтр” –> “Стилизация” –> “Выделение краёв”.
    фильтр - стилизация - выделение краев
  • Затем меняем на этом слое режим наложения на “Умножение”.
    режим наложения - умножение

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

Стоит отметить, что у вас не получиться применить фильтр “Обесцветить” или “Цветовой тон/Насыщенность” на Смарт-объект. Реализовать обесцвечивание нам в данном случае можно через создание нового корректирующего слоя, либо через “Параметры наложения” (стили слоя).

Мы воспользуемся стилями слоя.

  • Для этого кликните дважды на нужный слой, в нашем случае это “Контур”.
    В открывшемся окне выбираем в левом меню “Наложение цвета”, а в настройках справа устанавливаем черный цвет и в режиме наложения выбираем “Цветность”.
    стили слоя - наложение цвета
  • Применяем настройки и смотрим на результат:
    Как сделать карандашный рисунок из фото в Фотошопе - Рэйчел МакАдамс

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

Бонус: добавление цвета

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

  • Сперва удалим стили. Для этого в главном меню выбираем “Слой” –> “Стиль слоя” –> Очистить стиль слоя.
    слои - стиль слоя - очистить стиль слоя
  • После убираем смарт-фильтр: “Слой” –> “Смарт-фильтр” –> “Снять смарт-фильтры”.
    слои - смарт-фильтр - снять смарт-фильтры
  • Последним шагом меняем режим наложения цветного слоя на “Цветность”.
    режим наложения - цветность

Таким образом у нас получился неплохой цветной карандашный рисунок:

Как сделать цветной карандашный рисунок из фото в Фотошопе

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

До встречи в наших следующих уроках!

Превращение фотографии в рисунок: несколько способов для начинающих

risunok-iz-fotoДоброго времени суток!

Весьма неплохим способом оживить эмоции и поздравить близкого человека — может стать картина (рисунок) собственного производства...

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

Примечание: стоит отметить, что рисунки можно сделать разные — одни будут как бы нарисованы красками (акварелью), другие - с помощью карандаша, третьи - выжиганием по дереву и пр.

В общем-то, всё зависит от вашей фантазии!

 

👉 В тему!

Идеи для поздравления: как можно оригинально подготовить фото и видео в качестве дополнения к подарку — https://ocomp.info/idey-dlya-pozdravleniya.html

 

*

Содержание статьи

3 способа, как сделать рисунок из фото

Домашняя фотостудия

Сайт разработчика: http://homestudio.su/

domashnyaya-fotostudiya-logo

Один из лучших фоторедакторов для начинающих пользователей. Позволяет буквально в 2-3 клика мышкой применять достаточно "сложные" эффекты к фото и картинкам (т.е. вам не придется долго и нудно что-то изучать, как при работе, например, с Фотошоп).

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

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

Открываем нужное фото (Домашняя фотостудия)

Открываем нужное фото (Домашняя фотостудия)

 

Вариант 1. Рисунок карандашом

Открываем раздел "Эффекты" и переходим во вкладку "Каталог эффектов". См. пример на скриншоте ниже.

Эффекты - Каталог эффектов

Эффекты - Каталог эффектов

 

После, во вкладке "Стилизация" нужно выбрать искомый эффект - "Рисунок карандашом", и задать основные цвета и параметры (рекомендую выбрать набор из 12 карандашей - так рисунок будет максимально естественным).

Для оценки результата изменения фото — нажмите кнопку "Просмотр".

Стилизация - рисунок карандашом

Стилизация - рисунок карандашом

 

Как видите, фото было превращено в рисунок (причем, весьма не плохой, как будто, так и было...👌).

Что получилось

Что получилось

 

Вариант 2. Рисунок акварелью

Рисунки можно создавать не только с помощью карандаша, но и красок (акварели, например). Для активации подобного эффекта в "Домашней фотостудии" — откройте нужную картинку и выберите инструмент "Эффекты/Художественные/акварель".

Эффекты - акварель

Эффекты - акварель

 

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

Акварель

Акварель

 

Вариант 3. Выжигание по дереву

Этот эффект весьма интересен, но подходит он не ко всем фото (не все элементы хорошо "видны" на таком фоне).

Чтобы его применить к фото — сначала перейдите во вкладку "Эффекты/каталог эффектов".

Каталог эффектов

Каталог эффектов

 

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

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

Стилизация - выжигание по дереву

Стилизация - выжигание по дереву

 

Вариант 4. Старинное фото или свиток

Для активации этого эффекта: откройте нужное вам фотографию, затем кликните по меню "Оформление/Старинный свиток".

Оформление - старинный свиток

Оформление - старинный свиток

 

После укажите тип свитка, наложение и нажмите кнопку "Применить".

Старинный свиток

Старинный свиток

 

Фото станет таким, как будто ему уже лет 100 и вам оно досталось от предков...

Результат

Результат

 

 

FotoSketcher

logo-fotoskutcher

Сайт разработчиков: http://fotosketcher.com/download-fotosketcher/

Важно! Рекомендую использовать портативную версию (запускать от имени администратора!).

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

 

Что касается работы в FotoSketcher: сначала нужно запустить программу от имени администратора (правый клик мышки по ярлыку программы поможет выбрать этот режим) и открыть в ней какое-нибудь фото (сочетание Ctrl+O).

Открыть изображение

Открыть изображение

 

Далее пред вами появится окно настроек, где нужно будет выбрать стиль рисования — например, "Живопись 1 (акварель)", и нажать кнопку "Рисовать". См. пример ниже, вариантов на самом деле много.

рисовать!

рисовать!

 

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

Что получилось в итоге

Что получилось в итоге (живопись акварелью) / Кликабельно

 

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

Мультфильм

Мультфильм

 

Получилось весьма необычно — можно самостоятельно делать целые мультики, если преобразовать несколько сотен подобных снимков?!

Графика стала мультяшной!

Графика стала мультяшной!

 

 

Онлайн сервисы

Сервис 1: http://funny.pho.to/ru/art-effects/

Сервис 2: https://photofunia.com/ru/effects/sketch

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

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

Выбор эффекта

Выбор эффекта

 

Всё, что потребуется от вас — это загрузить с ПК нужное фото, либо указать его URL-адрес в сети.

Загружаем нужное фото

Загружаем нужное фото

 

Далее сервис автоматически преобразует фото в достаточно необычный и интригующий слайд. Им можно поделиться или загрузить к себе на ПК. Выглядит, на мой взгляд, весьма интересно?!

Итоговый результат. Выглядит очень неплохо?!

Итоговый результат. Выглядит очень неплохо?!

 

*

Если вы знаете еще какие-то интересные варианты "колдовства" над картинками — сообщите пару слов в комментариях.

На сим пока всё, удачи!

👋

donate dzen-ya

Полезный софт:

  • видеомонтаж
  • ВидеоМОНТАЖ

  • Отличное ПО для начала создания своих собственных видеороликов (все действия идут по шагам!).
    Видео сделает даже новичок!
  • утилита для оптимизации
  • Ускоритель компьютера

  • Программа для очистки Windows от мусора (ускоряет систему, удаляет мусор, оптимизирует реестр).

Другие записи:

Лучшие бесплатные схемы рисования изображений. Скачать с 18276 бесплатные рисунки Outline на GetDrawings