Фотография в картинку — уроки фотошоп

Рисунок из фото в Photoshop

Из этого урока мы узнаем , как применять фильтр «Масляная краска…» (Oil Paint…) в Photoshop CC и как с помощью него можно быстро и без труда превратить любую фотографию в картину, написанную масляными красками! Впервые фильтр «Масляная краска» (…

Перейти на страницу

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

Перейти на страницу

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

Перейти на страницу

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

Перейти на страницу

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

Перейти на страницу

С помощью данного Photoshop Action Вы сможете в два клика превратить фотографию в карандашный рисунок. Как установить Action в Photoshop, рассказывается здесь. Исходные фотографии и результаты, полученные в результате применения этих экшенов (…

Перейти на страницу

Здесь Вы можете бесплатно скачать Photoshop Action (операцию Фотошоп) с помощью которого можно в один клик превратить в акварельный рисунок любую фотографию. Операция прекрасно подойдёт как для портретных, так и для пейзажных фотографий. Внимание!…

Перейти на страницу

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

Перейти на страницу

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

Перейти на страницу

Еще один интересный урок, как из обычной фотографии создать картину на холсте. Используя данную методику, можно имитировать текстуру фотографии, максимально приближённую к фактуре холста. Я буду использовать эту фотографию: И вот что я получу в…

Перейти на страницу

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

Перейти на страницу

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

Перейти на страницу

Источник: https://rugraphics.ru/risunok-iz-foto

Превращаем фото в рисунок карандашом в Photoshop

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

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

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

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

Начинаем

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

  1. Ваше фото должно быть в цветовом режиме RGB, 8bits/channel (бит/канал). Чтобы проверить так ли это, переходим ImageMode (Изображение – Режим).
  2. Чтобы получить наилучший результат, размер фото должен быть между 1500-4000 пикселями в ширину/высоту. Чтобы проверить, переходим ImageImageSize (Изображение – Размер изображения).
  3. Фото должно быть фоновым слоем. Если это не так, переходим LayerNewBackgroundfromLayer (Слой – Новый – Преобразовать в Задний план).
  4. Чтобы выполнить автоматическую цветокоррекцию, переходим ImageAutoTone (Изображение – Автотон), ImageAutoContrast (Изображение – Автоконтраст) и ImageAutoColor (Изображение – Автоматическая цветовая коррекция).

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

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

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

Шаг 1

Теперь мы создадим базовый набросок.

Выбираем фоновый слой с машинами (слой «Background» на скриншоте) и переходим LayerNewLayerViaCopy (Слой – Новый – Скопировать на новый слой), чтобы скопировать фоновый слой, затем перемещаем дубликат в самый верх панели слоев. После этого жмем D, чтобы сбросить цвет на стандартные. Переходим FilterSketchPhotocopy (Фильтр – Эскиз – Ксерокопия) и настраиваем фильтр:

Шаг 2

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

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

Шаг 1

Теперь мы создадим черновой набросок.

Переходим LayerNewLayerViaCopy (Слой – Новый – Скопировать на новый слой), чтобы скопировать слой «Базовый эскиз».

Берем LassoTool (L) (Лассо), кликаем правой кнопкой по рабочему полотну, выбираем FreeTransform (Свободную трансформацию) и увеличиваем ширину и высоту на 105%, как показано ниже:

Шаг 2

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

Шаг 3

Выбираем слой «Базовый эскиз» и переходим LayerNewLayerViaCopy (Слой – Новый – Скопировать на новый слой), чтобы скопировать его. Берем LassoTool (L) (Лассо), кликаем правой кнопкой по рабочему полотну, выбираем FreeTransform (Свободную трансформацию) и уменьшаем ширину и высоту на 95%, как показано ниже:

Шаг 4

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

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

Шаг 1

Теперь мы создадим грубый набросок.

Выбираем фоновый слой с машинами и переходим LayerNewLayerViaCopy (Слой – Новый – Скопировать на новый слой), чтобы скопировать его, затем перемещаем дубликат в самый верх панели слоев. Переходим FilterArtisticCutout (Фильтр – Имитация – Аппликация) и настраиваем фильтр:

Шаг 2

Переходим Filter – Stylize – Find Edges (Фильтр – Стилизация – Выделение краев), а затем Image – Adjustments – Desaturate (Изображение – Коррекция – Обесцветить).

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

Шаг 10

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

Шаг 11

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

Шаг 12

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

Шаг 13

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

Шаг 14

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

Далее переходим LayerNewGroupfromLayers (Слой – Новый – Группа из слоев), чтобы создать из выбранных слоев группу, которую называем «Грубый эскиз».

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

Шаг 1

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

Переходим FilterStylizeFindEdges (Фильтр – Стилизация – Выделение краев), затем применяем ImageAdjustmentsDesaturate (Изображение – Коррекция – Обесцветить).

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Читайте также:  Фигура — окошки для сообщений - уроки фотошоп

8. Тонировка

Шаг 1

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

Шаг 2

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

Теперь добавим контрастность.

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

Шаг 10

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

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

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

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

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

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

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

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

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

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

Как в Photoshop сделать из фото рисунок карандашом

Главная » Уроки фотошоп» Уроки по обработке фотографий в Фотошопе
19.01.2017, 22:25
Чтобы научиться рисовать, требуется особый талант и годы труда. Но с программой Photoshop вы легко сможете достичь этого за короткий период. Из этого урока вы узнаете, каким образом создаются рисунки из фотографии с помощью кистей. Если в работе использовать графический планшет то можно достичь ещё лучшего эффекта. В похожем уроке Портрет карандашом в Фотошоп рассматривался еще один вариант создания из фотографии карандашного рисунка.  Итак, начнём!Вот результат, который должен получиться:В уроке использовалось изображение с платного ресурса, но вы с легкостью сможете найти в интернете и бесплатные фотографии подобной темы.

1. Настройка изображения

Шаг 1

Открываем наш исходник в программе Photoshop. Кликнем два раза по слою Фон, чтобы разблокировать его и даем название ему Слой 1. Создаём Новый слой и называем его Слой 2. Устанавливаем цвет переднего плана белым, а затем с помощью инструмента Заливка(G), заливаем его белым цветом. Поместим Слой 2 под слоем с исходником.Цветное изображение преобразуем в чёрно-белое. Делаем активным слой с фотографией и заходим в меню Изображение – Коррекция — Цветовой тон / Насыщенность и в появившемся окне настроек уменьшаем Насыщенность до -100.

2. Создание эффекта рисунка

Шаг 1

Переходим к созданию самого эффекта рисунка. Добавляем к слою с изображением тигра слой-маску. Для этого кликаем по иконке слой-маски и сразу заливаем её чёрным цветом при помощи инструмента Заливка(G).Дальше, переключаем цвет переднего плана на белый. Цвет заднего плана должен быть чёрным. Активируем инструмент Кисть(B).Выбираем из набора кистей Плоскую тупую с короткой жёсткой щетиной, устанавливаем размер 60 пикс. и начинаем наносить штрихи по чёрной слой-маске (с кистями и размерами можете поэкспериментировать и выбрать другую, понравившуюся).

Шаг 2

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

Шаг3

Инструментом Перемещение(V) расположите изображение тигра по центру документа и добавляйте штрихи до полного удовлетворения. По завершению продублируйте этот слой клавишами Ctrl+J.

Шаг 4

Теперь нужно усилить эффект рисунка. Заходим в меню Изображение – Коррекция – Уровни и устанавливаем настройки для RGB канала как на скрине, тем самым усиливаем контраст и выделение штрихов. После этого объединяем все слои вместе Ctrl+Alt+Shift+E.

Шаг 5

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

Шаг 6

И в завершении можно добавить ещё одну коррекцию Уровни для канала RGB с такими настройками 18, 0.73, и 248. Подпишите свою работу и на этом остановимся, что бы полюбоваться конечным результатом.Итоговый результат:

Источник: https://photoshoplesson.ru/load/uroki_fotoshop/rabota_s_foto_v_photoshop/kak_v_photoshop_sdelat_iz_foto_risunok_karandashom/3-1-0-231

Процесс рисования портрета по фотографии используя Фотошоп

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

Основными инструментами для цифрового рисования в Фотошопе являются:

— Brush Tool (Инструмент «Кисть» / Клавиша «B»);

— Smudge Tool (Инструмент «Палец»);

— Eraser Tool (Инструмент «Ластик» / Клавиша «E»);

— Polygonal Lasso Tool (Инструмент «Прямолинейное лассо» / Клавиша «L»);

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

Давайте теперь возьмем фотографию какой-нибудь красивой девушки (я люблю карие глаза и темные волосы. Темные волосы легче рисовать…).

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

Кстати говоря: я бы не советовал начинающим художникам рисовать блондинок или девушек с вьющимися локонами.

Кисти

Перед тем как начать, я хочу рассказать вам о кистях, которые я использую. Самые лучшие кисти, которые я когда-либо встречал – это кисти, созданные Дэном ЛюВизи (Dan LuVisi). Благодаря им я смог улучшить уровень своего мастерства. Вы можете скачать кисти по этой ссылке: //adonihs.deviantart.com/art/My-Brush-Pack-118954791.

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

Рисуем основу

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

Красный цвет на коже появится позже: в естественном цвете кожи так же присутствует и красный тон, но для добавления его, я использую отдельный слой с более темным красным цветом и настройкой «Soft Light» (Мягкий свет).

Базовые настройки кисти

Для рисования базовых форм, я использую большую мягкую кисть (Lighting brush, 300 px by Dan LuVisi) . Точно такую же, как показано на скриншоте. Я начинаю рисовать с Opacity (Непрозрачность) 100% очень ярким цветом.

Как только базовая форма закрашена, я уменьшаю Opacity (Непрозрачность) до 5-20%, а Flow (Нажим) до 20% и рисую темным цветом тени, который выбрал для кожи. Низкая непрозрачность и нажим позволяют делать очень плавные переходы от одного цвета к другому.

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

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

Теперь уменьшите рисунок

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

Никогда не работайте все время на 200% увеличении! Вы можете наложить свет на нос при 200% увеличении и посчитать, что «все выглядит великолепно», ну а когда вы уменьшите картину, то окажется, что вместе все смотрится просто ужасно, потому что освещение носа не соответствует освещению картины в целом.

Блестящие глаза

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

Рисунок радужки можно нарисовать при помощи инструмента Smudge Tool (Инструмент «Палец»).

Брови

Для рисования бровей я использую инструмент Smudge Tool (Инструмент «Палец»). В Photoshop CS4 можно вращать ваше рабочее пространство. Мне проще рисовать сверху вниз, поэтому я вращаю рисунок так, как мне будет удобнее.

Вот мои настройки для инструмента палец при рисовании бровей:

Hard brush (Жесткая кисть) with 3 px radius;

Threshold (Порог): 9598%;

Brush properties: active; Size-Jitter (Колебание размера) 0%Pen Pressure (Нажим пера).

Наложим немного красного на…

Наступило время для того, чтобы добавить красный цвет в кожу. Для этого я буду использовать отдельный слой с настройкой «Soft light» (Мягкий свет). Теперь просто добавьте немного темно-красного тона на подобии того, что использовал я:

Теперь, когда я добавил красный тон, я могу слить оба слоя в один (слой лица/тела и слой мягкого красного цвета).

Рисование волос

Для начала я рисую базовую форму волос на новом слое. Нет ничего проще… 🙂

Воспользуйтесь пальцем!

Второй шаг в этом не легком процессе – это размазывание волос за пределы базовой формы. И снова я использую кисть, созданную Дэном ЛюВизи.

Вы можете просмотреть все его кисти на странице: //adonihs.deviantart.com/art/My-Brush-Pack-118954791.

Я использовал кисть для волос (hair brush) при размазывании инструментом Smudge Tool (Инструмент «Палец»). И вот что у меня вышло.

Тени

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

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

Детализация волос

Какую кисть я использовал на этом скриншоте? Правильно! Кисть для волос (hair brush) Дэна ЛюВизи 🙂

Правда, с небольшими изменениями, отличными от оригинала.

Настройка у моей кисти для Offset (Сдвига) изменена до 1% и я рисую ею с низкими значениями Opacity/Flow (Непрозрачности/Нажима).

Ну и само собой, сейчас мы используем инструмент Brush Tool (Инструмент «Кисть» / Клавиша «B»), а не палец, так как мы должны рисовать детали, а не размазывать.

Тонкие волосики

Как вы видите на этом рисунке, я использую очень тонкую кисть для рисования волос (и рисую я на новом слое!).

Мы просто берем обычную жесткую (hard) кисть с любым темным цветом, близким к цвету волос и рисуем ею.

Обычно я использую жесткую кисть (hard brush) в 3 px с довольно высокими значениями Opacity (Непрозрачности) и Flow (Нажима).

Используем размытие!

Волосы, которые я нарисовал чуть ранее, на этом рисунке теперь размыты довольно сильно. Для того чтобы добиться такого результата, необходимо выбрать Filter — Blur — Gaussian Blur (Фильтр — Размытие — Размытие по Гауссу).

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

Кисть я использовал для ластика большую и мягкую с непрозрачностью 30% и нажимом 30% (big, soft eraser with 30% opacity, 20% flow).

А теперь осветлим их!

Теперь я создаю новый слой для того, чтобы высветить пряди белым цветом при помощи жесткой стандартной кисти с непрозрачностью 80%, нажимом 50% и радиусом 3 px (hard standard brush with 80% opacity, 50% flow and 3 px radius). Это может занять прилично времени….

Используйте белый цвет по всей длине волос! Как только вы закончите, возьмите большой мягкий ластик (big soft eraser with 30% opacity) с непрозрачностью 30%, к примеру, и сотрите то, что вы нарисовали с наиболее темных участков. Но не полностью!

Финальный блеск

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

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

Теперь давайте выберем инструмент Burn Tool (Инструмент «Затемнитель» / Клавиша «O») и выберите текстурную кисть (Texture layer brush) Дэна ЛюВизи (мы будем так же использовать эту кисть для рисования пор на коже девушки, но немного позже). Установите приблизительно размер кисти в 130 px и не выставляйте достаточно высоко уровень Exposure (Экспонирования). Результат будет выглядеть приблизительно так, как на рисунке.

Рисование кожи

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

На этот раз – Texture brush (Текстурную кисть). Обычно я использую радиус в 130 px, но это зависит исключительно от размера вашей работы (мои стандартные работы 100 х 80 см – 150 dpi).

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

Зачем держать поры на отдельном слое? Потому что так будет лучше для нас же. Предположим, что мы захотели что-то подправить на лице, допустим, сделать его темнее. Не будем же мы затемнять и точки. Выглядеть будет просто ужасно! 🙂

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

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

Так же можно попробовать использовать настройки режимов наложения для слоя с порами, например, Soft Light (Мягкий свет) или Overlay (Перекрытие).

Теперь нам нужно создать особо большие поры и родинки на коже. Снова, на новом слое, нарисуем большие точки разного размера. Как только вы сочтете, что точек достаточно – сотрите их снова! 🙂

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

Лицо закончено.

Вводим новые элементы

Если я нарисую просто картину девушки, она не будет столь интересной. Поэтому я решил добавить несколько элементов, которые бы сделали мою работу индивидуальной и интересной.

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

Итак, я решил изобразить веер и добавить некоторые азиатские/японские мотивы.

Я начал штудировать материалы по Японии и решил остановиться на вишневом цвете. Мне пришлось работать с множеством слоев, поэтому для меня не составило труда изменить цвет определенным элементам веера. Для подобных операций я обычно использую Image — Adjustments — Hue/Saturation (Изображение — Коррекция — Цветовой тон/Насыщенность / Клавиши «Ctrl+U»).

Ну а теперь настало время немного поработать над передним планом.

Одежда

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

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

Я сдублировал дракона четыре раза и затем использовал инструмент Burn Tool (Инструмент «Затемнитель» / Клавиша «O») с кистью из маленьких точек для того, чтобы придать ткани шелковистый вид.

Свет

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

Я использовал для этого на новом слое большую мягкую кисть чуть больше чем стандартная вместе с настройкой «мягкий свет» (the soft light filter). Дальше я создал несколько лучей света.

Для этого я взял жесткую кисть и нарисовал несколько больших точек, а затем выбрал через меню Filter — Blur — Motion Blur (Фильтр — Размытие — Размытие в движении) и изменил режим наложения слоя на Overlay (Перекрытие).

Последующие четыре изображения: Вы можете сравнить их. Разве вы не видите разницы между ними?

Финальный результат

Здесь можно просмотреть готовую работу: italiener.deviantart.com;

Источник: https://photoshoplessons.ru/grafika/risuem-portret-po-foto

Уроки фотошоп. Тема 3. Улучшение фотографий. Урок 8. Создание объёмной «трёхмерной» фотографии в Adobe Photoshop

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

Изучив предложенную тему, Вы сможете сами быстро придавать объём и динамику своим фото с помощью стандартных инструментов Adobe Photoshop. Данный урок применим на любой версии программы. Начиная от Adobe Photoshop 5.

5 и до Adobe Photoshop CS6.

Adobe Photoshop – один из наиболее популярных пакетов для обработки растровой графики. Несмотря на высокую цену, программой пользуются до 80% профессиональных дизайнеров, фотографов, художников компьютерной графики. Благодаря огромным функциональным возможностям и простоте использования Adobe Photoshop занимает доминирующее положение на рынке графических редакторов.

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

Тема 3. Улучшение фотографий. Урок 8. Создание объёмной «трёхмерной» фотографии в Adobe Photoshop

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

А зачастую хочется подчеркнуть динамику, драйв, настроение. Возможно ли вернуть объём нашему фото? С помощью фотошопа – несомненно. На прошлом уроке рассматривались методы усиления объёмности фотографий. Данное занятие – логичное продолжение. На основе изученных базовых инструментов Adobe Photoshop мы за 10-15 минут создадим яркую, динамичную и объёмную фотографию.

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

  1. Выделение части изображения и копирование на новый слой
  2. Усиление объёма изображения с помощью фильтров Adobe Photoshop
  3. Наложение слоёв в Фотошопе
  4. Стили наложения слоёв.

Первые три темы уже пройдены в рамках данного курса Adobe Photoshop. В тексте будут размещаться ссылки на уже размещённые уроки. 

Пока же поговорим о том, как мы воспринимаем объём. Любой предмет взаимодействует с теми, которые находятся за ним. Как минимум, затеняет их. Задача придания объёмности фотографии сводится к двум методикам:

  1. Работа с тенями, контурами объектов: усиление границ света и тени
  2. Работа с резкостью и размытием на разных участках фото

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

Практическая часть

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

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

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

Итак алгоритм действий

  • Любым из привычных Вам способов выделите лошадь
  • Скопируйте её на новый слой
  • Сделайте 1-2 копии слоя с лошадью (без фона).
  • Выделите часть изображения на фоне и удалите её. Для этого достаточно нажать кнопку «Del»

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

В результате у Вас должно получиться примерно такое изображение:

Далее перейдите на второй слой (с лошадью без фона). Как известно, объекты на переднем плане имеют свойство затенять фон. Добавление тени вокруг лошади делается с помощью инструментов палитры «Стиль слоя».

 Для вызова стиля наложения слоёв:

  • Выделите слой, к которому будете применять эффект
  • В меню «Слои» выберите пункт «Стиль слоя»
  • Далее – любой из вариантов в выпадающем меню. Откроется общая палитра настроек всех инструментов.

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

Кратко опишем основные параметры стилей слоя

  • Блок инструмента «Тень» добавляет тень от данного слоя. При этом цвет тени, её свойства и режим наложения можно регулировать по Вашему желанию.
  • Инструмент «Внутренняя тень». Работает аналогично предыдущему инструменту. С одним отличием – тень отбрасывается внутрь вашего изображения. Это создаёт эффект «вдавленного» или «утопленного» края.
  • Блоки Внешнее и Внутреннее свечение отвечают за подсветку внешних зон или внутренних краёв изображения. При этом, если присмотреться к настройкам инструментов, свечение и тени – одно и то же. Превратить инструменты друг в друга просто – достаточно поменять накладываемый цвет и режимы наложения.
  • Инструмент «Тиснение» работает с гранями изображения. Его алгоритм аналогичен фильтру «тиснение», который был изучен на предыдущем занятии. Тиснение добавляет света и тени на границы, создавая эффект объёма.
  • Глянец. Как понятно из названия, задача данного инструмента – добавить блики и так называемый глянцевый эффект.
  • Инструменты «Наложение цвета», «Наложение градиента», «Наложение узора» заполняют зону изображения соответственно цветом, градиентным переходом или текстурой. При этом можно добиться как полной замены, так и совмещения в режимах, аналогичных режимам наложения слоёв. Цвет, текстура и градиент так же могут регулироваться по параметру прозрачность.
  • Инструмент «Обводка» добавляет вокруг слоя контур. При этом обвести объект можно цветом, градиентным переходом или узором. Очень эффектно смотрится при применении к правильным геометрическим фигурам или, например, тексту.

Замечание: Если ваш слой заблокирован либо является фоновым (что в принципе одно и то же) – стили слоёв применить к нему невозможно. Для исправления ситуации снимите блокировку (преобразуйте в обычный слой). Для этого выделите слой дважды щёлкните на значке замок.

Совет: добавить стиль слоя можно так же из панели «Слои». Для вызова инструментов:

  • Выберите слой на палитре «Слои».
  • В нижней части палитры «Слои» нажмите на значок f(x)
  • Из выпадающего списка выберите нужный стиль

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

  1. Дважды щёлкнуть на названии эффекта. Откроется соответствующая панель настроек
  2. Выберите слой. Затем перейдите к панели настроек через меню «Слои» — «Стиль слоя».

Для дальнейшей работы нам понадобится всего лишь два эффекта — «Тень» и «Тиснение». Они имеют сходные основные параметры настройки. Пройдёмся по каждому из них:

Настройка эффекта «Тень»

  • Меню «Наложение» полностью идентично наложению слоёв. Справа от выпадающего списка можно выбрать цвет тени. Для этого достаточно дважды щёлкнуть на черном квадрате.
  • «Непрозрачность» — полный аналог прозрачности при наложении слоёв – регулирует уровень перекрытия нижележащих пикселей (информации на нижних слоях).
  • «Угол»– регулирует угол падения света. Тень отбрасывается в противоположную сторону. Очень важный инструмент. Несовпадение углов света на эффекте с освещённостью снимка всегда выдаёт неудачный коллаж.
  • «Смещение» регулирует расстояние от объекта до тени. Указывается в пикселях. Чрезмерный уровень смещения может привести к появлению «пустой» окантовки между объектом и тенью.
  • «Размах» – регулирует размер самой тени. Учитывая, что тень – это серая область, которая потом размыта, то «Размах» описывает размер начальной области тени. Чем он больше – тем больше тень
  • «Размер» отвечает за уровень размытия тени. Действие алгоритма полностью повторяет работу механизма «Размытие». Для понимания принципов достаточно повторить урок «выделение с размытием»
  • Блок «Контур» отвечает за тип контура на краях изображения. Фактически это – структура скоса при создании эффекта объёма.
  • Пункт «Смягчение» регулирует эффект «смазывания» крайних пикселей. Он полезен при наложении тени на выделение с резкими краями.

Настройка эффекта «Тиснение»

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

  • «Внутренний скос» создаёт грань на внутренних границах слоя
  • «Внешний скос» влияет на нижележащие слои: грань формируется из пикселей подложки.
  • «Тиснение» — имитация вдавливания слоя в изображение, лежащее снизу. Типичный пример – объёмная (высокая) печать в полиграфии. Или, например, шрифт Брайля для слепых.
  • «Контурное тиснение» аналогично предыдущему инструменту. За одним исключением: в работе принимают участие крайние пиксели выбранного слоя.
  • «Обводящее тиснение» работает только в паре с эффектом «Обводка». Позволяет ограничить размеры скоса площадью обводки.

Выбор метода. Следующий блок отвечает за метод, которым будет создаваться скос. Доступны следующие варианты «Плавный», «Жесткая огранка», «Мягкая огранка». Эффекты «Внутреннее свечение» и «Внешнее свечение» имеют параметры «Мягкий» и «Точный». Остановимся на каждом из них:

  • «Плавный» метод – размывает края подложки. Метод применим независимо от выбранного эффекта. Очень эффективен при работе с небольшими фрагментами.
  • «Жесткая огранка» устанавливает жёсткий скос, аналогичный, например, срезу ножом грани. Работает эффективно с объектами правильной геометрии и текстом.
  • «Сглаженный» обеспечивает лучшую детализацию мелких объектов.
  • «Мягкая огранка» – метод аналогичный «жесткой огранке». С одним «но» — формирует более плавные углы скоса. Хорош при подчёркивании деталей на краях.
  • «Мягкий» метод. Название говорит само за себя. Мягкий скос, аналогичный подтёку воска на свече.
  • «Точный» – чрезвычайно жёсткий метод. Формирует очень точную, контрастную границу. Применим к «неживым» объектам. При подчёркивании природных форм смотрится ненатурально.

Параметр «Глубина» отвечает за задание глубины скоса: количества пикселей из которых будет формироваться край. 

Параметры «Размер» и «Смещение» аналогичны параметрам эффекта «Тень».

Блок инструментов «Затенение» позволяет установить цвет тени и подложки. Фактически – подсветку граней скоса, на которые падает свет. Установки аналогичны режиму «Тень».

Вернёмся к практической работе:

  • Если вы ещё не создали копии слоя с лошадью – самое время это сделать
  • Перейдите на нижний из слоёв с вырезанным животным
  • Разобравшись с параметрами, сформируйте тень от лошади. Старайтесь, чтобы тень падала по направлению света основной фотографии, либо под углом 90 градусов к вектору освещённости. Во всех остальных случаях результат не будет выглядеть естественным.
  • Для подчёркивания объёма лошади установите небольшие уровни тиснения. Учитывая, что размещённая на сайте фотография имеет всего 800 пикселей по горизонтали, параметры размера ограничены 10-15 пикселями. А смягчение – 10-ю.

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

  • Для того, чтобы улучшить восприятие, вспомните предыдущий урок по увеличению объёма. 
  • Выберите слой, лежащий над тем, с которым только что работали (копия лошади).
  • Примените к этому слою один из фильтров. Например «Тиснение» («Фильтр» — «Стилизация» — «Тиснение»)
  • После этого отрегулируйте метод наложения слоя и его прозрачность.

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

А структуру кожи и объём фигуры формируем наложением копии.

При необходимости можно дополнительно применить эффект объёма к ещё одной копии. И так же «поиграть» с режимами наложения.

Но, как видно из предыдущего рисунка, игра с объёмом привела к неприятным эффектам: вокруг ног лошади (на траве) есть белая окантовка.

 

Чтобы от неё избавиться:

  1. Выберите ластик с мягкими краями и малыми режимами непрозрачности и нажима
  2. Начиная от самого нижнего слоя обработайте края ластиком
  3. Повторите действия на всех слоях с лошадью (кроме слоя фона)
  4. Повторите пункты 2-3 до исчезновения неприятного эффекта либо получения удовлетворительных результатов
  5. С помощью стиля слоя сформируйте тиснение и тень от фонового рисунка
  6. Подложите под фоновый рисунок ещё одно изображение или добавьте снизу слой и залейте цветом. (для наглядности автор сознательно «развернул» тень от фона в другую сторону).

В результате получится примерно такое изображение (либо превосходящее его по качеству):

Удачной работы!

 

Источник: https://cadelta.ru/photo/id427

Ссылка на основную публикацию