Эта модная, модная дисперсия.

Сегодня будем изучать как делать в программе Adobe Photoshop один из последних трендов в граф.дизайне – эффект псевдодисперсии. Дисперсию используют в последнее время при обработке фотографий, для создания фотоколлажей и мэйтов дизайнерами, просто картинки а также в видео постпродакшене и т.д. Короче везде где не лень:) Если учесть что это достаточно просто – изучим и мы как же получить сей модный эффект.


Но для начала обратимся к теории, Дисперсия (от лат. dispersio — рассеяние), в математической статистике и теории вероятностей, наиболее употребительная мера рассеивания, т. е. отклонения от среднего. Нас интересует световая дисперсия. Дисперсия света – это зависимость показателя преломления n вещества от частоты n (длины волны l) света или зависимость фазовой скорости световых волн от частоты. Следствие дисперсии света — разложение в спектр пучка белого света при прохождении сквозь призму. Изучение этого спектра привело И. Ньютона (1672) к открытию дисперсии света.



Вот такие оптические преобразования и используют дизайнеры в своих фото- и графических экспериментах. Сразу оговорюсь, что никаких дополнительных плагинов для фотошопа мы использовать в этом уроке не будем. Более того все фильтры и приемы данного урока подходят для всех версий фотошопа последних лет(PS 7, CS-CS4…). И так начнем. Для начала выберем материал для редактирования. Лучше брать картинки с приглушенной насыщенностью, чтобы цветные искажения были лучше видны. В крайнем случае можно изменить насыщенность перед началом редактирования инструментом Hue/Saturation – CTRL+U(стандартный шоткат) путем изменения параметра saturation. Я выбрал для этого урока вот эту картинку из набора Shutterstock.

Сделаем клон нашей картинки(именно, клон а не копию слоя!). Для этого на панели инструментов History(История) жмем на кнопку duplicate state. 

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

Выходим из режима маски(опять клавиша Q), видим фигурное выделение, применяем эффект Gaussian Blur(возможны вариации). Добавляем размытия по вкусу. После применения фильтра для лучшего результата можно доработать детали инструментом размытие(R). В результате получилось нечто вроде:

 

Далее применяем собственно саму псевдо-дисперсию, для этого заходим в панель Channels(Каналы) и выбираем по очереди Красный(Red) канал и Голубой(Blue) 


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

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

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

Вот и урока конец, а кто слушал – огурец:)

Сайт автора: kurchenko.ru

523 0 850 21
21
2011-07-20
Просто и со вкусом! :)
2011-07-21
нафига козе баян? более подробно сам процесс уже изучили разработчики из adobe, так как на самом деле на фотографии этот эффект является нежелательным, создан алгоритм который призван от него избавляится, если же на изображении его нет, то этот алгоритм, о б-же, добавляет его. Искать тут: filter -> Distort -> Lens correction -> ВНЕЗАПНО Chromatic Abberation
2011-07-21
[quote]Вот и урока конец, а кто слушал – огурец:) а кто читал? тот молодец?!(:D)
2011-07-21
Ну здорово, спасибо автору, симпотично получилось, побольше бы таких разносторонних и прослых уроков.
2011-07-21
[quote=Иван Ветошкин] [/quote] v starix versijax photoshopa Lens correction netu
2011-07-21
Один из самых наглядных примеров дисперсии — разложение белого света при прохождении его через призму (опыт Ньютона). Это у нее попа что ли призма? Хроматические аберрации - это когда фотка разъезжается по каналам, что вы и сделали. Хотя это и реализовано кучей плагинов, можно и так ручками. Но это не ДИСПЕРСИЯ!
2011-07-21
[quote=_Sample_] [/quote][quote=_Sample_] Один из самых наглядных примеров дисперсии — разложение белого света при прохождении его через призму (опыт Ньютона). Это у нее попа что ли призма? Хроматические аберрации - это когда фотка разъезжается по каналам, что вы и сделали. Хотя это и реализовано кучей плагинов, можно и так ручками. Но это не ДИСПЕРСИЯ! [/quote] аберрации - искажения в данном конкретном случае искажения вызванные дисперсией света. чего умничать то.
2011-07-21
аберрации, блур . шум, и прочая дрянь чаще всего только портят изображение, оригинал фотки из урока смотрится гораздо лучше
2011-07-21
[b]_Sample[/b], хроматические аберрации появляются в результате дисперсии оптики фотоаппаратуры. Учите матчасть прежде чем распаляться.
2011-07-22
Если ветер дует потому что деревья качаются, то вы совершенно правы =)
2011-07-22
Вот только сейчас подумал, а если я этот урок применю на рендере? Это будет дисперсия или аберрация? =)
2011-07-22
Хроматическая аберация это - "эффект" [i]Диспе́рсии света[/i] проходящего через оптику. Диспе́рсия (от лат. dispersio)- рассеяние , разложение Аберация (лат. aberratio) - уклонение, искажение Хроматические искажения - разложение света на составляющие его цветные лучи в результате прохождения через оптику.
2011-07-25
Я тут с фото пытаюсь убрать аберрации, а тут учат как их делать [smile=06] Да ладно, думаю урок хороший, эффект модный и может пригодиться) Тем более что тут искажения всеравно красивее чем на настоящей оптике, где много лишнего появляется и теряется резкость
2011-07-26
Не знаю не знаю, мне урок понравился, да я слышал что часто пытаются этот эффект убрать, но по-моему если он в тему, то это выглядит очень по коммерчески. Всё хотел поэкспериментировать с этим эффектом и случайно нашел этот урок – всё довольно просто и понято. Поставил 5/4 Вообще правильнее как я понял назвать этот эффект так: хроматическая аберрация
2011-07-29
Чего вы болтаете? Эффект нужный, урок хороший. Огурец автор!
2011-08-01
Добивался этого эффекта немного по другому и только с красным каналом. А оказывается синий тоже важен. спасибо!
2011-08-01
Хм, пользуюсь этим давно, дошел своим умом, хоть и в GIMPе (в оном есть, кстати, специальный плагин) :) Но за урок спасибо, интересные моменты о масках!
2011-08-16
простите, но вы за... надоели уже со своей дисперсией. глаза от неё скоро сломаются, так и рябит в каждой работе.
2011-08-17
[quote=111]простите, но вы за... надоели уже со своей дисперсией. глаза от неё скоро сломаются, так и рябит в каждой работе. [/quote] Негатив держим при себе, а не выплескиваем на авторов и в обсуждении, что то не нравится лучше пройти мимо или сказать об этом в более мягкой форме, а еще лучше что то сделать самому.
2012-11-13
Спасибо за урок. Хороший трюк.
2013-10-27
не получается, сколько раз уже пытался, не получается и все. Что то вы упустили в уроке.
RENDER.RU