Создание наборов образцов цвета в Photoshop / Creativo.one
В этом уроке мы изучим, как получать образцы цветовых оттенков с изображения и создавать из них наборы, которые впоследствии можно использовать, особенно, когда вы работаете с различными клиентами, каждый из которых предпочитает определенные цвета для своего проекта или когда вы просто хотите создать собственную коллекцию цветовых оттенков.
Одним из моих любимых занятий является фотосъемка пейзажей с последующим сохранением отдельных цветовых оттенков, представленных на фотографиях, в виде наборов цветов. В конце концов, превзойти природу-матушку практически невозможно, когда дело касается гармоничного сочетания цветов. В этом уроке мы будем всё делать именно так, как я только что описал — брать образцы цветовых оттенков с фотографии, размещать их в палитре цветов и затем сохранять как отдельный набор образцов цвета. Мы также рассмотрим, как восстановить в программе изначально заданные по умолчанию цвета после окончания работы и как загрузить созданный набор, когда он нам потребуется!
Ниже представлена фотография, с которой я буду брать отдельные цветовые оттенки. Я хочу создать набор образцов цвета под названием «Осенние листья», поэтому эта фотография подойдет как нельзя лучше:
Изображение разноцветной осенней листвы
В конце урока мы рассмотрим пример того, как можно использовать цвета из созданного нами набора для создания совершенно другого образа. Давайте начнем.
Шаг 1: Удаляем с панели «Образцы» существующие цветовые оттенки
Для того чтобы создать собственный набор оттенков цвета, давайте сначала удалим все образцы цветовых оттенков, представленные на панели «Образцы» (Swatches). Не волнуйтесь, они будут удалены не навсегда, как мы рассмотрим позже. Переключитесь на панель «Образцы», которая по умолчанию сгруппирована вместе с панелями «Цвет» (Color) и «Стили» (Styles). Если только вы не загружали ранее другие наборы цветов, то на панели «Образцы» будут представлены цвета, изначально заданные в программе по умолчанию:
Панель «Образцы» отображает набор образцов цветовых оттенков, заданных по умолчанию
К сожалению, в программе Photoshop не предусмотрена команда «Удалить все образцы цветов», поэтому для того чтобы удалить все образцы цветовых оттенков, отображенных на панели «Образцы», нам потребуется удалить каждый образец цвета вручную. Для того чтобы это сделать, при нажатой клавише Alt (Win) / Option (Mac) наведите курсор мыши на образец цвета в левом верхнем углу («RGB красный»). Вы увидите, как курсор при этом примет форму ножниц:
При нажатой клавише Alt (Win) / Option (Mac) наведите курсор мыши на образец красного цвета в левом верхнем углу. Курсор мыши при этом примет форму ножниц
Затем, все еще удерживая нажатой клавишу «Alt/Option», кликните по образцу цвета, чтобы его удалить. Продолжите нажимать на другие образцы цветовых оттенков для их удаления. Вам потребуется кликнуть кнопкой мыши в общей сложности 122 раза, чтобы удалить все образцы, но в зависимости от того, как быстро вы будете нажимать на кнопку мыши, у вас это не должно занять много времени. Когда вы закончите удалять образцы оттенков, ваша панель «Образцы» будет совершенно пустая:
После удаления всех образцов цветовых оттенков, заданных по умолчанию, панель «Образцы» стала пустой
Шаг 2: Выбираем инструмент «Пипетка»
Откройте в программе Photoshop изображение, откуда вы хотите взять образцы цвета (если оно еще не открыто), затем на панели инструментов выберите инструмент «Пипетка» или нажмите клавишу I для быстрого выбора инструмента:
Выбираем инструмент «Пипетка»
Шаг 3: Получаем первый образец цвета с изображения
После выбора инструмента «Пипетка», переместите курсор мыши на ту область, где вы хотите взять образец цвета, затем кликните кнопкой мыши для получения образца. Я хочу получить образец ярко-желтого цвета с одного из листьев в верхней части моего изображения в качестве первого цвета моего будущего набора:
Берем образец ярко-желтого цвета с одного из листьев
Вы можете точно определить, какой цвет вы получили с изображения, взглянув на значок образца основного цвета на панели инструментов:
Полученный цвет отображается на панели инструментов как основной цвет
Примечание: возможно, вам проще будет собирать цвета, удерживая нажатой кнопку мыши по мере перемещения курсора внутри изображения (с выбранным инструментом «Пипетка»). Цвет, на который будет попадать курсор, будет отображаться на панели инструментов как основной цвет и непрерывно меняться по мере движения мышки, давая вам возможность предварительного просмотра цвета перед получением его образца. Данный способ кажется мне удобнее, чем способ кликнуть кнопкой мыши и только потом увидеть, какой образец мы получили. Отпустите кнопку мыши, когда вы найдете цвет, который вам подойдет для вашего набора образцов цвета.
Шаг 4: Добавляем цвет на панель «Образцы»
Как только вы получили образец первого цвета, переместите курсор мыши на пустую область внутри панели «Образцы». Вы увидите, как курсор примет форму ведерка с краской. Кликните в любом месте пустой области для преобразования полученного цвета в образец цвета. В результате этого действия откроется диалоговое окно, где будет предложено ввести имя для вашего образца цвета. Если вы создаете набор образцов цветовых оттенков для клиента, использующего определенные цвета Пантон и, как следствие, требующего их, то будет неплохой идей назвать ваш образец цвета цветом, соответствующим таблице цветов Пантон (например, Пантон Желтый 012 C (Pantone Yellow 012 C). Если же вы создаете набор образцов цвета для собственного использования, то дайте образцу название на ваше усмотрение. Я назову свой образец цвета «Желтый» (Yellow):
Дайте вашему новому образцу цвета понятное имя или можете вообще его никак не называть
На самом деле, давать названия образцам цвета не обязательно, поэтому если имена образцов для вас не имеют значения, то оставляйте те имена, которые предлагает программа по умолчанию.
Мой созданный образец цвета «Желтый» появился на панели «Образцы»
Шаг 5: Продолжаем собирать цвета и создавать из них образцы цветовых оттенков
Продолжайте собирать цвета с вашего изображения и затем кликать по пустой области панели «Образцы», чтобы сохранять их как образцы цветовых оттенков, при необходимости присваивая им имена. Я собрал еще 10 цветов с изображения и в итоге на панели «Образцы» у меня получилось 11 новых образцов. Вы можете создать столько образцов цвета, сколько захотите:
Еще больше собранных цветов добавилось на панель «Образцы» в качестве образцов цветовых оттенков
Шаг 6: Сохраняем образцы цвета как отдельный набор
Когда вы закончите добавлять цвета на панель «Образцы» и будете готовы сохранить их как отдельный набор образцов, нажмите на маленькую правостороннюю стрелку в правом верхнем углу панели «Образцы» для вызова меню панели:
Нажав на маленькую правостороннюю стрелку, вызовите меню панели «Образцы»
Затем из появившегося меню выберите пункт «Сохранить образцы» (Save Swatches):
Выбираем команду «Сохранить образцы»
На экране появится диалоговое окно «Сохранить» (Save). Введите имя для вашего нового набора образцов. Я назову свой набор «Осенние листья»:
Вводим имя для нового набора образцов
Далее нажимаем кнопку «Сохранить» (Save) для сохранения набора образцов. Программа сохранит набор образцов цвета в том же месте, где хранятся другие наборы образцов, загруженные в программу по умолчанию, поэтому вам не придется в следующий раз искать по всему компьютеру нужную папку, когда вы захотите получить доступ к любому из созданных наборов образцов, что мы и рассмотрим далее.
Шаг 7: Восстанавливаем цветовые образцы, заданные по умолчанию
Мы получили несколько цветов с изображения, создали из них образцы цветовых оттенков и сохранили эти образцы как отдельный новый набор образцов. Но что если мы вновь захотим воспользоваться цветовыми образцами, заданными по умолчанию, которые мы удалили в начале урока? Все, что нам потребуется, — это снова нажать на маленькую правостороннюю стрелку в правом верхнем углу панели «Образцы» для повторного вызова меню панели и выбрать из появившегося списка команду «Восстановить образцы» (Reset Swatches):
Для того чтобы вернуть на панель заданные по умолчанию цветовые образцы, выбираем команду «Восстановить образцы»
В соответствующем диалоговом окне программа спросит Вас о необходимости заменить текущие цветовые образцы заданными по умолчанию.
Вы сможете либо подтвердить необходимость замены текущих цветовых образцов заданными по умолчанию, нажав кнопку ОК, либо добавить заданные по умолчанию образцы к текущим образцам без удаления последних, нажав кнопку «Добавить» (Append). Я нажму кнопку ОК и заменю мой набор образцов «Осенние листья» заданными по умолчанию цветовыми образцами:Нажимаем ОК для восстановления цветовых образцов, заданных по умолчанию
После этого действия на панели «Образцы» опять появились образцы цвета, заданные по умолчанию:
Образцы цвета, заданные по умолчанию, вернулись на панель «Образцы»
Далее мы рассмотрим, как загрузить и как использовать наш собственный набор образцов.
Шаг 8: Загружаем собственный набор образцов цвета
Вы найдете все наборы образцов цвета, в том числе и ваши, в меню панели «Образцы». Нажмите на название набора для его выбора
И снова программа спросит вас о желании заменить существующие наборы новыми или добавить новые образцы цвета к уже расположенным на панели образцам. Я нажму ОК, чтобы заменить заданные по умолчанию образцы созданными образцами из набора «Осенние листья»:
Нажмите кнопку «Заменить», чтобы заменить заданные по умолчанию образцы на панели новыми образцами цвета
В результате этого действия на панель «Образцы» загрузятся мои новые образцы цветовых оттенков из набора «Осенние листья», готовые к дальнейшему использованию:
Мой собственный набор образцов цвета загружен на панель «Образцы»
Шаг 9: Выбираем новый основной цвет на панели «Образцы»
Большое преимущество использования образцов цвета заключается в том, что они являются заранее заданными цветами. Это означает, что это цвета, которые мы уже выбрали (или цвета, которые выбрала за нас программа, если вы работаете с заданными по умолчанию образцами), и нам не нужно каждый раз выбирать эти цвета из палитры цветов, когда они нам потребуются. Для того чтобы выбрать любой из цветов на панели «Образцы», просто наведите курсор мыши на нужный образец цвета. Вы увидите, как курсор примет форму пипетки. После этого кликните по цвету для его выбора. В моем случае, я выберу оранжевый цвет, второй слева:
Для того чтобы выбрать нужный цвет, нажмите на его образец на панели «Образцы»
После нажатия на нужный цвет можно увидеть, что действительно этот цвет был нами выбран и отобразился на иконке образца основного цвета на панели инструментов:
Цвет, на который вы нажали на панели «Образцы», отобразился на иконке образца основного цвета на панели инструментов
Шаг 10: Выбираем новый фоновый цвет на панели «Образцы»
Для того чтобы выбрать определенный цвет в качестве фонового цвета, нажмите и удержите клавишу Ctrl (Win) / Command (Mac) и при этом кликните по нужному цвету на панели «Образцы». В моем случае, при нажатой клавише Ctrl / Command я кликну по темно-красному цвету:
При нажатой клавише Ctrl (Win) / Command (Mac) кликните по нужному цвету на панели «Образцы», чтобы сделать его фоновым цветом
Теперь, если я снова посмотрю на панель инструментов, то увижу, что на иконке образца фонового цвета появился темно-красный цвет, который я только что выбрал:
Цвет, который вы выбрали на панели «Образцы», отобразился на иконке образца фонового цвета на панели инструментов
Теперь я могу использовать цвета из моего набора «Осенние листья», как пожелаю и когда пожелаю! Ниже представлены строки стихотворения, которые я оформил при помощи цветов из моего созданного набора образцов цвета и кисти «Разбросанные кленовые листья» (Scattered Maple Leaves), установленной по умолчанию в программе Photoshop:
Стихотворение, оформленное при помощи цветов из моего созданного набора образцов цвета «Осенние листья»
И вот мы закончили! Мы научились с легкостью создавать собственные образцы цвета и целые наборы образцов в программе Photoshop!
Автор: Steve Patterson
Перевод: Ксения Руденко
Онлайн-сервис по подбору цвета в одежде
Кликом по цветовому кругу установите основной цвет.
Кликом по одной из фигур рядом с кругом, выбирете цветовую схему.
Бегунками и стрелками рядом с фото модели регулируйте оттенки. Добейтесь максимально естественного наложения нового цвета!
Красно-фиолетовыйКрасныйКрасно-оранжевыйОранжевыйЖёлто-оранжевыйЖёлтыйЖёлто-зелёныйЗелёныйСине-зелёныйСинийСине-фиолетовыйФиолетовыйСброс ярк.насыщ.
Сброс оттенков
Поделиться
Вы можете загрузить фото любой тематики ! И мы сделаем на его основе аналогичный колористический тестировщик.
Загрузить своё фото для тестирования цветовых сочетаний.
Подбор цвета одежды онлайн
Инструкция для режима с цветовым кругом
Данный режим работает при наличии не менее двух цветов в образе.
Нажмите кнопку «Включить цветовой круг», чтобы перейти в этот режим (если он не включен).
С помощью данного сервиса можно составить цветовой образ, выбирая цвета и их сочетания по цветовому кругу Иттена.
Вращайте цветовой круг с помощью управляющих кнопок под ним или кликом по нужному цвету на круге:
Выберите основной цвет, чтобы увидеть какие цвета и как сочетаются с ним.
Стрелки или углы фигур указывают на цвета, присутствующие в выбранной схеме.
Выберите нужную вам схему цветовых сочетаний. Одежда модели окрасится согласно выбранному вами варианту:
Пробуйте различные сочетания в разных цветовых схемах. Если на первый взгляд данное сочетание не производит достаточно приятного впечатления, попробуйте поэкспериментировать с оттенками, двигая бегунки на панели управления рядом с фото модели. Бегунки изменяют оттенок в некоторых небольших пределах от заданного цвета.
Если количество цветов в данном образе меньше четырёх, то соответственно уменьшится число предложенных вариантов цветовых схем круга.
Снизу от бегунков, стрелками около значков и регулируется яркость и контрастность выбранного кликом элемента. Кликом по самим значкам яркость и контрастность возвращаются в среднее положение
Обратите внимание, что при минимальной насыщенности цвета, влияние бегунков (ОТТЕНКОВ) может быть не заметно, так как сложно увидеть изменение оттенка, когда насыщенность цвета элемента очень мала.
С помощью кнопок «Поменять местами» можно менять распределение цветов в образе.
Инструкция для режима свободного выбора цветов и оттенков
Нажмите кнопку «Выключить цветовой круг», чтобы перейти в этот режим.
Кликом по фото или одной из кнопок с названием цвета выбираем оттенок какого элемента одежды хотим изменять.
С помощью виджета выбора цвета (радужный прямоугольник) регулируем оттенок
Кнопка «Смена модели» — выбрать другую модель (девушку), в другой одежде (будем увеличивать выбор).
Заказать цветовой круг можно на нашем сайте через Каталог товаров, или через быстрый заказ в один клик по кнопке:
. .в этом случае оператор запишет все данные по заказу в режиме диалога
Наглядно визуализировать точные цвета с названиями и CMYK-кодами можно при помощи нашего продукта «Цветовой гид».
ПоробнееОпубликовано 14.12.2018 19:55:08
Как изменить цвет одежды на фото
Хотите узнать, как ваше любимое платье будет смотреться в другом оттенке? Или ведете модный блог в единой цветовой стилистике и хотите перекрасить объект в кадре, чтобы фото попало в стиль? Раскрываем несколько простых способов, как изменить цвет одежды на фото, не обладая профессиональными навыками ретуши.
Содержание
Меняем цвет одежды в программах для ПК
Первый и самый удобный способ – компьютерные программы. В данном случае то, как быстро вы достигнете нужного результата, зависит от сложности выбранного фоторедактора. Давайте рассмотрим это на примере двух популярных программ: ФотоМАСТЕР и Photoshop.
ФотоМАСТЕР
Этот редактор на русском языке отличается предельно простым управлением, пользоваться им можно даже без соответствующих навыков. ФотоМАСТЕР включает в себя функции AI, которые распознают и устраняют недостатки на фотоснимках, благодаря чему обработка проходит намного быстрее, чем в других редакторах. В программе присутствует большая коллекция фотофильтров и эффектов, инструменты ретуши и пластики, устранение цифрового шума, повышение резкости, цветокоррекция и многое другое.
Умный фоторедактор для новичков и профи Скачать Для Windows 10, 7, 8, ХРШаг 1. Приготовьте все необходимое
Подготовьте фотографию для обработки, после чего установите на компьютер ФотоМАСТЕР. Для этого скачайте бесплатный дистрибутив и запустите распаковку инсталлятора двойным. После установки запустите софт и нажмите «Открыть фото».
Стартовое окно фоторедактораШаг 2. Измените цвет
В разделе «Улучшения» откройте вкладку «Цвет». Найдите оттенок, который вы хотите изменить, и при помощи ползунка регулируйте его значение. Все изменения можно отследить в окне превью.
Отрегулируйте нужный оттенокЭтот способ сработает, только если на фото нет других предметов того же цвета. В этом случае оттенок сменится на всем снимке. Чтобы изменить отдельный предмет, после открытия снимка перейдите в раздел «Ретушь». Выберите функцию «Корректор» и обработайте кистью участок изображения, который вы хотите изменить. После этого в пункте «Цветовой тон» подберите нужное значение, передвигая ползунок и отслеживая изменения. Также можно отрегулировать параметры «Температура» и «Оттенок,» чтобы добиться нужного эффекта.
Программа позволяет редактировать отдельные предметыШаг 2. Сохраните результат
Экспортируйте готовый снимок кнопкой «Сохранить» на верхней панели программы. Укажите папку для экспорта, название и формат файла. Вы также можете сжать размер файла без потери качества, для этого откройте пункт меню «Файл» — «Изменить размер и сохранить».
Adobe Photoshop
Adobe Photoshop нацелен в первую очередь на профессиональных фотографов и ретушеров, так что быстро изменить цвет платья на фото, как в предыдущем варианте, не получится. Придется потратить некоторое время, осваивая функционал фотошопа. Вот наиболее простой способ:
- Запустите Photoshop и добавьте файл для обработки.
- Раскройте в верхнем меню пункт «Изображение» и выберите «Коррекция», затем «Заменить цвет».
- Пипеткой кликните на оттенок, который нужно поменять.
- В пункте «Разброс» отрегулируйте параметр так, чтобы на негативе отобразился тот участок, который вы хотите перекрасить.
- Измените оттенок, регулируя параметр «Цветовой тон».
- Photoshop захватывает все цветовые каналы, поэтому цвет может поменяться даже там, где, казалось бы, нужного оттенка нет. Удалите это с помощью пипеткой со знаком минус.
- Если какой-то участок не прокрасился, щелкните по нему пипеткой со знаком плюс.
Замена цвета предмета на фото в приложениях
Заменить оттенок на фотографии на телефоне помогут мобильные фоторедакторы. Они не так удобны в управлении, как компьютерный софт, но пригодятся для быстрой обработки.
PicsArt
PicsArt — популярный редактор для телефонов андроид и айфон с десятками фильтров и спецэффектов. Программу можно скачать бесплатно через App Store или Google Play, но следует отметить, что большинство функций в нем платные.
- Запустите приложение и откройте фото для обработки.
- Нажмите «Эффекты» в нижнем меню.
- Найдите пункт «Цвет» и выберите «Замена».
- Передвиньте кружок выбора так, чтобы отметить замещаемый цвет.
- Отрегулируйте настройки и подберите нужный оттенок.
Snapseed
Это приложение также подходит для всех моделей смартфонов. Snapseed включает в себя множество полезных функций редактирования. Однако прямой функции замена цвета там нет, так что понадобится некоторое время, чтобы понять, как изменить цвет объекта на фото. Мы будем менять цвет при помощи двойной экспозиции. Для этого заранее подготовьте картинку нужного цвета.
- Откройте приложение и загрузите фото для обработки.
- Откройте «Инструменты» в нижней панели и выберите «Двойная экспозиция».
- Кликните по значку с плюсом и добавьте фото нужного цвета.
- Кликните по значку в центре и выберите тип наложения. Примените изменения.
- На главной странице нажмите на иконку слоев со стрелкой в верхнем правом углу.
- Выберите «Посмотреть изменения».
- Щелкните по пункту «Двойная экспозиция» и нажмите на иконку кисти.
- Закрасьте силуэт платья. Чтобы прорисовать мелкие детали, приближайте фото.
Это приложение также подходит для всех моделей смартфонов. Snapseed включает в себя множество полезных функций редактирования. Однако прямой функции замена цвета там нет, так что понадобится некоторое время, чтобы понять, как изменить цвет объекта на фото. Мы будем менять цвет при помощи двойной экспозиции. Для этого заранее подготовьте картинку нужного цвета.
Теория цвета для фотографа: цветовой круг и гармоничные сочетания цветов | «Fotoаз»
Цветовой круг
Большинство из нас до определённого момента не задумываются о цветовой гамме фотоснимка. А между тем, цвет имеет сильнейшее воздействие на зрителя и очень сильно влияет на восприятие фотографии в целом. Давайте разберёмся, какие правила мы должны знать и применять, чтобы наши картинки воспринимались гармонично.
Со школы всем нам известна поговорка, помогающая запомнить 7 цветов из цветового спектра:: «Каждый Охотник Желает Знать Где Сидит Фазан». Т.е. все мы помним, что световой луч через призму преломляется на 7 спектральных цветов: красный, оранжевый, жёлтый, зелёный, голубой, синий и фиолетовый. В художественной среде эти цвета представлены в виде хроматического (то есть цветного) цветового круга. Итак, давайте разберём этот самый цветовой круг и с чем его едят.
Все цвета образуются на основе всего 3х основных цветов — красного, синего и желтого.
Если эти цвета смешать в равной степени между собой, то получатся оранжевый, зеленый и фиолетовый. Эти цвета называются составными. Так мы получаем уже шестичастный цветовой круг.
А если основные и составные цвета смешать в равной степени, то мы получим третичные цвета.
При собрании всех этих цвето вместе мы получаем 12-частный цветовой круг, который на сегодня и есть основой всей теории цвета.
Такой цветовой круг уже можно использовать для подбора гармоничных цветовых сочетаний. Но всё же в данном кругу все цвета чистые — яркие и насыщенные. Для фотографий нежелательно их использовать в чистом виде, а лучше разбавлять, т.е. добавлять в них ахроматические цвета — чёрный и белый. Таким образом можно получить огромное множество оттенков и тонов в пределах одного цвета. Если в цвет бы добавим белый цвет, то его насыщенность снижается до пастельных тонов. И наоборот, при добавлении черного цвета, насыщенность основного цвета повысится.
Другими словами, такое разбавление хроматических цветов ахроматическими называется «цветовая растяжка», которая и даёт нам вот такой цветовой круг на основе всё тех же 12 цветов, но с множеством тонов и оттенков.
Гармоничные сочетания цветов
Что же из этого всего следует и зачем мы все это должны знать? А вот как раз для того, чтобы умело использовать гармоничные сочетания цветов на наших фотографиях, делая их интересными и более привлекательными для зрителя. Итак, основные схемы гармоничного сочетания цветов следующие.
Приблизительные примеры приведены рядышком со схемами (необязательно именно в том же цвете, но в той же цветовой схеме).
Монохромное (одноцветное) сочетание
Сочетание тонов и оттенков одного цвета в пределах одного сектора на цветовом круге. То есть один цвет различается только яркостью и насыщенностью. Довольно тяжело добиться такого сочетания на фотографиях (особенно на улице), т.к. редко мы имеем гамму в пределах одного цвета в природе. Но при желании, можно прийти к такой схеме путём цветокоррекции, несложно это сделать в студийной фотографии.
Аналогичное сочетание цветов — сочетание трёх соседних цветов в цветовом круге (на фотопримере — желтого, оранжево-желтого и оранжевого).
Комплементарная (дополняющая) схема — два противоположных на цветовом круге цвета (на фото красный и зелёный).
Разбитое дополнение (или расщеплённая комплиментарная схема) — сочетание цветов, когда в противоположных двух цветах вместо одного цвета берутся два соседних (на фотопримере жёлтый, оранжевый, синий).
Триада — цветовое сочетание трёх равноудалённых на цветовом круге цветов (т.е. вписанный в круг равносторонний треугольник). Наиболее интересная и полюбившаяся очень многим схема. В идеале один цвет выступает основным в композиции, задаёт настроение, второй обыгрывает и поддерживает первый цвет, ну а третий расставляет акценты.
Есть и другие сочетания, включающие четыре и более цветов (прямоугольник, квадрат — тетрада, пятиугольник). Однако, для фотографии такое многообразие цветов лучше не использовать. Это позволено ну очень опытным художникам (фотографам, дизайнерам) и не очень опытному в цвете человеку очень легко запутаться и натворить чепухи.
Теория цвета и применение фотографом на практике
Что же следует из всей этой цветовой теории и как всё это применять на практике фотографу?
Для начала не ленитесь продумывать цветовую гамму фотографий ещё до начала съёмок. Если это творческая фотография, то на этапе продумывания образа сразу представляйте себе локацию и старайтесь подобрать одежду, гармонирующую по цветовой гамме. Коммерческая съёмка — не исключение. Зная интерьеры студии или место съёмок на пленере, оговаривайте с клиентом цветовую гамму одежды, чтобы в итоге ваши фотографии смотрелись красиво и со вкусом.
При обработке — анализируйте полученные цвета на фото. Какой цвет доминирующий, какие цвета расставляют акценты, какие цвета лишние и их нужно совсем убрать из кадра (обесцветить, т.е. убрать насыщенность, сменить оттенок или вовсе перекрасить в другой цвет). Не стесняйтесь акивно использовать инструменты для цветокоррекции и тонирования в Фотошопе — цветовой баланс, выборочная коррекция цвета, кривые, карта градиента.
Для анализа цветов и подбора гармоничных сочетаний в Фотошопе есть очень удобный инструмент — Кулер. Он был доступен онлайн на сайте Adobe, а в версии Photoshop CS6 он встроен в сам редактор (Окно-Расширение-Кулер). Кулер являет собой цветовой круг, который вы можете крутить, как вам заблагорассудится, выбирая цветовые схемы и получая палитру гармоничных цветов. Очень удобно анализировать фотографию и тут же рядышком крутить параметры цветового круга, изменяя оттенки, яркость и насыщенность цветов. Из полученной палитры можно копировать номер цвета прямо в палитру фотошопа, используя это при цветокоррекции, например, инструментов «Карта градиента» или «рисованием» кисточкой в режиме «Мягкий свет».
Также есть еще одна чудесная ссылка — тот же кулер онлайн для всех, кто работает с цветом.
Кому интересно больше узнать о том, как работать с цветокоррекцией и тонированием фотографий на практике, добро пожаловать в нашу фотошколу на наш курс «Фотошоп от А до Я для фотографа» или Индивидуальные авторские уроки онлайн по обработке фотографий.
В статье использованы фотографии для примера фотографа нашей команды Невмержицкой Татьяны.
Работаем с образцами в Фотошопе | Урок
Работаем с образцами в Фотошопе
Будь вы профессионалом или полным новичком в Photoshop, рано или поздно вы столкнетесь с Образцами (swatches). Образцы позволяют вам сохранять и выбирать цвета с тем, чтобы вы могли их быстро применять в своей работе. В сегодняшнем уроке мы покажем вам, как быстро и эффективно использовать Образцы в Photoshop. Давайте же начнем!
Шаг 1
Перед тем, как начать, убедитесь, что панель образцов открыта. Во-первых поменяйте ваше Рабочее Поле (Workspace) на «Design». Это можно сделать в верхней панели, выбрав (Окно > Рабочее Поле > Дизайн (Window > Workspace > Design).
Если ваше рабочее поле не выглядит, как на скриншоте, то вам нужно «сбросить» рабочее поле. Для этого идите в Окно > Рабочее Поле > Сбросить Дизайн (Window > Workspace > Reset Design). ). После этоговаш цвет сохранится в образцы. Теперь вы возможно спросите, где же найти этот образец?
Шаг 5
Чтобы найти только что сохраненный образец, найдите панель образцов. Я объяснил, как открыть ее в Шаге 1.
Если вы уже ее открыли, то сможете найти ее справа.
Шаг 6
Теперь чтобы найти нужный образец посмотрите на панель образцов, Чтобы поменять размер иконок, нажмите на маленькую иконку выскакивающего меню и выберите «Большие иконки» (Large Thumbnail).
Нажмите на иконку левой клавишей мыши, и этот цвет будет цветом заднего плана.
Теперь я хочу показать вам, как сохранить несколько образцов одновременно.
Шаг 7
Как только вы выбрали несколько цветов и сохранили их как образцы, они должны в одной панели Образцов (Swatches).
Чтобы сохранить цвета в один набор образцов: кликните на маленькую иконку всплывающего окна в правом верхнем углу и найдите опцию «Сохранить Образцы» (Save Swatches).
Шаг 8
Должно открыться следующее окно, после нажатия на кнопку «Сохранить образцы». Дайте имя файлу “Blues” и нажмите сохранить. Photoshop должен автоматически выбрать директорию с вашими образцами.
Как загрузить образцы, после того как мы их сохранили? Вернемся в панель Образцы и нажмем на иконку выскакивающего меню. Нажмите на опцию «Загрузить образцы» (Load Swatches). Выберите файл, который вы только что сохранили. В моем случае это “Blues.aco”
Заключение
В заключении я хотел бы сказать, что образцы могут быть полезны в ежедневной работе. Их использование может значительно сократить время работы над проектом.
Замена цвета в фотошопе без потери качества и текстуры фотографии
Данный урок будут очень простым, но достаточно интересным. И само собой, очень полезным. Порой, достаточно трудно подобрать изображение, подходящее вам по цветовому решению. Особенно, если ваша профессия веб дизайнер и вы подбираете фото для шапки сайта. Несмотря на обилие фотобанков, получить изображение на сто процентов соответствующее вашей задумке и цветовой схеме сайта порой практически невозможно. И тут приходится прибегать к разнообразным ухищрениям вроде замены цвета.
Новички зададут резонный вопрос, а почему нельзя просто закрасить нужный нам участок кисточкой? Можно. Но я предлагаю усложнить задачу, сохранив текстуру. Ну и естественно выполнить работу настолько тонко, чтобы непосвященный человек не заметил ни следа фотошопа.
Подопытным у нас будет фото девушки в красном платье. Фотография бесспорно красивая, и она вполне может сгодиться для рекламного баннера. Но помехой тут может стать яркий цвет платья. Давайте попробуем убрать кричащий красный цвет, заменив его на что-то более нейтральное. Допустим, глубокий фиолетовый.
Итак, приступим. Открываем изображение.
Теперь нам потребуется создать слой маску цветовой тон – насыщенность. Для этого кликаем по пиктограмме, представленной на рисунке, которая располагается в нижней части окна слоев.
Маска слой появилась.
В появившемся окне нам следует выбрать канал, с которым мы будем работать. В данном случае он будет красным. Мы же красный цвет пытаемся заменить на другой.
Ну а теперь мы приступаем непосредственно к замене цвета в фотошопе. Двигая ползунок «цветовой тон» мы кардинально меняем цвет платья. Ползунок «насыщенность» позволит сделать нам тон платья более приглушенным. Что мы получаем в итоге.
Как видите, при помощи инструмента цветовой тон – насыщенность мы заменили красный цвет платья на фиолетовый, но вместе с ним приобрела красноватый оттенок и кожа девушки. Но пусть это вас не пугает. Этот дефект мы можем легко и быстро исправить обычной кисточкой.
Кисть выбираем мягкую. Как правило, она первая в наборе. Цвет выставляем черный.
И теперь просто «стираем» ей участки, не нуждающиеся в замене цвета.
Чтобы вам было видно наглядно, я стерла часть фиолетового цвета с лица девушки.
А теперь завершаем работу, аккуратно стирая все ненужное. Меняйте размер и форму кисти при необходимости.
Как видите, нет ничего сложного. Сделать замену цвета в фотошопе гораздо проще, чем, кажется. Данный способ подойдет абсолютно для любого цвета и изображения.
Как создать наложение цвета в Photoshop
Наступил новый год, и с ним приходит множество вдохновляющих стилей дизайна, которые подпитывают наш творческий гений. Приготовьтесь к ярким и ярким цветовым палитрам в сочетании с полезным и содержательным контентом. Вам не нужно быть настоящим гением, чтобы идти в ногу с этой тенденцией. Создание цветных наложений в Photoshop — это простой способ сделать ваши фотографии яркими, особенно если вы используете цвет года Pantone. Прежде чем мы начнем, давайте посмотрим на несколько фотографий из нашей библиотеки, которые мы можем использовать для создания потрясающих эффектов наложения цветов в Photoshop.
Загрузите это Creative Stock Image. Загрузите эту стоковую фотографию драматического городского пейзажа. Загрузите это готовое изображение запаса. Загрузите это изображение Energetic Stock.Шаг 1. Запустите Adobe Photoshop
.Откройте Photoshop на своем компьютере и Импортируйте свою фотографию, перейдя в Файл> Открыть и выбрав файл фотографии.
Шаг 2.Разблокируйте свой слой
На панели слоев вы увидите свою фотографию, помеченную как Фон . Щелкните значок замка справа от него, чтобы вы могли отредактировать свою фотографию. Панель слоев должна выглядеть, как показано на рисунке ниже. Панель слоев должна выглядеть, как показано на рисунке ниже.
Шаг 3. Добавьте слой наложения цвета
Спуститесь к нижней панели инструментов на панели слоев и выберите Создать новый корректирующий слой. Затем выберите Solid Color. Шестнадцатеричный код Pantone 2096 (насыщенный темно-фиолетовый): 654EA3 .
Теперь ваша панель слоев будет выглядеть следующим образом.
Присоединяйтесь к нашему творческому сообществу
Получите доступ к лучшим видеосоветам, советам по дизайну и предложениям прямо в свой почтовый ящик.
Шаг 4. Настройте наложение цвета
Дважды щелкните слой Color Overlay Layer, чтобы открыть его панель свойств .В этом меню вы можете настроить Blending Mode и Opacity.
Поиграйте с ним, пока не найдете оттенок, который вам подходит.
Pantone Ultra-Violet вдохновляет дизайнеров во всем мире оставлять свой собственный красочный след в мире. Оставайтесь яркими в этом году и царствуйте в своем пурпурном мастерстве с помощью идеальных наложений для фотографий. Если вам нужно больше вдохновения для наложения фотографий, ознакомьтесь с нашими руководствами по наложению фотографий с цветными градиентами, настройке фотографий и созданию эффектов двойной экспозиции. Сделай это поп
Как добавить цветной оттенок к фотографиям в Photoshop «Photoshop :: WonderHowTo
Это видео-инструкция о том, как добавить цветной оттенок к фотографиям в Photoshop.
Это действительно может добавить хороший эффект к изображениям. Для этого сначала выберите изображение, затем перейдите в «слои», затем выберите параметр «корректирующий слой», щелкните его правой кнопкой мыши и выберите параметр «оттенок и насыщенность», затем установите флажок с именем «раскрашивание» доступно на той же странице, как только эта опция выбрана, мы сразу же видим изменение цвета на изображении, затем мы настраиваем оттенок, перемещая полосу тона, а также мы можем сделать изображение черно-белым, перемещая насыщенность ползунок, обычно диапазон насыщенности 25 — это нормально, но если мы хотим, чтобы старый заданный оттенок изображения был равен 49, а насыщенность — 18, то нажмите ОК, лучшая особенность «корректирующего слоя» заключается в том, что мы можем изменить оттенок в любое время, когда захотим делать. Если мы хотим затемнить края изображения, тогда нам нужно добавить слой с помощью инструмента круговой эллипс, сделать выделение, также убедиться, что края круга находятся за пределами изображения, затем дважды щелкните выделенные области и выберите «выбранные области» в «опции быстрой маски», затем нажмите «ОК», затем перейдите к «фильтру», выберите размытие, затем выберите «Размытие по Гауссу», выйдите из «режима быстрой маски» и затем нажмите «сдвиг» + ctrl + I «, чтобы инвертировать выделение, и если мы нажмем» ctrl + back space «, границы станут черными, поскольку размытие по Гауссу выбрано черным.Теперь изображение действительно похоже на состаренную картинку.
Хотите освоить Microsoft Excel и вывести свои перспективы работы на дому на новый уровень? Начните свою карьеру с нашего пакета обучения Microsoft Excel Premium A-to-Z из нового магазина гаджетов и получите пожизненный доступ к более чем 40 часам инструкций от базового до расширенного по функциям, формулам, инструментам и многому другому.
Купить сейчас (97% скидка)>
Другие интересные предложения, которые стоит посетить:
6 советов по выбору потрясающей цветовой схемы веб-сайта
Когда дело доходит до вашего веб-сайта, вы должны дать своим клиентам потрясающие впечатления чтобы они зацепились за ваш бренд.
Представьте, что вы запускаете идеальный веб-сайт для своего бизнеса. Все безупречно — макет, производительность, навигация, текст. Все это создает для ваших пользователей опыт мечты, и люди в восторге от этого.
Что ж, вы сможете добиться этого, только если выберете правильную цветовую схему веб-сайта, и я покажу вам, как именно это сделать, даже если у вас нет опыта в дизайне.
Цвет играет важную роль в нашем восприятии мира.Следовательно, это может радикально повлиять на то, как мы воспринимаем веб-сайт. Но когда дело доходит до дизайна веб-сайта, цветовая схема часто отходит на второй план. В этой статье я поделюсь шестью важными советами, которые вы можете использовать для создания потрясающей цветовой схемы веб-сайта:
- Познакомьтесь с основами психологии цвета
- Познакомьтесь с теорией цвета
- Подумайте о смешивании цветовых комбинаций
- Будьте проще
- Сравните свои цвета
- Добавьте свой брендинг
Если у вас есть практические знания в области теории цвета или вы не совсем уверены в различии между основными и дополнительными цветами, эти советы помогут вам выбрать идеальную цветовую схему при создании вашего веб-сайта.Давайте начнем!
1. Изучите основы психологии цвета
Психология цвета играет важную роль в маркетинге. Рассмотрение всех деталей займет слишком много времени, поэтому вот самые важные основы, которые вам нужно знать.
Цветовые ассоциации очень сильны. Мы развиваем их в младенчестве, и обычно они остаются с нами на всю жизнь. Эти ассоциации инстинктивны и часто подсознательны.
Многие из этих ассоциаций достаточно универсальны.Например, все учатся ассоциировать зеленый цвет с листьями и природой, а желтый — с солнцем.
Однако некоторые из них носят культурный характер. Одно исследование показало, что у американцев зависть ассоциируется с черным, зеленым и красным, в то время как русские считали черный, фиолетовый и желтый цветами зависти.
Эти культурные ассоциации сегодня важнее, чем когда-либо прежде, поскольку многие бренды имеют глобальное присутствие. В зависимости от того, какие цвета вы используете, люди из определенных стран могут ассоциировать с вашим брендом что-то негативное, что вам определенно не нравится.
2. Познакомьтесь с теорией цвета
Короче говоря, теория цвета — это наука о том, как работает цвет. Более длинную версию объяснить не так просто — для нее есть целые курсы колледжа! Но есть несколько простых концепций, которые вы можете подобрать, чтобы улучшить свое понимание цвета для дизайна своего веб-сайта.
Во-первых, вам нужно понять первичных , вторичных и третичных цветов.
Основные цвета — это цвета, которые нельзя получить путем смешивания двух других цветов.Есть три основных цвета: красный, желтый и синий.
Вторичные цвета создаются путем смешивания двух вторичных цветов. Например, когда вы смешиваете синий и желтый (два основных цвета), вы получаете зеленый (дополнительный цвет).
Третичный цвет создаются путем смешивания основного и дополнительного цветов, расположенных рядом друг с другом на цветовом круге. Они создают сложные цвета; например, смешивание синего (первичного) и фиолетового (вторичного) дает сине-фиолетовый (третичный).
Во-вторых, давайте поговорим о теплых и холодных цветах .
Вы, наверное, уже имеете представление о том, что такое теплые и холодные цвета. Красные, оранжевые и желтые цвета классифицируются как теплые, а синие, зеленые и фиалки — как холодные.
В-третьих, важно понимать цветовых нюанса .
Не все цвета, которые вы видите, являются чистыми. Многие цвета, которые вы видите в Интернете, так или иначе пострадали.
Вы можете увидеть оттенок (цвет с добавлением белого), оттенок (цвет с добавлением черного) или оттенок (цвет с добавлением серого).
Или вы можете видеть перенасыщенный цвет или ненасыщенный цвет. Насыщенность цвета — это яркость или тусклость цвета.
В этих цветовых нюансах есть еще много всего, но это основные моменты, которые вам нужно знать, чтобы выбрать эффективные цветовые сочетания, о которых мы поговорим дальше.
3. Подумайте о смешивании цветовых комбинаций
Ваша цель — выбрать цветовую схему для дизайна вашего сайта. Что это значит? Что ж, вы ищете удачное сочетание цветов. В зависимости от того, с каким количеством цветов вы в конечном итоге будете работать, ваша цветовая схема может включать несколько цветовых комбинаций.
Когда вы думаете о цветовых комбинациях для вашего веб-сайта, понимание этих цветовых нюансов имеет решающее значение. Вам нужно знать, почему определенные цвета работают вместе и как вы можете изменить цвета, чтобы они лучше соответствовали вашей схеме.
Теория цвета прекрасно подскажет, какие цвета хорошо сочетаются друг с другом. Поэтому, когда дело доходит до выбора цветов для вашей палитры, есть еще несколько более сложных аспектов теории цвета, которые могут помочь вам решить, какие цвета подойдут вам лучше всего.
Ранее я упоминал, как цвета комбинируются для создания новых цветов, но нам также нужно посмотреть, как комбинировать разные цвета.
Существует пять основных цветовых комбинаций: дополнительных , разделенных дополнительных , триады и тетрадные , аналогичные и монохроматические .
- Дополнительные цвета расположены напротив друг друга на цветовом круге. Дополнительная цветовая комбинация будет состоять из одного теплого и холодного цветов. Красный и зеленый — одна популярная дополняющая пара.
- Разделенные дополнительные цвета состоят из основного цвета и двух цветов, смежных с дополнительным основным цветом.
- Триады и тетрадные цвета имеют похожие отношения. Триады используют цвета, равномерно распределенные на цветовом круге (например, красный, синий и желтый).Тетрадические цвета — это четыре цвета, состоящие из двух пар дополнительных цветов (например, красный, зеленый, синий и оранжевый).
- Аналогичные цвета располагаются рядом друг с другом на цветовом круге. В результате аналогичные цвета очень похожи, например, зеленый и желто-зеленый.
- Наконец, монохроматических цвета — это просто вариации одного цвета. Это достигается за счет использования оттенков, оттенков и тонов.
Считайте эти цветовые комбинации своими инструментами. Поскольку все эти комбинации работают, вам не нужно беспокоиться, что ваши цвета не совпадают.
Теперь, когда вы знаете, какие именно комбинации можно использовать, вы можете подумать о том, как использовать их вместе, чтобы создать мощную привлекательную цветовую схему.
4. Будьте проще
Может показаться, что это может быть сложно, но это не так. Вместо этого, выбирая цветовую схему, подумайте о простоте. Действительно сложная и насыщенная цветовая гамма часто сбивает с толку.
У простоты есть два больших преимущества.
Возможно, самым большим преимуществом является то, что простота позволяет легко связать цветовую схему. Если у вас в работе всего несколько цветов, все будет выглядеть одинаково. (Ну, по крайней мере, если вы использовали одну из цветовых комбинаций, упомянутых выше.)
Еще одно преимущество состоит в том, что зрителям не нужно много работать, чтобы понять, что происходит. Это одна из отличительных черт хорошего веб-сайта. Если вы переборщите с цветом, ваши пользователи будут еще больше сбиты с толку.
Цветовая схемаWordStream — отличный тому пример.На главной странице используются всего три цвета: синий, оранжевый и зеленый.
Синий и оранжевый являются здесь центральными цветами, при этом на странице преобладают различные оттенки синего. Оранжевый цвет используется для призыва к действию, а поскольку оранжевый является дополнением синего, кнопка выделяется и привлекает внимание.
Возвращаясь к языку цветов, который мы рассмотрели ранее, мы можем классифицировать это как монохроматическую цветовую комбинацию в сочетании с дополнительной комбинацией.
Эта цветовая схема используется на всем сайте.Вот как выглядит одно из сообщений в блоге:
Это простая цветовая схема, но она невероятно эффективна. благодаря своей простоте . Это говорит о том, что ярче не всегда лучше.
БлогEvernote — еще один отличный пример:
Дизайн блога построен на зеленом цвете, который является основным цветом бренда Evernote. Здесь есть несколько фантастических штрихов — изображение, кнопка входа и даже гиперссылки — все зеленые.
Желтый появляется часто, что делает эту цветовую схему аналогичной.
Эти простые дизайны имеют огромное влияние — помните об этом при выборе цветовой схемы своего веб-сайта.
5. Контрастность цветов
Затем подумайте о контрасте. Это один из самых важных элементов хорошего дизайна, который вы можете использовать при создании цветовой схемы своего сайта.
Это потому, что контраст создает впечатление. В частности, контраст может привлечь внимание к определенным частям страницы.
Еще раз взгляните на сайт WordStream:
Оранжевый призыв к действию на синем фоне — отличный пример контраста в действии.Фактически, дополнительные цвета так хорошо работают вместе, потому что они контрастируют друг с другом. Проведено удивительное количество исследований по выбору цвета для CTA, доказывающих, что выделяющиеся кнопки работают лучше.
Итак, если у вас есть что-то, что вы действительно хотите, чтобы пользователи заметили, сделайте это контрастирующим с остальной частью страницы (или, по крайней мере, с наиболее близкими к ней элементами дизайна).
6. Добавьте свой брендинг
Наконец, подумайте, как ваш брендинг отразится на вашей цветовой схеме.Скорее всего, с вашим брендом уже связаны определенные цвета. В этом случае вы можете использовать существующую цветовую палитру, чтобы создать цветовую схему своего веб-сайта.
Однако вам может потребоваться изменить цвета вашего бренда. Если один из выбранных вами цветов имеет отрицательное значение, вы можете выбрать другой цвет.
В этом и есть ключ — подумайте о цветовых ассоциациях, которые у людей возникают с цветами, которые вы выбрали. Соответствуют ли эти ассоциации ценностям, на которых вы построили свой бренд?
Полезно узнать, что сделали и другие бренды.Вот пример с Medium:
При просмотре медийной рекламы часто появляются те же цвета. (Синий, как правило, популярен.)
А теперь приступим к (цветному) проектированию!
Теперь у вас есть все инструменты, необходимые для создания потрясающей привлекательной цветовой схемы для вашего сайта.
Все, что осталось, это пойти и сделать это.
Может потребоваться метод проб и ошибок, но это часть процесса. Любая хорошая цветовая схема будет проходить изрядное количество итераций.
И еще одно — эти знания пригодятся в будущем. Эти принципы дизайна имеют на гораздо больше приложений, чем просто дизайн веб-сайтов. Вы можете использовать их для оптимизации таких вещей, как публикации в социальных сетях и инфографика. Но пока начнем со своего веб-сайта. Возьмите информацию, которую вы узнали из этого руководства, и сокрушите ее! Вы готовы сделать свой сайт как можно лучше.
Об авторе
Payman Taei — основатель Visme, универсальной платформы визуальной коммуникации, позволяющей каждому создавать и делиться красивыми интерактивными презентациями, инфографикой, отчетами и другими формами интересного контента без каких-либо дизайнерских навыков.