Как сделать объем в фотошопе
В этом уроке вы создадите необычного фэнтези-героя на основе детского рисунка «Чешуйчатая лупоглазка». Работа может показаться забавной и шуточной, но на самом деле вам будет полезно создавать подобные картинки чтобы понять, с помощью каких приёмов можно сделать плоский объект объёмным и как для этого управлять светом и тенями.
Сложность урока: Средний
В этом уроке вы создадите необычного фэнтези-героя на основе детского рисунка «Чешуйчатая лупоглазка». Работа может показаться забавной и шуточной, но на самом деле вам будет полезно создавать подобные картинки чтобы понять, с помощью каких приёмов можно сделать плоский объект объёмным и как для этого управлять светом и тенями.
Создавая подобных персонажей, вы разгоняете своё воображение и фантазию, а ещё параллельно изучаете новые приёмы в рисовании и коллажировании и отрабатываете их.
Кроме фантастического персонажа вы будете создавать его окружение. Дополнительно работать с текстурами и освещением, рисовать отражения, блики и сияние. Узнаете много приёмов в которых используются корректирующие слои, различные маски и режимы наложения.
Итоговый результат урока
Основные тезисы урока:
- Способ переноса карандашного рисунка в проект Photoshop;
- Создание и доработка контура эскиза;
- Используем инструменты Трансформаци, фильтр Пластика и Марионеточную деформацию;
- Работаем с масками слоя, обтравочными масками, режимами наложения и корректирующими слоями;
- Организация слоёв и папок для удобства работы;
- Определяемся с источником света и отображаем его на окружении;
- Как и зачем использовать градиент на маске;
- Как правильно использовать/усиливать текстуры для персонажа и фонового окружения;
- Прорисовка свето-теневого рисунка для создания объёма;
- Как создать и дорисовать щупальца;
- Лёгкая ретушь;
- Регулируем контраст, цвет, насыщенность и освещение;
- Процесс создания объёмного лица, глаз и хвоста персонажа;
- Рисуем правильные тени, цветные переливы, блики и яркое освещение;
- Как создать воздушность и парение в воде;
- Что такое отражённый свет и как его нарисовать;
- Как использовать Узорный штамп и добавить блеск на персонажа;
- Как придать разноплановость работе;
- Как вписать персонажа в окружающую атмосяферу и фон;
- Финальная коррекция в фильтре Camera Raw.
Изучайте методы и приёмы создания фотоманипуляций с дорисовкой у практика, прекрасного преподавателя Елены Минаковой. Эти навыки вам будут полезны как для создания личных работ так и в коммерческих целях.
Эта статья подробно рассказывает о возможностях эффекта Тиснение (Bevel and Emboss).
Сложность урока: Легкий
Перед вами обновлённая версия урока, который выполнен в Photoshop CC2018.
Эффект Тиснение (Bevel and Emboss) позволяет имитировать объём, помогает создать чувство глубины, добавляя света и тени, можно сказать, что это самый совершенный инструмент реализации объёма в Фотошоп.
1. Содержание диалогового окна Стиль слоя
Откройте диалоговое окно Слой стиля (Layer Style) в меню Слой – Стиль слоя и выберите Тиснение (Bevel and Emboss).
Необходимо определить с помощью параметра Стиль (Style), что мы будем делать – скос или рельеф и какой именно.
Стиль (Style) – с помощью этого параметра определяется тип объёма.
Внешний скос (Outer Bevel) – получится как бы приподнятая плоская фигура, скос будет наружу по границе объектов.
Внутренний скос (Inner Bevel) – эффект будет создавать выпуклую объёмную фигуру.
Тиснение (Emboss) – делает изображение выпуклым, совмещая в себе два предыдущих.
Обводящее тиснение (Pillow Emboss) – вдавливает обрабатываемый объект в фон.
Контурное тиснение (Stroke Emboss) – рельефным становится не сам объект, а его обводка.
Метод (Technique) – оказывает влияние на форму создаваемого объекта, может принимать три значения:
Плавное (Smooth) – объёмные фигуры будут иметь плавные формы, переходы от света к тени также будут плавными.
Жёсткая огранка (Chisel Hard) – объёмные фигуры с резкими формами.
Мягкая огранка (Chisel Soft) – промежуточный между двумя, описанными выше.
Глубина (Depth) – определяет рельефность создаваемых фигур (при больших значениях приводит к большому уровню контраста).
Направление (Direction) – определяет направление скоса объёма, если установлено значение Вверх (Up), то объект возвышается над поверхностью, если Вниз (Down) – углубляется в неё.
Размер (Size) – определяет геометрический размер объёма.
Смягчение (Soften) – размывает чёткие границы фигуры.
Угол и Высота (Angle and Altitude). Угол определяет угол освещения, под которым эффект применяется к слою. Перемещая крестик на схеме, символизирующий источник света, наблюдайте за изменениями. Перетащите перекрестие к центру, чтобы переместить источник освещения непосредственно наверх – значение 90. Перетащите перекрестие к краю, чтобы переместить источник к горизонту – значение 0. Заметьте, что угол освещения задается по двум измерениям — по отношению к фронту объекта и по отношению к поверхности, на которой он находится.
Глобальное освещение (Use Global Light) – если изменять значения Угол (Angle) и Высота (Altitude) для отдельного стиля, в то время как стоит флажок Глобальное освещение (Use Global Light), другие стили, также использующие эту опцию, будут изменены. Поставьте флажок Глобальное освещение (Use Global Light), чтобы воспользоваться текущими значениями параметров Угол (Angle) и Высота (Altitude). Или снимите этот флажок, чтобы использовать другие значения названных параметров для конкретного стиля
Сглаживание (Anti-Aliased) – назначение этого параметра устранить неровности, сгладить переходы, особенно если ваш слой имеет маленький и детальный контур.
Режим подсветки, цвет и непрозрачность (HighlightMode, ColorboxandOpacity).
В области Режим подсветки (Highlight Mode) можно выбрать режим наложения, цвет и его прозрачность для «подсвеченной» части скосов, область Режим теней (Shadow Mode) используется для установки тех же параметров, но для затененной части скоса.
Цветовые окна – Colorbox, определяют цвет тени, свечения или подсветки, верхнее задаёт оттенок для света, нижнее – для тени. Вы можете щелкнуть на поле цвета, чтобы выбрать цвет, также вы можете управлять степенью непрозрачности (оpacity).
2. Примеры настроек
Теперь рассмотрим стиль слоя Тиснение (Bevel and Emboss) на конкретном примере. Применим к тексту стиль Внешний скос (Outer Bevel) ((цвет (color) текста – белый (white), заливка (Fill) – 10%):
Внутренний скос (Inner Bevel)
Тиснение (Emboss)
Обводящее тиснение (Pillow Emboss)
Контурное тиснение (Stroke Emboss)
3. Контур и текстура
Тиснение (Bevel and Emboss) имеет две дополнительные функции: Контур (Contour) и Текстура (Texture). С помощью параметра Контур (Contour) на рельеф можно накладывать различные контуры. Контур управляет такими элементами, как постепенное исчезновение тени или уменьшение освещенности на скосах.
Дважды щелкните на пункте Контур (Contour) в списке стилей слева. Выберите подходящий контур из раскрывающегося списка и настройте его при помощи ползунка Диапазон (Range).
Сглаживание (Anti-Aliased) – назначение этого параметра устранить неровности, сгладить переходы
Диапазон (Range) – используйте эту опцию, чтобы корректировать позицию и размер контура в пределах поперечного сечения скоса. Меньшие значения диапазона соответствуют меньшему размеру теневого контура.
Чтобы создать новый контур, щелкните на значке с изображением текущего контура — откроется диалоговое окно Редактор контуров «Contour Editor». Щелкните на кнопке Новый (New) и задайте имя контура. Измените линию контура, устанавливая щелчками мыши и перетаскивая якоря желаемым образом. Используйте флажок Угол (Corner), если требуется «угловой» перегиб линии, или сбросьте его в случае, когда перегиб должен быть плавным. Сохраните новый контур щелчком на кнопке ОК.
С помощью параметра Текстура (Texture) можно без труда добавить в объём любой образец текстуры и получить интересный результат.
Выберите Текстура (Texture) в списке стилей, в диалоговом окне появятся элементы управления для манипуляций с текстурами. Выберите подходящую текстуру из раскрывшегося списка (в качестве источника узоров для текстур здесь используются Узор (Pattern). В результате к текущему слою будет применена текстура, основанная на выбранном узоре.
Привязать к началу координат (Snap To Origin) – если вы переместили текстуру от ее первоначального положения, перетаскивая в окне документа, вы можете вернуть обратно текстуру к ее заданной по умолчанию позиции, нажимая эту кнопку.
Масштаб (Scale) – перетаскивая этот бегунок, вы можете управлять размером текстуры. Это полезно, потому что разрешающая способность текстуры вероятно не будет соответствовать разрешающей способности вашего документа.
С помощью ползунка Глубина (Depth) можно настроить «глубину» узора, корректировать контраст светлых и темных цветов узора. При изменении с положительного на отрицательное значение меняются местами тёмные и светлые области
Инвертировать (Invert) – эта опция инвертирует тёмные и светлые области текстуры.
Выбранный и настроенный стиль с текстурой можно связать с текущим слоем, установив флажок Связать со слоем (Link With Layer). Тогда при перемещении слоя текстура будет также перемещаться.
В первом примере контур Скругленные ступени (Rounded Steps) применен к тексту, используя подэффект Контура, в то время как второй пример использует подэффект Текстуры Точки 1 как текстуру к тексту.
Шаг 1. Мы будем использовать фоновое изображение в качестве основы размера для этой композиции. Откройте фоновое изображение и убедитесь, что его разрешение (resolution) установлено на 300px/inch.
При активном слое «Фон» (Background) нажмите сочетание клавиш Ctrl+J, чтобы скопировать слой и изменить Режим смешивания (Blend Mode) копии на Умножение (Multiply).
Прим. переводчика: Параметр Режим смешивания (BlendMode) слоя расположен в верхней части палитры слоев слева от параметра Непрозрачность (Opacity).
Шаг 2. Теперь откройте изображение с нашей девушкой – жертвой моды. Чтобы сохранить отдельный оригинал изображения и избежать повторного вырезания в случае ошибок, которые мы можем совершить в будущем, сохраним нашу жертву моды отдельным документом.
С помощью инструмента Перо (Pen) создайте контур по внешнему краю девушки, включая куб, на котором она сидит. После того, как вы обведете края, создайте еще несколько контуров между ее лицом и серьгами, рукой и ногой, а также между обеими ногами. Как только все контуры будут нарисованы, кликните в любом месте правой кнопкой мыши и выберите Создать выделение (Make Selection). Нажмите сочетание клавиш Ctrl+J, чтобы скопировать выделение на новый слой.
Прим. переводчика: Убедитесь, что выделение образовалось именно вокруг девушки, а не вокруг фона. Если у вас «бегающая дорожка» образуется по периметру документа, то у вас выделен фон. В этом случае вам надо воспользоваться сочетанием клавиш Ctrl+Shift+I или меню Выделение – Инвертировать (Select – Invert), чтобы инвертировать выделение, выделив тем самым девушку. Только тогда копируйте ее на новый слой.
Шаг 3. Переместите вырезанную жертву моды в нашу основную композицию. Измените название слоя на «Жертва моды» и поместите ее по левому краю, как показано на изображении ниже.
Нажмите сочетание клавиш Ctrl+J, чтобы копировать слой «Жертва моды», измените Режим смешивания (Blend Mode) копии на Умножение (Multiply) и уменьшите Заливку (Fill) до 50%.
Шаг 4. Создайте новый слой под слоем «Жертва моды» и назовите его «Тень модели». При выделенном слое «Тень модели» зажмите клавишу Ctrl и кликните по миниатюре слоя «Жертва моды» для создания выделения. Залейте выделение черным. Нажмите сочетание клавиш Ctrl+D, чтобы удалить выделение. Теперь нам нужно сместить черную тень модели, перейдя в меню Редактирование – Трансформация – Искажение (Edit> Transform>Distort).
Расположите два верхних маркера, как на рисунке ниже.
Примените Размытие по Гауссу (Gaussian Blur) радиусом 40px, перейдя в меню Фильтр – Размытие – Размытие по Гауссу (Filter>Blur>Gaussian Blur).
Затем примените маску слоя (layer mask). В качестве основного цвета установите черный цвет, а затем выберите инструмент Градиент (Gradient) и проведите линейным (linear) градиентом по маске слоя от головы на тени до модели.
Шаг 5. Выберите копию фонового слоя и создайте над ним корректирующий слой (adjustment layer) Цветовой тон/Насыщенность (Hue/Saturation).
В окне Цветовой тон/Насыщенность (Hue/Saturation) отметьте параметр Тонирование (Colorize), установите Цветовой тон (Hue) на 0, а Насыщенность (Saturation) на 48 и Яркость (Lightness) на 10.
Шаг 6. Создайте группу (group) над корректирующим слоем (adjustment layer) Цветовой тон/Насыщенность (Hue/Saturation) и назовите его «Правая граница»(right border). В этой группе нарисуйте продолговатый прямоугольник или длинную полоску с помощью инструмента Прямоугольник (Rectangle), начинающийся с верхней части изображения, заканчивающийся в нижней. При активном новом слой-фигуре, нажмите сочетание клавиш Ctrl+J 5 раз, чтобы дублировать слой. Расположите их на небольшом расстоянии друг от друга. Теперь, начиная с первой фигуры, измените цвет у каждого прямоугольника, подбирая цвета к шортам нашей жертвы моды.
Прим. переводчика: убедитесь, что инструмент Прямоугольник (Rectangle) установлен у вас в режиме слой-заливка (filllayer).
Создайте новый слой в группе «Правая граница» (right border) под другими слой-фигурами и назовите его «градиент правой границы» (right_border_gradient). В качестве основного цвета установите черный, выберите инструмент Градиент (Gradient) и проведите линейный градиент (linear gradient) от правой границы до обуви модели.
Шаг 7. Затем откройте оба векторных набора в Illustrator. Начнем с брызг "splatters", скопируйте и вставьте несколько из них, или их все из Illustrator’а в Photoshop над группой «правая граница»(right_border) в качестве Смарт-объектов (Smart-Object). Я оставил векторные объекты с их стандартными цветами, поскольку они хорошо сочетаются с нашей работой, но вы свободно можете их изменить, если захотите. Расположите их вокруг головы модели: сзади, справа и слева. Я разместил свои брызги на четырех отдельных слоях, таким образом, я могу контролировать положение каждого из них.
Как только вы скопируете и вставите все векторные брызги, какие захотите, повторите этот же процесс с цветочным векторным набором, расположив их вокруг модели. Снова изменяйте цвет любого векторного объекта по своему усмотрению.
Создайте новую группу над группой «правая граница» (right_border) и назовите ее «векторное искусство» (vector art). Переместите в нее все векторные изображения.
Шаг 8. Так-так, я знаю, о чем вы думаете… Когда же мы будем делать 3D? И знаете что? Момент настал! Пришло время воплотить ваши задумки в реальность, так что возьмите свои 3D очки и положите их рядом с собой.
Для начала отключите видимость группы «правая граница» (right_border).
Теперь нам необходимо сохранить изображение, как два отдельных .jpg/.jpg изображения. Для начала сохраните изображение с помощью сочетания клавиш Ctrl+Shift+S или Файл – Сохранить как (File>Save As). Сохраните его где-нибудь, где вам потом его будет легко найти, поскольку мы его скоро будем использовать. Назовите его как «жертва_моды_слева» (fashion_victim_left).
Затем выделите слои «жертва моды» и «жертва моды копия», выделив один, а затем при нажатой клавише Shift другой. Нажмите клавишу V, чтобы активировать инструмент Перемещение (Move). Зажмите клавишу Shift и нажмите клавишу со стрелкой влево дважды. Теперь, как и ранее, нажмите сочетание клавиш Ctrl+Shift+S или перейдите к меню Файл – Сохранить как (File>Save As), чтобы сохранить изображение. На этот раз назовите изображение «жертва_моды_справа» (fashion_victim_right).
Шаг 9. Откройте оба изображения «жертва_моды_слева» (fashion_victim_left) и изображение «жертва_моды_справа» (fashion_victim_right). В документе с изображением «жертва_моды_справа» (fashion_victim_right) разблокируйте слой «Фон» (Background) и дайте ему название «справа» (right). Нажмите сочетание клавиш Ctrl+Shift+S и сохраните его c расширением .psd под именем «жертва_моды_анаглиф» (fashion_victim_anaglyph).
Поместите изображение «жертва_моды_слева» (fashion_victim_left) в документ «жертва_моды_анаглиф» (fashion_victim_anaglyph).psd и дайте этому слою название «слева» (left).
Выделите слой «слева» (left), понизьте его непрозрачность (opacity) до 50%, и вы заметите, что изображение девушки начнет немного выходить из фокуса. Используя клавиши стрелок, расположите слой «слева» (left) так, чтобы изображение снова стало чистым. Установите непрозрачность (opacity) слоя «слева» (left) снова на 100%.
Шаг 10. Выключите видимость слоя «слева» (left). Сделайте активным слой «справа»(right) и нажмите сочетание клавиш Ctrl+L или перейдите к меню Изображение – Коррекция – Уровни (Image > Adjustments > Levels), чтобы скорректировать уровни для слоя.
Выберите Красный (Red) канал из выпадающего меню и измените значение 225 у внешних (output) уровней на 0.
Это действие удалит красный из слоя, оставив сине-зеленое изображение.
Шаг 11. Верните видимость слоя «слева» (left). При активном слое «слева» повторите процесс, описанный в шаге 10, но на этот раз для синего (blue) и зеленого (green) каналов.
Теперь слой «слева» (left) должен отображаться у вас без зеленого и синего, как вы видите ниже.
Измените режим смешивания слоя «слева»(left) на Осветление (Screen).
Оденьте свои 3D очки. Нажмите клавишу V, чтобы активировать инструмент Перемещение (Move) и с помощью клавиш со стрелками перемещайте слой «слева» (left) до тех пор, пока жертва моды не «вылезет» из фона. Моя корректировка была следующей: удерживая клавишу Shift, я нажал правую стрелку на клавиатуре четыре раза и один раз стрелку вниз.
Шаг 12. В зависимости от положения вашего слоя, вам нужно убрать участок на изображении, который не покрывается нашим эффектом, посмотрите на пример ниже.
Прим. переводчика: Когда мы сдвигали влево слой «слева» (left), он открыл нам видимую часть слоя «справа» (right), именно эта часть теперь является лишней в нашем изображении. Чтобы все было идеально, его нужно обрезать, что и предлагает автор.
Нажмите клавишу С, чтобы вызвать инструмент Кадрирование (Crop) для обрезания ненужного участка.
Создайте новую группу и назовите ее «Анаглиф» (anaglyph). Поместите в нее оба слоя «слева» (left) и «справа» (right).
Шаг 13. Вернитесь к основной композиции, отключите видимость для всех групп и слоев, кроме группы «правая граница» (right border). Поместите в этот основной документ группу «Анаглиф» (anaglyph), чтобы она располагалась ниже группы «правая граница» (right border).
Изображение не полностью перекрывает холст. Поскольку это довольно небольшие участки, увеличим его по размеру холста. Нажмите сочетание клавиш Ctrl+T, чтобы вызвать инструмент Трансформация (Transform) и увеличьте масштаб изображения.
Adobe Photoshop – один из наиболее популярных пакетов для обработки растровой графики. Несмотря на высокую цену, программой пользуются до 80% профессиональных дизайнеров, фотографов, художников компьютерной графики. Благодаря огромным функциональным возможностям и простоте использования Adobe Photoshop занимает доминирующее положение на рынке графических редакторов.
Богатый инструментарий и простота применения делает программу удобной как для простой коррекции фотографий, так и для создания сложных изображений.
Тема 3. Улучшение фотографий. Урок 7. Простые способы как увеличить объём фотографии в фотошоп.
Мир вокруг нас - объёмный. А фотографии – плоский кусок бумаги или экран монитора. То, что превосходно выглядит в реальности, не всегда может похвастаться «фотогеничностью». Но, как говорится, не бывает неудачных снимков. Тем более, что данный урок Фотошоп входит в тему «улучшение фотографий».
В рамках занятия Вы узнаете, как просто и легко добавить эффект «трёхмерности» - усилить визуальный эффект объёма вашей фотографии или, как ещё говорят, усилить глубину фото.
Для начала стоит разобраться, что такое объём, и как мы его воспринимаем. По большому счёту, восприятие объёма сводится к тому, как мы видим глубину теней. Как один предмет воздействует на остальные, находящиеся «дальше». И, естественно, какая часть фото находится «в фокусе».
Таким образом, вопросы придания объёмности изображению зачастую сводятся к двум основным действиям:
- Работа с тенями, контурами объектов: усиление границ света и тени
- Работа с резкостью и размытием на разных участках фото
Данный урок описывает простые алгоритмы первой группы. Он, естественно, не охватывает всего многообразия инструментов, но показывает как просто и быстро (за 5-6 минут) существенно улучшить вид вашего фото. Приступим.
Практическая часть.
В качестве фотографии-«жертвы» взят уже привычный снимок лесного озера в Беларуси. Первый и самый простой способ увеличить присутствие тени, сильно не затрагивая зоны хорошей освещённости, мы уже прошли ранее. Попробуйте увеличить насыщенность тёмных зон с помощью инструментов «Уровни» или «Кривые» – фото уже приобретёт объём. Подробнее об этом – в уроке «Три простых способа увеличить резкость».
Но есть более интересные и мощные способы придания объёма изображению с помощью Adobe Photoshop. Они очень похожи. В обоих случаях на фото накладывается слой-копия, обработанная с помощью стандартных фильтров фотошопа. Разница лишь в конечном эффекте.
Усиление объёма с помощью фильтра «Тиснение».
Для получения «объёмного фото» потребуется новый слой. Для этого достаточно выбрать в меню «Слои» пункт «Создать дубликат слоя». Либо вызвать палитру слоёв («Окно» - «Слои», горячая клавиша F7). И уже в меню палитры (либо контекстном меню) выбрать одноимённый пункт. Подробнее о слоях и том, как с ними работать, рассматривалось в предыдущих занятиях. Основы в уроке «выделение: простая геометрия». Наложение и взаимодействие в занятии «усиление резкости наложением слоёв».
Далее необходимо усилить зоны перехода света и тени на фотографии: границы объектов. Желательно сделать это, не меняя структуру освещённости поверхностей. И тут используется «побочный эффект» режимов наложения слоёв в Фотошоп. Вспомните, большинство режимов имеет исключение (не работает) в случае 50% серой заливки. Соответственно задача заключается в создании серого фота с тёмными и светлыми линиями на контурах.
Первый способ добиться эффекта – применить фильтр «Тиснение» из стандартного набора Adobe Photoshop.
Для вызова фильтра:
- Убедитесь, что целевой слой активен
- В меню «Фильтр» выберите «Стилизация» - «Тиснение»
Включив опцию предварительного просмотра, Вы сразу поймёте специфику работы инструмента. Он создаёт эффект оттиска объёмного предмета на, например, влажной бумаге.
Появится окно настроек. Фильтр «Тиснение» имеет всего лишь три параметра:
- Угол. Он отвечает за то, под каким углом будут накладываться тени и зоны подсветки.
- Высота. Устанавливает ширину обрабатываемого контура в пикселях. Визуально – «высоту тиснения». При этом в малых значениях результат обработки по гамме близок к «градациям серого». В больших значениях в результате обработки проявляется достаточно много посторонних цветов.
- Эффект. Данный параметр отвечает за детализацию. В минимальных значения обрабатываются только контуры самых больших объектов с сильными переходами света и тени на границах. В максимальных значениях включается «контрастность» на средних тонах – мелкие зоны с не особо выраженными границами.
Для того, чтобы изменить вид контуров зоны перехода на снимке, необходимо, чтобы они были светлее или темнее 50% серого. Присутствие иного цвета на остальных зонах нежелательно. Для этого:
В результате вы получите изображение, на котором чрезвычайно сильно подчёркнуты зоны света и тени. Это и создаёт мягкий эффект «объёмности». Обратите внимание на дерево на переднем плане.
Замечания:
- Угол, под которым применяется фильтр, очень важен. Если в результате применения фильтра, зоны света и тени на двух слоях не совпадут – вместо объёма вы получите размытую, ужасную фотографию.
- Устанавливая высоту, имейте в виду, что на больших значениях проявляются дополнительные цвета. Возможно, небольшое подкрашивание пойдёт на пользу. НО не всегда. Будьте осторожны со значениями «Высоты»
- Параметр «Эффект» при увеличении объёма практически всегда должен превышать 200%. Иначе вы получите резкие границы при «мутной» заливке большинства поверхностей. Например, выделенные контуры дерева без контуров листвы. Это не всегда оправдано и красиво.
Практический совет: эту методику (в малых значениях параметров) можно использовать для восстановления сильно размытых фотографий. Например, старых портретов. Главное – угадать с направлением света и удалить те части, где «объёмная текстура» будет мешать.
Усиление объёма с помощью фильтра «Рельеф».
Увеличение объёмности фотографии с помощью тиснения эффективный метод. Но, увы, имеет очень большое ограничение по глубине. Если необходим сильный эффект объёма, описанный выше инструмент не поможет. Лучше воспользоваться похожим, но более сильным фильтром. Речь идёт о фильтре «Рельеф».
Данный фильтр создаёт на основе изображения стилизацию чеканки. При этом в качестве цвета подсветки и материала выбираются цвета, установленные как «основной» и «фоновый» в палитре инструментов.
Желательно всегда обращать внимание на данный параметр. Желательно ограничится чёрно-белой гаммой.
Вызвать фильтр «Рельеф» можно двумя способами:
В обоих случаях вызывается палитра настроек фильтра. Она является частью блока, который называется «Галерея фильтров». И, кроме создания «Рельефа», в палитре можно выбрать другие фильтры для обработки изображения. Но это – тема отдельного занятия. Вернёмся к приданию объёмности нашему фото.
Палитра фильтра резкость имеет несколько основных параметров.
Основное отличие от рассмотренных ранее – она занимает всю площадь рабочего пространства. И окно предварительного просмотра становится ключевым инструментом (оригинального изображения не видно).
В нижнем правом углу находится блок установки масштаба отображения. Он будет очень полезен. Особенно, если возникнет необходимость просмотреть какой-либо фрагмент.
В правой части находятся элементы управления фильтром.
Ползунок «Детализация» отвечает за то, какое количество мелких деталей будет «отчеканено». Его работа схожа с параметром «Эффект» фильтра «Тиснение».
«Смягчение» – шкала отвечает за то, насколько резкими будут переходы света и тени. В нашем случае не стоит устанавливать ползунок в граничные точки или чрезмерно «смягчать» границы.
Выпадающее меню направления. Увы, но фильтр «рельеф» не позволяет кардинальным образом изменять направления соотношения света и тени. Доступно ограниченное число предварительных установок. Наиболее безопасные – снизу и сверху. Варианты «бокового» тиснения эффективны лишь в условиях сильного и заметного луча света с одной из сторон фотографии.
Работа по созданию основы для наложения с помощью фильтра «Рельеф» проста. Для получения результата:
- Скопируйте слой
- Установите цвет основной и фоновый цвета на панели инструментов чёрным и белым.
- Выделите слой-копию
- Вызовите фильтр «Рельеф»
- Установите максимально большие параметры детализации и минимальные (но не равные нулю) параметры сглаживания
- Выберите направление придания объёма
- Примените фильтр
- В режимах наложения выберите наиболее подходящий, исходя из Ваших потребностей и специфики фото.
- Отрегулируйте прозрачность слоя.
На рисунке ниже показано различие при бело/черного и черно/белого вариантов выбора основного и фонового цветов.
В первом случае объём идёт «вниз» (удаляется). При этом несколько теряется насыщенность цвета в светлых областях.
Во втором (чёрный на белом) - наоборот. Элементы изображения как бы «наплывают», приближаются к зрителю. Обратите внимание на небо – светлые тона сохраняются лучше.
Однако в обоих случаях есть большой недостаток: проявляются структура и объём там, где это нежелательно. Например, «эффект чеканки» на траве, излишне тёмный берег (особенно в режиме «чёрный на белом»).
Для удаления нежелательных эффектов можно воспользоваться ластиком. Установите кисть с мягкими краями. При этом режимы непрозрачности и нажима стоит уменьшить до уровней, не превосходящих 30%. Установки инструмента «Ластик» аналогичны установкам кисти. Более подробно о том, на что обратить внимание, можно прочитать в уроке «Выделение с помощью каналов».
Далее всё просто:
- Выделите верхний слой
- Мягким ластиком (периодически регулируя диаметр кисти) сотрите информацию в тех местах, где излишняя структура вредит. Например, зоны неба и травы.
- Результат можно увидеть на рисунке, приведённом ниже.
Усиление объёма с помощью фильтра «цветовой контраст»
Фильтр «цветовой контраст» мы уже проходили в рамках урока «тонкая работа по усилению резкости». Поэтому описывать палитру установок нет смысла – достаточно прочитать предыдущую тему.
Если при работе с резкостью была задача подчеркнуть края и не дать проявиться цветовой информации, то теперь цвета нам необходимы. По крайней мере там, где будет подчёркиваться объём. Остальные зоны желательно оставить максимально серыми.
В остальном работа с данным фильтром напоминает, пройденное ранее в рамках данного урока по фотошоп.
Для экономии времени перейдём сразу к алгоритму действий:
- Создайте копию слоя
- Выделив копию, вызовите фильтр «Цветовой контраст».
- Отрегулируйте параметр «Радиус» таким образом, чтобы зоны перехода света и тени стали как можно более яркими, а зоны «плавной заливки» остались близкими к серому.
- Нажмите ОК.
- Выберите подходящий режим наложения слоёв
- Отрегулируйте прозрачность верхнего слоя.
Результат применения данного фильтра можно увидеть на рисунке. При этом не стоит ограничиваться группой «Усиление резкости». Попробуйте все режимы наложения. Многие из них дадут пусть неожиданный, но весьма интересный эффект.
Adobe Photoshop – мощный графический редактор, который позволяет делать удивительные композиции из заурядных фотографий. Техника создания объёмных фото с помощью инструментов фотошопа – одна из таких. Изучив предложенную тему, Вы сможете сами быстро придавать объём и динамику своим фото с помощью стандартных инструментов Adobe Photoshop. Данный урок применим на любой версии программы. Начиная от Adobe Photoshop 5.5 и до Adobe Photoshop CS6.
Создание объёмной фотографии в Фотошопе.
О программе Adobe Photoshop
Adobe Photoshop – один из наиболее популярных пакетов для обработки растровой графики. Несмотря на высокую цену, программой пользуются до 80% профессиональных дизайнеров, фотографов, художников компьютерной графики. Благодаря огромным функциональным возможностям и простоте использования Adobe Photoshop занимает доминирующее положение на рынке графических редакторов.
Богатый инструментарий и простота применения делает программу удобной как для простой коррекции фотографий, так и для создания сложных изображений.
Тема 3. Улучшение фотографий. Урок 8. Создание объёмной «трёхмерной» фотографии в Adobe Photoshop.
Фотографии, несомненно, важны для каждого из нас. Это память и, если можно так сказать, иллюстрация наиболее ярких моментов жизни. Но изображение имеет один недостаток. Картинка, как на мониторе компьютера, так и в «бумажном» отпечатке, плоская.
А зачастую хочется подчеркнуть динамику, драйв, настроение. Возможно ли вернуть объём нашему фото? С помощью фотошопа – несомненно. На прошлом уроке рассматривались методы усиления объёмности фотографий. Данное занятие – логичное продолжение. На основе изученных базовых инструментов Adobe Photoshop мы за 10-15 минут создадим яркую, динамичную и объёмную фотографию.
Для работы будут применяться следующие методики:
- Выделение части изображения и копирование на новый слой
- Усиление объёма изображения с помощью фильтров Adobe Photoshop
- Наложение слоёв в Фотошопе
- Стили наложения слоёв.
Первые три темы уже пройдены в рамках данного курса Adobe Photoshop. В тексте будут размещаться ссылки на уже размещённые уроки.
Пока же поговорим о том, как мы воспринимаем объём. Любой предмет взаимодействует с теми, которые находятся за ним. Как минимум, затеняет их. Задача придания объёмности фотографии сводится к двум методикам:
- Работа с тенями, контурами объектов: усиление границ света и тени
- Работа с резкостью и размытием на разных участках фото
Как это выглядит на практике мы начали изучать в рамках урока «Как просто и быстро увеличить объём фотографии в фотошоп». Но тогда работа велась со всем изображением. Сейчас поработаем с фрагментами.
Практическая часть.
Выделение фрагмента фото, отсечение его от фона – эффективный способ привлечения внимания к изображению. Такие фотографии смотрятся ярко, эффектно, хорошо запоминаются. Методика часто применяется в рекламе, периодической печати. И в домашних коллекциях.
Для работы возьмём привычную по теме «выделение» фотографию лошади. В качестве «жертвы» мог быть и портрет любого человека. Что, кстати, можете попробовать сделать со своими фото.
Для начала лошадь необходимо выделить и разместить на новом слое. Как это делается – описано ранее. Вы можете воспользоваться любым инструментом. Начиная от «выделения с помощью контуров», заканчивая «выделением через каналы». Последнее, возможно, наиболее оправдано, т.к. позволяет максимально точно выделить зону гривы.
Итак алгоритм действий
- Любым из привычных Вам способов выделите лошадь
- Скопируйте её на новый слой
- Сделайте 1-2 копии слоя с лошадью (без фона).
- Выделите часть изображения на фоне и удалите её. Для этого достаточно нажать кнопку «Del»
Совет: желательно перед удалением части фона «освободить» слой – снять блокировку. Для этого необходимо дважды щёлкнуть левой клавишей мыши на значке замка в левой части плашки слоя на палитре слоёв.
В результате у Вас должно получиться примерно такое изображение:
Далее перейдите на второй слой (с лошадью без фона). Как известно, объекты на переднем плане имеют свойство затенять фон. Добавление тени вокруг лошади делается с помощью инструментов палитры «Стиль слоя».
Для вызова стиля наложения слоёв:
- Выделите слой, к которому будете применять эффект
- В меню «Слои» выберите пункт «Стиль слоя»
- Далее – любой из вариантов в выпадающем меню. Откроется общая палитра настроек всех инструментов.
Эффекты включаются простановкой галочки в левой части палитры (напротив их названия). Для регулировки эффектов необходимо перейти на соответствующую вкладку. Это делается аналогично переходу между слоями – щелчком левой клавиши мыши на соответствующей строке.
Кратко опишем основные параметры стилей слоя
- Блок инструмента «Тень» добавляет тень от данного слоя. При этом цвет тени, её свойства и режим наложения можно регулировать по Вашему желанию.
- Инструмент «Внутренняя тень». Работает аналогично предыдущему инструменту. С одним отличием – тень отбрасывается внутрь вашего изображения. Это создаёт эффект «вдавленного» или «утопленного» края.
- Блоки Внешнее и Внутреннее свечение отвечают за подсветку внешних зон или внутренних краёв изображения. При этом, если присмотреться к настройкам инструментов, свечение и тени – одно и то же. Превратить инструменты друг в друга просто – достаточно поменять накладываемый цвет и режимы наложения.
- Инструмент «Тиснение» работает с гранями изображения. Его алгоритм аналогичен фильтру «тиснение», который был изучен на предыдущем занятии. Тиснение добавляет света и тени на границы, создавая эффект объёма.
- Глянец. Как понятно из названия, задача данного инструмента – добавить блики и так называемый глянцевый эффект.
- Инструменты «Наложение цвета», «Наложение градиента», «Наложение узора» заполняют зону изображения соответственно цветом, градиентным переходом или текстурой. При этом можно добиться как полной замены, так и совмещения в режимах, аналогичных режимам наложения слоёв. Цвет, текстура и градиент так же могут регулироваться по параметру прозрачность.
- Инструмент «Обводка» добавляет вокруг слоя контур. При этом обвести объект можно цветом, градиентным переходом или узором. Очень эффектно смотрится при применении к правильным геометрическим фигурам или, например, тексту.
Замечание: Если ваш слой заблокирован либо является фоновым (что в принципе одно и то же) – стили слоёв применить к нему невозможно. Для исправления ситуации снимите блокировку (преобразуйте в обычный слой). Для этого выделите слой дважды щёлкните на значке замок.
Совет: добавить стиль слоя можно так же из панели «Слои». Для вызова инструментов:
- Выберите слой на палитре «Слои».
- В нижней части палитры «Слои» нажмите на значок f(x)
- Из выпадающего списка выберите нужный стиль
Когда стиль будет установлен, под значком слоя появятся дополнительные пиктограммы. Редактировать эффект применения (либо вообще отменять таковой) можно двумя способами:
- Дважды щёлкнуть на названии эффекта. Откроется соответствующая панель настроек
- Выберите слой. Затем перейдите к панели настроек через меню «Слои» - «Стиль слоя».
Для дальнейшей работы нам понадобится всего лишь два эффекта - «Тень» и «Тиснение». Они имеют сходные основные параметры настройки. Пройдёмся по каждому из них:
Настройка эффекта «Тень»
- Меню «Наложение» полностью идентично наложению слоёв. Справа от выпадающего списка можно выбрать цвет тени. Для этого достаточно дважды щёлкнуть на черном квадрате.
- «Непрозрачность» - полный аналог прозрачности при наложении слоёв – регулирует уровень перекрытия нижележащих пикселей (информации на нижних слоях).
- «Угол»– регулирует угол падения света. Тень отбрасывается в противоположную сторону. Очень важный инструмент. Несовпадение углов света на эффекте с освещённостью снимка всегда выдаёт неудачный коллаж.
- «Смещение» регулирует расстояние от объекта до тени. Указывается в пикселях. Чрезмерный уровень смещения может привести к появлению «пустой» окантовки между объектом и тенью.
- «Размах» – регулирует размер самой тени. Учитывая, что тень – это серая область, которая потом размыта, то «Размах» описывает размер начальной области тени. Чем он больше – тем больше тень
- «Размер» отвечает за уровень размытия тени. Действие алгоритма полностью повторяет работу механизма «Размытие». Для понимания принципов достаточно повторить урок «выделение с размытием»
- Блок «Контур» отвечает за тип контура на краях изображения. Фактически это – структура скоса при создании эффекта объёма.
- Пункт «Смягчение» регулирует эффект «смазывания» крайних пикселей. Он полезен при наложении тени на выделение с резкими краями.
Настройка эффекта «Тиснение»
Выпадающее меню стиль. Регулирует способ формирования каймы и то, на каких пикселях она формируется: внутри изображения или снаружи. Кратко опишем каждый из вариантов:
- «Внутренний скос» создаёт грань на внутренних границах слоя
- «Внешний скос» влияет на нижележащие слои: грань формируется из пикселей подложки.
- «Тиснение» - имитация вдавливания слоя в изображение, лежащее снизу. Типичный пример – объёмная (высокая) печать в полиграфии. Или, например, шрифт Брайля для слепых.
- «Контурное тиснение» аналогично предыдущему инструменту. За одним исключением: в работе принимают участие крайние пиксели выбранного слоя.
- «Обводящее тиснение» работает только в паре с эффектом «Обводка». Позволяет ограничить размеры скоса площадью обводки.
Выбор метода. Следующий блок отвечает за метод, которым будет создаваться скос. Доступны следующие варианты «Плавный», «Жесткая огранка», «Мягкая огранка». Эффекты «Внутреннее свечение» и «Внешнее свечение» имеют параметры «Мягкий» и «Точный». Остановимся на каждом из них:
- «Плавный» метод – размывает края подложки. Метод применим независимо от выбранного эффекта. Очень эффективен при работе с небольшими фрагментами.
- «Жесткая огранка» устанавливает жёсткий скос, аналогичный, например, срезу ножом грани. Работает эффективно с объектами правильной геометрии и текстом.
- «Сглаженный» обеспечивает лучшую детализацию мелких объектов.
- «Мягкая огранка» – метод аналогичный «жесткой огранке». С одним «но» - формирует более плавные углы скоса. Хорош при подчёркивании деталей на краях.
- «Мягкий» метод. Название говорит само за себя. Мягкий скос, аналогичный подтёку воска на свече.
- «Точный» – чрезвычайно жёсткий метод. Формирует очень точную, контрастную границу. Применим к «неживым» объектам. При подчёркивании природных форм смотрится ненатурально.
Параметр «Глубина» отвечает за задание глубины скоса: количества пикселей из которых будет формироваться край.
Параметры «Размер» и «Смещение» аналогичны параметрам эффекта «Тень».
Блок инструментов «Затенение» позволяет установить цвет тени и подложки. Фактически – подсветку граней скоса, на которые падает свет. Установки аналогичны режиму «Тень».
Продолжение практики
Вернёмся к практической работе:
- Если вы ещё не создали копии слоя с лошадью – самое время это сделать
- Перейдите на нижний из слоёв с вырезанным животным
- Разобравшись с параметрами, сформируйте тень от лошади. Старайтесь, чтобы тень падала по направлению света основной фотографии, либо под углом 90 градусов к вектору освещённости. Во всех остальных случаях результат не будет выглядеть естественным.
- Для подчёркивания объёма лошади установите небольшие уровни тиснения. Учитывая, что размещённая на сайте фотография имеет всего 800 пикселей по горизонтали, параметры размера ограничены 10-15 пикселями. А смягчение – 10-ю.
Однако, наличие скоса вокруг лошади и «плоская структура» самого изображения смотрятся ненатурально.
- Для того, чтобы улучшить восприятие, вспомните предыдущий урок по увеличению объёма.
- Выберите слой, лежащий над тем, с которым только что работали (копия лошади).
- Примените к этому слою один из фильтров. Например «Тиснение» («Фильтр» - «Стилизация» - «Тиснение»)
- После этого отрегулируйте метод наложения слоя и его прозрачность.
В результате за скос по краям фигуры лошади отвечает стиль слоя.
А структуру кожи и объём фигуры формируем наложением копии.
При необходимости можно дополнительно применить эффект объёма к ещё одной копии. И так же «поиграть» с режимами наложения.
Но, как видно из предыдущего рисунка, игра с объёмом привела к неприятным эффектам: вокруг ног лошади (на траве) есть белая окантовка.
Чтобы от неё избавиться:
- Выберите ластик с мягкими краями и малыми режимами непрозрачности и нажима
- Начиная от самого нижнего слоя обработайте края ластиком
- Повторите действия на всех слоях с лошадью (кроме слоя фона)
- Повторите пункты 2-3 до исчезновения неприятного эффекта либо получения удовлетворительных результатов
- С помощью стиля слоя сформируйте тиснение и тень от фонового рисунка
- Подложите под фоновый рисунок ещё одно изображение или добавьте снизу слой и залейте цветом. (для наглядности автор сознательно «развернул» тень от фона в другую сторону).
В результате получится примерно такое изображение (либо превосходящее его по качеству):
Читайте также: