Уроки: Adobe Photoshop

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

Сегодня будем изучать как делать в программе 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

56626 Автор:
Актуальность: 445
Качество: 489
Суммарный балл: 934
Выбор Публики
Голосов: 42 оценки
Категории: Photoshop

Отзывы посетителей:

2 | След.
аватар
 
tetriandoh 169 0
не получается, сколько раз уже пытался, не получается и все. Что то вы упустили в уроке.
аватар
 
Sviatoslav Petrov 5 0
Спасибо за урок. Хороший трюк.
аватар
  vip
Moderator. 2370 0
модератор Render.ru
Цитирую 111:простите, но вы за... надоели уже со своей дисперсией. глаза от неё скоро сломаются, так и рябит в каждой работе.


Негатив держим при себе, а не выплескиваем на авторов и в обсуждении, что то не нравится лучше пройти мимо или сказать об этом в более мягкой форме, а еще лучше что то сделать самому.
аватар
 
111 812 -1
простите, но вы за... надоели уже со своей дисперсией. глаза от неё скоро сломаются, так и рябит в каждой работе.
аватар
 
Malefic 234 0
Хм, пользуюсь этим давно, дошел своим умом, хоть и в GIMPе (в оном есть, кстати, специальный плагин) :) Но за урок спасибо, интересные моменты о масках!
аватар
 
Smile_06 47 0
Добивался этого эффекта немного по другому и только с красным каналом. А оказывается синий тоже важен. спасибо!
аватар
 
Intenditore 20 0
Чего вы болтаете? Эффект нужный, урок хороший. Огурец автор!
аватар
 
Вячеслав Кочергин 42 0
Не знаю не знаю, мне урок понравился, да я слышал что часто пытаются этот эффект убрать, но по-моему если он в тему, то это выглядит очень по коммерчески. Всё хотел поэкспериментировать с этим эффектом и случайно нашел этот урок – всё довольно просто и понято. Поставил 5/4

Вообще правильнее как я понял назвать этот эффект так: хроматическая аберрация
аватар
 
RaySpark 62 0
Я тут с фото пытаюсь убрать аберрации, а тут учат как их делать
Да ладно, думаю урок хороший, эффект модный и может пригодиться) Тем более что тут искажения всеравно красивее чем на настоящей оптике, где много лишнего появляется и теряется резкость
аватар
 
Andrey Varlamov 50 0
Хроматическая аберация это - "эффект" Диспе́рсии света проходящего через оптику.
Диспе́рсия (от лат. dispersio)- рассеяние , разложение
Аберация (лат. aberratio) - уклонение, искажение

Хроматические искажения - разложение света на составляющие его цветные лучи в результате прохождения через оптику.
аватар
 
_Sample_ 54 0
Вот только сейчас подумал, а если я этот урок применю на рендере? Это будет дисперсия или аберрация? =)
аватар
 
_Sample_ 54 0
Если ветер дует потому что деревья качаются, то вы совершенно правы =)
аватар
 
Ravelin3D 168 0
_Sample, хроматические аберрации появляются в результате дисперсии оптики фотоаппаратуры. Учите матчасть прежде чем распаляться.
аватар
 
QqCG 12 0
аберрации, блур . шум, и прочая дрянь чаще всего только портят изображение, оригинал фотки из урока смотрится гораздо лучше
аватар
 
JaxxTrend 7 0
Цитирую _Sample_:

Цитирую _Sample_:
Один из самых наглядных примеров дисперсии — разложение белого света при прохождении его через призму (опыт Ньютона).
Это у нее попа что ли призма? Хроматические аберрации - это когда фотка разъезжается по каналам, что вы и сделали. Хотя это и реализовано кучей плагинов, можно и так ручками. Но это не ДИСПЕРСИЯ!



аберрации - искажения
в данном конкретном случае искажения вызванные дисперсией света.
чего умничать то.
аватар
 
_Sample_ 54 0
Один из самых наглядных примеров дисперсии — разложение белого света при прохождении его через призму (опыт Ньютона).
Это у нее попа что ли призма? Хроматические аберрации - это когда фотка разъезжается по каналам, что вы и сделали. Хотя это и реализовано кучей плагинов, можно и так ручками. Но это не ДИСПЕРСИЯ!
аватар
 
NikaCGI 28 0
Цитирую Иван Ветошкин:


v starix versijax photoshopa Lens correction netu
аватар
 
s_maliankin 16 0
Ну здорово, спасибо автору, симпотично получилось, побольше бы таких разносторонних и прослых уроков.
аватар
 
Pitbull 6 0
[quote]Вот и урока конец, а кто слушал – огурец:) а кто читал? тот молодец?!(:D)
аватар
 
Иван Ветошкин 220 0
Соведущий Dominance War
нафига козе баян? более подробно сам процесс уже изучили разработчики из adobe, так как на самом деле на фотографии этот эффект является нежелательным, создан алгоритм который призван от него избавляится, если же на изображении его нет, то этот алгоритм, о б-же, добавляет его. Искать тут: filter -> Distort -> Lens correction -> ВНЕЗАПНО Chromatic Abberation
2 | След.
Зарегистрируйтесь, чтобы добавить комментарий.
Эту страницу просмотрели: 457 уникальных посетителей