aleksandr_onyshchenko: (Default)
[personal profile] aleksandr_onyshchenko

Просматривал намедни свой архив, и наткнулся на серию, снятую во время поездки к пирамиде Хуфу в Гизе.

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

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

Решил написать об этом.
Вдруг, подскажут ещё что-либо полезное?



Методические рекомендации:

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

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

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

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

5. После окончания обработки будет приведен вид палитры Layers с проставленной итоговой непрозрачностью всех слоёв.

Т.к. я в данном случае экспериментировал, то логика следования слоёв один раз нарушается.
В тексте я упоминаю об этом.

1. Исходный снимок:



2. Анализ и постановка задачи.

Я специально пересмотрел большое количество старых фото и постарался осмыслить свои совокупные впечатления.
Мне показалось, что их основные отличия таковы:

- своеобразное "распределение" контраста по диапазону;
- достаточно скупая цветовая гамма;
- наличие текстуры бумаги с характерными для старой бумаги дефектами;
- общий сдвиг цвета в сторону пожелтения.

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

- "перераспределить" контраст;
- внести некоторые дефекты. Лично мне понравилось, как в плагине Silver Efex Pro реализовано "рандомное" затемнение краёв изображения (это НЕ виньетирование!);
- "разобраться" с цветом;
- тонировать картинку в желтоватый оттенок (сепия);
- наложить на изображение текстуру старого, местами помятого картона.

3. Описание процесса.

В ходе обработки я использовал два плагина от Nik Software: Silver Efex Pro и Color Efex Pro 3.0

3.1. Итак, контраст.

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

3.1.1. чуть "поджал" света и тени:



Дальше по вышеуказанной причине логика процесса несколько нарушена.
Так вышло, что следующим шагом я, с помощью плагина Silver Efex Pro, нанёс рандомные потемнения на края изображения.



Слева цифрой "1" обозначен выбранный мной пресет Neutral (дабы плагин не лез менять яркость/контраст картинки и добавлять в неё зерно).
А красной рамкой (и цифрой "2") справа обозначено окно инструмента, позволяющего наносить рандомные (случайные) затемнения по краям изображения.

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

Возвращаемся на путь логики. Делаем следующий подготовительный шаг в направлении предварительного повышения контраста.

3.1.2. Этот шаг менее очевиден.
Одновременно с общим контрастом, я хочу немного поднять и т.н. "теневой" контраст.

Это можно делать и вручную, но мне нравится, как реализована данная опция в плагине Color Efex Pro 3.0

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



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

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

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

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

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



Сместив его, как показано на рисунке, влево, относительно умолчательного значения "1,0", я в 1.2 раза уменьшил гамму изображения.

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

Поэтому на маске слоя Levels я замаскировал периферию тёмной кистью с мягкими краями, дополнительно размыв маску гауссовым блуром с радиусом 90 пикселей:



3.2. Закончив с яркостью/контрастом, перейдём теперь к цвету.

У меня предусмотрен отдельный шаг тонирования картинки, который придаст ей желаемый общий оттенок.
Но предварительно я решил несколько изменить её цвет, добавив слой Hue/Saturation, и уменьшив в канале Yellou значение Saturation на 15 ед.
Это чуть-чуть сместило цвет зелени на картинке в сторону желаемых мною "старых" оттенков.

Затем создадим новый корректирующий слой Hue/Saturation и выполним тонирование картинки для имитации её пожелтения от времени.



Обратите внимание, что в окне инструмента Hue/Saturation установлена галочка "Colorize".
Режим наложения данного слоя - Color.

На этом основная обработка закончена, и я сохраняю полученный мастер-файл в формате PSD.

Итоговый вид палитры Layers (колонка цифр в правой части - это итоговая непрозрачность слоёв в процентах):



3.3. Остался последний этап - придание картинке текстуры старого картона.

Для придания картинкам текстуры, Photoshop предлагает стандартный фильтр Filter->Texture->Texturizer.
Однако его результат, как и у многих "готовых" фильтров шопа, выглядит как-то избыточно стандартно.
А мне хочется получить настоящую, реальную текстуру.

Для этого нужно изображение с реальной текстурой.

Большое количество самых разных текстур есть здесь.

Именно оттуда я скачал большое изображение обложки старой книги:



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

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

Данная картинка, после приведения её длинной стороны к значению 1200 пикселов, которые стандартны в моём ЖЖ, приобрела конечный размер 1200 х 742 пиксела.

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



Размещаю эту текстуру в отдельном слое над сведённым изображением.
И устанавливаю для неё режим наложения Overlay.

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

Палитра Layers перед окончательным сведением слоёв:



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

Специфика человеческого восприятия.
Симультанный контраст.

Т.к. фон в моём ЖЖ белый, то картинки на таком фоне воспринимаются более тёмными, чем они есть на самом деле.
Поэтому параметры обработки подбирались такими, чтобы результирующая картинка в шопе (у меня там фон среднесерый) выглядела чуть ярче, чем мне нравится.
Зато на белом фоне ЖЖ - самое то!
Ремарка для комментаторов:

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

Update:

вариант с более явным наложением текстуры:



Если в первом случае непрозрачность Overlay-слоя была уменьшена до 90%, то в этом варианте она увеличена примерно до 130%
(наложена ещё одна копия слоя с непрозрачностью 30%).

(no subject)

Date: 2011-01-18 05:36 (UTC)
From: [identity profile] pavel-kosenko.livejournal.com
1) На мой взгляд, эксперименты — это всегда хорошо :)
2) В целом результат получился неплохой. Здесь можно говорить и о постановке задачи, и о методах реализации — вариации будут. Но эффект старого фото в целом достигнут, выглядит симпатично.
3) Повышение гаммы (не снижение, а повышение — зайди в инструмент Exposure, измени гамму в нём, чтобы в этом убедиться) — шаг понятный. Восприятие человека изображения на бумаге соответствует гамме примерно 1.5 (тангенс угла наклона прямолинейного участка характеристической кривой бумаги), А гамма монитора при современных настройках соответствует 2.2.
4) На мой взгляд, наложение фактуры бумаги через Overlay — слишком простой подход. Я бы предложил поэкспериментировать с более сложными и комбинированными наложениями с использованием, в частности, Linear Light. Очень хорошо бумагу накладывает [livejournal.com profile] lovigin, у него аж потрескивания эмульсии видны и ощущаются.
5) Ещё одна характерность старых картинок — отсутствие белой точки, вместо неё обычно мы видим пожелтевшую подложку бумаги.
Edited Date: 2011-01-18 05:37 (UTC)

(no subject)

Date: 2011-01-18 05:53 (UTC)
From: [identity profile] awo-onyshchenko.livejournal.com
О каком повышении гаммы ты пишешь?
У Ловыгина какая-то странная навигация по ЖЖ.
Я так и не нашёл, есть ли у него где-то о том, как он достигает таких результатов?
А сами результаты впечатляют!

(no subject)

Date: 2011-01-18 06:04 (UTC)
From: [identity profile] pavel-kosenko.livejournal.com
К осветлению приводит повышение гаммы картинки, а не снижение, разве не? Хотя тут смотря как применять понятие гаммы, по отношению к чему.

Ловыгин не пишет о том, как он обрабатывает картинки. У него творческий подход, не технический. Хотя его дизайнерские результаты тщательно выверены и стабильны. Он рассказывает об этом на мастер-классах, но как я понял, нехотя, т.к. техническая сторона ему вообще малоинтересна. Я сам экспериментирую в этом направлении тоже, как достигну внятных результатов, поделюсь. Если ты будешь экспериментировать, тоже поделись :) Могу сказать одно — Ловыгин, на мой взгляд, очень хороший пример в этом плане.

(no subject)

Date: 2011-01-18 06:09 (UTC)
From: [identity profile] awo-onyshchenko.livejournal.com
А ты попробуй назначить картинке профиль с бОльшей, и с меньшей гаммой, и погляди.

Попробовал Linear Light.
Результат интересный, ожидаемо более сильный, чем у Overlay.
Если в случае Overlay я оставлял 90% непрозрачность, то для режима Linear Light приемлемый для меня максимум достигнут уже при 17%.
Что ты имел в виду под "комбинированностью" подходов?

Да, результаты Ловыгина впечатляют.

(no subject)

Date: 2011-01-18 06:24 (UTC)
From: [identity profile] pavel-kosenko.livejournal.com
Через профиль мы видим результат гамма-компенсации для устройства с данной гаммой.
Комбинированный подход — разные слои с разным наложением одновременно. И еще мои эксперименты наталкивают меня на возможное инвертирование накладываемой текстуры.

(no subject)

Date: 2011-01-18 08:19 (UTC)
From: [identity profile] sam-bacon.livejournal.com
а еще можно маски, созданные из каналов самой текстуры, использовать. это позволяет усиливать отдельные фрагменты/элементы таковой, уменшая заметность всего остального. в частности, так можно акцентировать внимание на "потрескивании эмульсии"...

(no subject)

Date: 2011-01-18 08:53 (UTC)
From: [identity profile] awo-onyshchenko.livejournal.com
Хорошее замечание!

(no subject)

Date: 2011-01-18 08:20 (UTC)
From: [identity profile] sam-bacon.livejournal.com
у Ловыгина сама текстура уже вторична. там работа с контрастом и цветом. плюс "лубочная" тема всех его работ...
фото из камбоджи и вьетнама у него очень в тему. особенно заглавная фотка в финальной серии.
Edited Date: 2011-01-18 08:21 (UTC)

(no subject)

Date: 2011-01-18 08:53 (UTC)
From: [identity profile] awo-onyshchenko.livejournal.com
Согласен полностью.

(no subject)

Date: 2011-01-19 05:49 (UTC)
From: [identity profile] cathizt.livejournal.com
Эт точно.(с)Image (http://top-infosec.org.ua)

(no subject)

Date: 2011-01-18 07:09 (UTC)
From: [identity profile] donna-laura.livejournal.com
Результат весьма и весьма!
Даже самой захотелось попробовать, НО...
Боюсь дискредитировать отличную идею своими неумениями.
А посему.. в Избранное!
Спасибо, Маэстро!
;)

(no subject)

Date: 2011-01-18 08:49 (UTC)
From: [identity profile] awo-onyshchenko.livejournal.com
Как всегда - краснею...

(no subject)

Date: 2011-01-18 10:01 (UTC)
From: [identity profile] donna-laura.livejournal.com
Неужели Вы краснеете от каждой похвалы? Тогда Вы постоянно красным ходите? Вас же ТАК часто хвалят!
Уверена, что и не только в инете ;)

(no subject)

Date: 2011-01-18 08:16 (UTC)
From: [identity profile] sam-bacon.livejournal.com
приятно по цветам.
а вот текстуры я люблю больше:)
но в этом деле (стилизация под старое), уверен, нет никаких критериев правильности и неправильности. тут все абсолютно в плоскости вкусов и пристрастий.

(no subject)

Date: 2011-01-18 08:56 (UTC)
From: [identity profile] awo-onyshchenko.livejournal.com
Я пережидал-пережидал твоё увлечение текстурами, и вот - сам докатился!
С кем поведешься, с тем и наберёшься! :о))
Мне пока не хочется проявлять их сильнее, чем в последнем варианте.
Дальше - будем посмотреть!

(no subject)

Date: 2011-01-18 09:51 (UTC)
From: [identity profile] sam-bacon.livejournal.com
текстуры - это прикольно. вернее, стилизация - это интересная штука. разумеется, в определенных рамках:)

(no subject)

Date: 2011-01-18 08:20 (UTC)
From: [identity profile] laren-door.livejournal.com
В качестве дополнительного штриха можно было бы использовать какой-нибудь шумовой плагин вроде Real Grain для имитации пленки. Не сказать, чтобы богатый опыт, но первые результаты нравятся: http://laren_door.users.photofile.ru/photo/laren_door/2754499/122182683.jpg

(no subject)

Date: 2011-01-18 08:51 (UTC)
From: [identity profile] awo-onyshchenko.livejournal.com
Спасибо!
В данном случае вопрос имитации зерна вполне осознанно не затронут.

(no subject)

Date: 2011-01-18 08:43 (UTC)
From: [identity profile] ponomarenk0.livejournal.com
спасибо, Александр! как всегда, интересен Ваш подход к постановке задачи, и результат нравится =)
в последнее время тоже заинтересовала эта тема. хоть я не пытался добиться 100% имитации старых снимков, но замечаю, что наложение текстур и внесение цветовых сдвигов часто придает большую выразительность вполне обычным фото. попробую еще поработать в этом направлении. ведь фото - это, в большей степени, наши чувства, эмоции, ощущения, а не просто фиксация реальности =)

(no subject)

Date: 2011-01-18 08:52 (UTC)
From: [identity profile] awo-onyshchenko.livejournal.com
Привет, Евгений!
Спасибо за отзыв.
Мы достаточно одинаково подходим к фотографии.
Заметил это ещё на семинарах.

(no subject)

Date: 2011-01-18 08:57 (UTC)
From: [identity profile] ponomarenk0.livejournal.com
техническое образование и работа распространяют свое влияние и на другие сферы деятельности =)))

(no subject)

Date: 2011-01-18 12:45 (UTC)
From: [identity profile] kondakoff.livejournal.com
Еще раз посмотрел и еще раз скажу - очень нравится.
Комментировать, критиковать более не могу, ты в ФШ гораздо дальше меня ушел.
Я смотрю на финал и оцениваю свое впечатление.
From: [identity profile] pingback-bot.livejournal.com
User [livejournal.com profile] elss referenced to your post from Стилизация картинки под старую (http://elss.livejournal.com/57682.html) saying: [...] андр Онищенко пишет [...]

(no subject)

Date: 2011-01-22 20:52 (UTC)
From: [identity profile] d-chemyakin.livejournal.com
Хорошая статья! очень грамотно все указали, в свою очередь, если заинтересуют мои примеры готов объяснить, правда мои увлечения текстурами зашли еще не так далеко как у вышеуказанных авторов..
Из собственного опыта - понравилось менять режимы и накладывать маски - выделяя элементы и убирая лишние. из фильтров только колор эфекс.

(no subject)

Date: 2011-01-24 12:56 (UTC)
From: [identity profile] awo-onyshchenko.livejournal.com
Маски - один из часто применяемых мной инструментов, хотя здесь не использовались.
Тут звучала мысль, что каналы накладываемой текстуры могут послужить хорошей основой для маски.
Согласен с этим.
Лучшая маска для картинки, как правило, получается из её же каналов.

(no subject)

Date: 2011-01-29 17:46 (UTC)
From: [identity profile] d-chemyakin.livejournal.com
согласен! надо бы мне знания по цветокоррекцие систематизировать.

(no subject)

Date: 2011-01-24 10:29 (UTC)
From: [identity profile] viply.livejournal.com
хороший результат получился...взял на заметку себе этот способ "состаривания" изображения.

(no subject)

Date: 2011-01-24 12:53 (UTC)
From: [identity profile] awo-onyshchenko.livejournal.com
Хорошо, что понравилось.
From: [identity profile] pingback-bot.livejournal.com
User [livejournal.com profile] loginme referenced to your post from О симультанном контрасте. (http://loginme.livejournal.com/6780.html) saying: [...] и здесь (синяя вставка в конце поста) [...]

Profile

aleksandr_onyshchenko: (Default)aleksandr_onyshchenko

October 2024

M T W T F S S
 123456
78910 111213
14151617181920
21222324252627
28293031   

Style Credit

Expand Cut Tags

No cut tags
Page generated Jun. 23rd, 2025 22:44
Powered by Dreamwidth Studios