(495) 925-0049, ITShop интернет-магазин 229-0436, Учебный Центр 925-0049
  Главная страница Карта сайта Контакты
Поиск
Вход
Регистрация
Рассылки сайта
 
 
 
 
 

Как использовать Color Overlay в Photoshop

Источник: symby
symby

Как использовать Color Overlay в Photoshop

Color Overlay в Photoshop

Все стили и эффекты являются наверно самые используемые у любого веб-дизайнера, поэтому знания всех основных возможностей - просто необходима, особенно для новичков. Как вы видите на скриншоте, стилей довольно много и по каждому я постараюсь сделать отдельный подробный пост, всего по моим подсчётам, получится 10 - 11 постов, начиная от Drop Shadow и заканчивая Stroke. Может быть, что-то совмещу или наоборот разделю, будет видно в будущем, а пока первый пост из цикла про Color Overlay. Поехали!

Хочу сразу заметить - я всегда использую английскую версию Фотошопа и поэтому все мои скриншоты выполняю в таком виде и переводить название стилей на русский я не собираюсь. Кстати, я всегда говорил и буду говорить - работайте на английской версии, потому что все хорошие мануалы, исходники и документация создаётся именно под англоязычные версии. Так проще учится новому, так как в рунете толковой информации почти нет.

Использование Color Overlay

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

Стиль Color Overlay довольно простой в использовании и имеет всего две настройки - Blend Mode и Opacity.

Blend Mode - является собой основной возможностью Color Overlay, он обладает 25 режимами смешивания цвета, используюя которые, мы можем создавать различные цветовые эффекты.

Color Overlay в Photoshop

Все "режимы смешивания" разбиты на основные типы воздействия на слои и цвета:

Режимы  Значение  Тип Режимов 
Normal Обычное, нормальное состояние Базовые (Basic Modes)
Dissolve Комбинация верхнего слоя с нижним, за счёт спец. узора. Если верхний слой обладает 100% непрозрачности, то эффекта видно не будет.
Darken Сравнивает два слоя и затемняет светлые пиксели у одного, тёмными другого слоя Группа затемнения (Darken Modes)
Multiply Умножает пикселя верхнего слоя с соответствующим числом пикселей нижнего слоя. В результате получается изображение темнее.
Color Burn Создаёт более тёмное изображение с повышенным уровнем контрастности. Если верхний слой белого цвета, то изменений не будет видно.
Linear Burn Более "мощный" микс режимов наложения Color Burn и Multiply, основная часть тёмных пикселей преобразуются в чёрный цвет.
Darker Color В видимой части изображения остаются только тёмные пиксели
Lighten Полная противоположность режиму наложения Darken Группа осветления (Lighten Modes)
Screen Умножает фон двух слоёв в сторону светлых пикселей. Эффект похож на одновременное проектирование нескольких фотографических слайдов.
Color Dodge Осветляет слой. Если верхний слой имеет чёрный цвет, то эффекта не будет.
Linear Dodge (Add) Это смесь режимов Color Dodge и Screen. Светлые пиксели преобразуются в ещё более светлые.
Lighter Color Сравнивает цветовые режимы всех слоёв и отображает самые светлые пиксели.
Overlay этот режим одновременно осветляет светлые пиксели (режим Screen) и затемняет тёмные пиксели слоёв (Multiply). Контраст (Contrast Modes)
Soft Light Смесь режимов Burn и Dodge. Конрастность изображения увеличивает чуть более чем режим Overlay.
Hard Light Более сильная разновидность Overlay.
Vivid Light Всё зависит от цвета верхнего слоя. Если он светлее на 50% серого цвета,
то уменьшается контраст (Color Burn), если наоборот то увеличивается контраст
Linear Light Принцип действия похож на Vivid Light, только вместо контрастности происходит увеличение или уменьшение яркости
Pin Light Комбинация стилей наложения Lighten и Darken, которые заменяют цвета пикселей.
Hard Mix Тяжелый микс цветов - светлые затемняються, тёмные осветляются.
Difference Похожие пиксели объединяет в один цвет Режимы сравнения (Comparative Modes)
Exclusion Подобен Difference, только меньше контрастности у преобразованных слоёв.
Hue Совмешает насыщенность (Saturation) и свечение (Luminance) нижнего слоя с цветовой палитрой верхнего. Компонентные режимы (Composite Modes)
Saturation То же самое что и Hue, только сравнивается насыщенность (Saturation) верхнего слоя.
Color Совмещает насыщенность и тон верхнего слоя с уровнем свечения нижнего слоя
Luminosity Полная противоположность режиму смешивания "Color"

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

Color Overlay в Photoshop

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

Opacity / Прозрачность слоя

Этот показатель отвечает за прозрачность слоя.

Opacity в Photoshop

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

Opacity в Photoshop

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

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

Ссылки по теме


 Распечатать »
 Правила публикации »
  Обсудить материал в конференции Дизайн, графика, обработка изображений »
Написать редактору 
 Рекомендовать » Дата публикации: 04.03.2014 
 

Магазин программного обеспечения   WWW.ITSHOP.RU
Avira Internet Security Suite, 1 ПК, 1 год
Quest Software. SQL Navigator Professional Edition
Panda Global Protection - ESD версия - на 1 устройство - (лицензия на 1 год)
ESET Secure Authentication newsale for 5 user, лицензия на 1 год
GFI FaxMaker и 1 год поддержки (10-49 лицензий)
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
 
Другие предложения...
 
Новости по теме
 
Рассылки Subscribe.ru
Безопасность компьютерных сетей и защита информации
Информационные технологии: CASE, RAD, ERP, OLAP
Новости ITShop.ru - ПО, книги, документация, курсы обучения
Программирование в AutoCAD
Компьютерный дизайн - Все графические редакторы
Все о PHP и даже больше
Утиль - лучший бесплатный софт для Windows
 
Статьи по теме
 
Новинки каталога Download
 
Исходники
 
Документация
 
Обсуждения в форумах
Фотоколлаж (1)
Приветик всем. Хотите из обычной фотографии получить смешную и увлекательную картинку? Если есть...
 
Интерактивная 3d визуализация (2)
Нужны специалисты по интерактивной 3d визуализации.
 
Как извлечь рисунки из файла Word (44)
Вообще-то есть еще способ - сделать в Word-е Copy рисунка, открыть Microsoft Photo Editor и там:...
 
Уроки CorelDraw: Растительный орнамент., Рисуем модные узоры (4)
Здравствуй, автор, у меня возникла проблема на этапе "Придадим форму основе орнамента, применив...
 
Графические редакторы (2)
Где можно скачать бесплатно Информацию о графическом редакторе Corel Photo - Phaint
 
 
 



    
rambler's top100 Rambler's Top100