Урок Photoshop - Режимы наложения слоёв

 

Ну что ж, режимы наложения слоёв это тема немаловажная, так что нужно её тоже раскрыть.
и так, что же это такое и где это вообще? - может спросить часть из вас.

давайте взглянем на первый скриншот. этот список - все виды режимов наложения, которые доступны в палитре Layers (Слои)

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

для примера я взял такую картинку.

картинка расположена на слое Background.

теперь я взял такую картинку - радуга:

почему именно радугу? да потому что это первый предмет, что пришёл на ум, где есть цвета всего спектра. (кстати радугу создал элементарным дефолтным градиентом)



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

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

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



3. DARKEN (Замена темным)
великолепно! уже кое-что вышло на этой картинке. как превосходно. давайте посмотрим на неё:

теперь объясняем, что это такое за зверь. этот режим наложения проявляет исключительно темные оттенки верхнего слоя на нижнем.
4. MULTIPLY (Умножение)
а этот режим накладывает цвета верхнего слоя на цвета нижнего. изображение темнеет, от этого цвет становится как бы более "густым". используется очень часто - к примеру, в стилях слоёв или в редактировании фото - для восстановления светлых участков.
на нашей картинки разница не видна почти, но она есть:


5. COLOUR BURN (Затемнение основы)

страшно? объясняю, как это получилось. Colour burn повышает насыщенность и контраст довольно сильно, параллельно немного затемняя. режим наложения может и неплох для ваших идей, но не факт, что при печати он нормально отобразиться, так же, как и на мониторе. поэтому рекомендую его использовать исключительно в WEB.
6. LINEAR BURN (Линейный затемнитель)



сейчас чем-то MULTIPLY напоминает. ну да ладно. этот режим наложения затемняет нижний слой путём уменьшения яркости, дабы проявить цвет слоя сверху.
на этом вторая группа режима наложения слоёв заканчивается (если помните, на первой картинке показанно, что группы отделяются линией)
7. LIGHTEN (Замена светлым)
нетрудно догадаться, что этот режим наложения противоположен DARKEN. чёрный он не трогает (чёрный становится прозрачным). режим проявляет светлые пиксели. его неплохо использовать для осветления изображения (если не умеем пользоваться маской, чтобы всегда можно было вернуться к тому варианту, который был стартово)



8. SCREEN (Осветление)




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

Цитата:

"используется очень часто - к примеру, в стилях слоёв или в редактировании фото - для восстановления светлых участков."

9. COLOUR DODGE (Осветление основы)

схож чем-то с режимом SCREEN, однако чёрный цвет на верхнем слое на результат не влияет. путем повышения насыщенности и понижения контраста остальные цвета будут подсвечивать нижний, дабы подобрать подходящий тон, весьма "ядерный"
10. LINEAR DODGE (ADD) (Линейный осветлитель)







аналогичен режиму COLOUR DODGE, однако тут цвета сочетаются путем повышения яркости.



11. OVERLAY (Перекрытие)

это уже 4-ая группа режима наложения слоёв.

режим равномерно смешивает цвета обоих слоев. отсеивает светлые части и умножает тёмные. т.е. меньше 50% затемняется, а что выше 50% - затемняется. стоит обратить внимание на изменение прозрачности - при низком уровне похож на режим NORMAL, но с более интенсивными цветами.



12. SOFT LIGHT (Мягкий свет)




для тех, кто знаком с фотографией, тот может даже и поймёт из названия. ну для остальных поясняю.
в зависимости от цвета верхнего слоя режим осветляет и затемняет цвета изображения (схож с фильтром рассеянного света).
13. HARD LIGHT (Жесткий свет)




ну собственно не сложно догодаться, что он похож на предыдущий режим. из-за того, что SOFT LIGHT более контролируемый, этот режим наложения используется очень редко.

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

но, судя по нашей получившейся картинке, разница на данном примере между двумя последними режимами ощутима. >
14. VIVID LIGHT (Яркий свет)




тут всё просто. в зависимости от того, какие цвета на верхнем слое, режим затемняет или осветляет цвета.
15. LINEAR LIGHT (Линейный свет)

тут тоже несложно. если верхний слой темный, то нижний будет затемняться, и наоборот.

посмотрим на картинку. я прибавил на слое радуги квадрат нейтрально СЕРОГО цвета (#808080), дабы показать, как этот цвет будет выглядеть на этом режиме наложения - а то на радужных цветах не видно
16. PIN LIGHT (Точечный свет)




режим работает путем перемещения цветов на изображение в зависимости от того, какие цвета на активном слое - светлые или темные.
17. HARD MIX (Жесткий микс)




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



18. DIFFERENCE (Разница)




режим реверсирует тона и цвета. яркость прямопропорционально зависит от разницы пикселей.
19. EXCLUSION (Исключение)







схож с DIFFERENCE, толькор более "мягок" - наименьший контраст.




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



20. HUE (Цветовой тон)




цвета верхнего слоя смешиваются с насыщенностью и яркостью нижнего. альтернатива - режим Colour (читаем ниже)



21. SATURATION (Насыщенность)

уровни насыщенности слоя ниже меняются на соответсвующие пиксели слоя верхнего.
22. COLOUR (Цветность)

здесь юзается исключительно яркость нижнего слоя, когда цвет и насыщенность идут от верхнего слоя. этот режим и является альтернативой режима Hue
23. LUMINOSITY (Свечение)

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


P.S. сразу внимание, эффекты могут получаться с отдельными изображениями очень убого - это не значит, что на других изображениях будет так же. просто эксперементируйте. не забываем пользоваться прозрачностью, она много может дать!




Автор: Manfred

Серия сообщений "Полезные мелочи":

Часть 1 - Делаем бегущую строку не возясь с кодами. Flash генератор бегущей строки.
Часть 2 - Шпаргалка цветов для текста и прочего (flash)
Часть 3 - Для новичков. Вырезать 1 картинку из множества из 1 файла
Часть 4 - Урок по созданию фигурного полупрозрачного фона
Часть 5 - Как сделать бесшовный фон.
Часть 6 - УЧИМСЯ ДЕЛАТЬ РАЗДЕЛИТЕЛЬ.
Часть 7 - Скачиваем с депозитфайл без ожидания и ввода цифр
Часть 8 - water effect
Часть 9 - Программа Clip2Net. Скриншоты и многое другое
Часть 10 - Portable Студия Коллажа 3.95 Rus
Часть 11 - Хостинг фото, картинок
Часть 12 - Фото эффекты-просто чудо!
Часть 13 - ГЕНЕРАТОРЫ
Часть 14 - Как вставить в пост ПростоПлеер (еще один способ размещения MP3-плеера на Ли.
Часть 15 - Как сделать простой MP3-плеер в посте
Часть 16 - Получение HTML-кода для любого цвета (флешка)
Часть 17 - Photoshop. Пара советов :-)
Часть 18 - Тысяча и одна полезность
Часть 19 - Урок по работе с программой Clip2Net.
Часть 20 - Хотите добавить в картинку анимацию без фотошопа?
Часть 21 - Пишем блестящими буквами и многое другое
Часть 22 - Как загрузить в фотошопе формат PSP
Часть 23 - Перевод меню Photoshop
Часть 24 - Дополнение к посту:Открыть в фотошопе файлы формата psp, pspimage, tub
Часть 25 - JuiceDrops 67 - Фейерверк
Часть 26 - Как изменить расширение файла
Часть 27 - Использование инструмента History Brush
Часть 28 - Как установить новый плагин (фильтр) в Corel.
Часть 29 - Таблица цветов
Часть 30 - Настройки кистей
Часть 31 - Как сохранить историю ваших манипуляций в Фотошопе
Часть 32 - Горячие клавиши (hotkeys) в фотошопе
Часть 33 - Проблема после установки фильтра
Часть 34 - Универсальная программка!
Часть 35 - Полоски и точечки
Часть 36 - Полезный совет для работы в Adobe Photoshop
Часть 37 - Как уменьшать размеры графических файлов.
Часть 38 - Перевод масок jpeg в png
Часть 39 - Установочные файлы для Windows Vista
Часть 40 - Установочные файлы для Windows 7
Часть 41 - Сохраняем незавершенную работу в Фотошопе
Часть 42 - Инструменты тонирования. Dodge (Осветлитель). Burn (Затемнитель). Sponge (Губка).
Часть 43 - Как сделать картинку с кликабельными надписями.
Часть 44 - Удаление и замена фона в изображении
Часть 45 - Секретики фотошоп
Часть 46 - Быстрые клавиши Adobe PhotoShop
Часть 47 - Подсказки для фотошопа
Часть 48 - Учимся удалять надписи с картинки
Часть 49 - Как сделать слайд онлайн. Вариант 1.
Часть 50 - Как сделать слайд онлайн. Вариант 2.
Часть 51 - Обзор нововведений в Photoshop CS5
Часть 52 - Было и стало…
Часть 53 - О размещении картинок PNG на Радикале.
Часть 54 - Урок от NATALI:Учимся делать несколько анимаций в одной картинке
Часть 55 - Программа Revo Uninstaller
Часть 56 - Урок Photoshop - Режимы наложения слоёв