Содержание
Меняйте насыщенность цвета, цветовой тон и вибрации в Photoshop Elements
Руководство пользователя
Отмена
Поиск
Последнее обновление
Jan 13, 2022 03:02:43 AM GMT
- Photoshop Elements User Guide
- Introduction to Photoshop Elements
- What’s new in Photoshop Elements
- System requirements | Photoshop Elements
- Workspace basics
- Guided mode
- Making photo projects
- Workspace and environment
- Get to know the Home screen
- Workspace basics
- Tools
- Panels and bins
- Open files
- Rulers, grids, and guides
- Enhanced Quick Mode
- File information
- Presets and libraries
- Multitouch support
- Scratch disks, plug-ins, and application updates
- Undo, redo, and cancel actions
- Viewing images
- Fixing and enhancing photos
- Resize images
- Cropping
- Process camera raw image files
- Add blur, replace colors, and clone image areas
- Adjust shadows and light
- Retouch and correct photos
- Sharpen photos
- Transforming
- Auto Smart Tone
- Recomposing
- Using actions to process photos
- Photomerge Compose
- Create a panorama
- Moving Overlays
- Moving Elements
- Adding shapes and text
- Add text
- Edit text
- Create shapes
- Editing shapes
- Painting overview
- Painting tools
- Set up brushes
- Patterns
- Fills and strokes
- Gradients
- Work with Asian type
- Guided edits, effects, and filters
- Guided mode
- Filters
- Guided mode Photomerge edits
- Guided mode Basic edits
- Adjustment filters
- Effects
- Guided mode Fun edits
- Guided mode Special edits
- Artistic filters
- Guided mode Color edits
- Guided mode Black & White edits
- Blur filters
- Brush Stroke filters
- Distort filters
- Other filters
- Noise filters
- Render filters
- Sketch filters
- Stylize filters
- Texture filters
- Pixelate filters
- Working with colors
- Understanding color
- Set up color management
- Color and tonal correction basics
- Choose colors
- Adjust color, saturation, and hue
- Fix color casts
- Using image modes and color tables
- Color and camera raw
- Working with selections
- Make selections in Photoshop Elements
- Saving selections
- Modifying selections
- Move and copy selections
- Edit and refine selections
- Smooth selection edges with anti-aliasing and feathering
- Working with layers
- Create layers
- Edit layers
- Copy and arrange layers
- Adjustment and fill layers
- Clipping masks
- Layer masks
- Layer styles
- Opacity and blending modes
- Creating photo projects
- Project basics
- Making photo projects
- Editing photo projects
- Saving, printing, and sharing photos
- Save images
- Printing photos
- Share photos online
- Optimizing images
- Optimizing images for the JPEG format
- Dithering in web images
- Guided Edits — Share panel
- Previewing web images
- Use transparency and mattes
- Optimizing images for the GIF or PNG-8 format
- Optimizing images for the PNG-24 format
- Keyboard shortcuts
- Keys for selecting tools
- Keys for selecting and moving objects
- Keys for the Layers panel
- Keys for showing or hiding panels (expert mode)
- Keys for painting and brushes
- Keys for using text
- Keys for the Liquify filter
- Keys for transforming selections
- Keys for the Color Swatches panel
- Keys for the Camera Raw dialog box
- Keys for the Filter Gallery
- Keys for using blending modes
- Keys for viewing images (expertmode)
Коррекция насыщенности и цветового тона
Команда «Цветовой тон/Насыщенность» управляет цветовым тоном (цветом), насыщенностью (чистотой) и яркостью всего изображения или отдельных цветовых составляющих изображения.
Используйте ползунок «Цветовой тон» для создания специальных эффектов, окрашивания черно-белой фотографии (например, в тон «сепия») или изменения цветового диапазона на фрагменте изображения.
Изменение цветов изображения с помощью команды «Цветовой тон/Насыщенность»
A. Исходный B. Обработанное изображение с эффектом «сепия», примененным с помощью команды «Окрасить» C. Пурпурные оттенки, измененные с помощью ползунка «Цветовой тон» в меню «Редактирование»
Для увеличения яркости или приглушения яркости изображения воспользуйтесь ползунком «Насыщенность». Например, можно повысить насыщенность цветов в пейзаже, уменьшив в нем уровень цвета. Или уменьшить тон отвлекающего цвета, например яркого красного свитера на портрете.
До и после коррекции насыщенности
Используйте ползунок «Яркость» вместе с другими корректирующими командами для осветления или затемнения фрагмента изображения. На заметку! Не используйте данную настройку на всем изображении, поскольку в результате уменьшается общий тоновый диапазон.
Изменение насыщенности цвета или цветового тона
Выполните одно из следующих действий.
- Выполните команду «Улучшение» > «Коррекция цвета» > «Цветовой тон/Насыщенность».
- Выберите «Слой» > «Новый корректирующий слой» > «Цветовой тон/Насыщенность» или откройте существующий корректирующий слой «Цветовой тон/Насыщенность».
- Две шкалы цвета в диалоговом окне представляют собой цвета в порядке их расположения на цветовом круге. Верхняя шкала отображает цвет до корректировки; нижняя шкала показывает, как корректировки отражаются на цветовых тонах при полной насыщенности.
В раскрывающемся меню «Редактирование» выберите тактику корректировки цвета:
- Для корректировки всех цветов сразу выберите «Мастер».
- Выберите один из заданных цветовых диапазонов, указанных в списке для корректируемого цвета. Между цветовыми шкалами появится ползунок, который можно использовать для управления любым тоновым диапазоном.
Для подбора нужного тона укажите точное числовое значение в поле ввода или перетащите ползунок.
Значения, указанные в поле ввода, отражают угол поворота в градусах по цветовому кругу от исходного цвета пиксела. Положительное значение соответствует повороту по часовой стрелке, отрицательное — против часовой стрелки. Допустимые значения находятся в диапазоне от -180 до +180.
Для подбора нужного уровня насыщенности укажите точное числовое значение в поле ввода или перетащите ползунок вправо для увеличения насыщенности или влево — для ее уменьшения. Допустимые значения находятся в диапазоне от -100 до +100.
Для подбора нужного уровня яркости укажите точное числовое значение в поле ввода или перетащите ползунок вправо для увеличения яркости или влево — для ее уменьшения. Допустимые значения находятся в диапазоне от -100 до +100. На заметку! Подумайте, прежде чем применять данную настройку ко всему изображению. В результате ее применения уменьшается общий тоновый диапазон изображения.
Нажмите кнопку «ОК». Для отмены выполненных изменений и возврата к оригиналу, нажмите кнопку «Восстановить», удерживая клавишу «Alt» (Option в Mac OS).
Изменение диапазона регуляторов «Цветовой тон/Насыщенность»
Выполните одно из следующих действий.
- Выполните команду «Улучшение» > «Коррекция цвета» > «Цветовой тон/Насыщенность».
- Выберите «Слой» > «Новый корректирующий слой» > «Цветовой тон/Насыщенность» или откройте существующий корректирующий слой «Цветовой тон/Насыщенность».
Выберите определенный цвет в меню «Редактирование».
Выполните одно из следующих действий с ползунком:
- Перетащите управляющую кнопку треугольного вида снижения интенсивности цветовой составляющей во всем изображении без изменения тонового диапазона.
- Перетащите один из серых ползунков для коррекции тонового диапазона без изменения интенсивности цветовой составляющей.
- Перетащите серую центральную часть для сдвига всего ползунка, выбрав другую область цвета.
- Перетащите один из вертикальных белых регуляторов рядом с темно-серой центральной частью для коррекции диапазона цветовой составляющей. Увеличение диапазона приводит к уменьшению доли цветовой составляющей, и наоборот.
- Для одновременного перемещения цветовой шкалы и регулятора, перетащите цветовую шкалу, удерживая клавишу «Ctrl» (Command в Mac OS).
Регулятор
A. Регулирует долю цветовой составляющей, не оказывая влияния на тоновый диапазон B. Регулирует тоновый диапазон, не оказывая влияния на долю цветовой составляющей C. Регулирует тоновый диапазон цветовой составляющей D. Перемещает ползунок полностью
- Если изменить положение регулятора так, что он попадет в другой цветовой диапазон, название цвета изменится для индикации этой перемены. Например, если вы выбрали «Желтый» и изменили его диапазон так, что он оказался в красной области цветовой шкалы, его имя изменится на «Красный 2». Вы можете изменить до шести отдельных цветовых диапазонов в разновидности одного цветового диапазона (например, «Красный 1» вплоть до «Красный 6»).
Примечание.
По умолчанию выбранный диапазон цвета равен 30° цветовой шкалы, 30° цветовой составляющей при этом не включается. Установка низкого значения для выпадающей составляющей может привести к тоновой градации изображения (образованию полос).
Для редактирования цветового диапазона путем выбора цветов из изображения выберите инструмент «Палитра цветов» и щелкните на изображении. Используйте + и – в инструменте «Палитра цветов» для увеличения или сужения диапазона.
Если инструмент «Палитра цветов» уже выбран, цветовой диапазон также можно регулировать с помощью клавиш «Shift» (увеличение диапазона) или «Alt» (Option в Mac OS) (сужение диапазона).
Настройка телесных оттенков
Команда «Настройка телесных оттенков» выполняет коррекцию всего цвета фотографии, придавая коже более естественные оттенки. При щелчке на участке кожи на фотографии Photoshop Elements настраивает телесный тон, равно как и другие цвета фотографии. Также возможна корректировка коричневой и красной составляющих вручную для достижения искомого результата.
Оригинал (вверху) и обработанная фотография после коррекции цвета кожи (внизу)
Откройте фотографию и выберите слой, в который требуется внести изменения.
Выполните команду «Улучшение» > «Настройка цветов» > «Настройка телесных оттенков».
Щелкните на участке кожи.
Photoshop Elements выполняет автоматическую настройку цветов изображения. Изменения могут быть незначительными.
Примечание.
Установите флажок «Просмотр» для оперативного отображения результатов изменения параметров в окне изображения.
(Необязательно) Перетащите следующие ползунки для финишной коррекции:
Загар
Увеличивает или уменьшает уровень коричневого в цвете кожи.
Румянец
Увеличивает или уменьшает уровень красного в цвете кожи.
Температура
Регулирует общую цветовую температуру цвета кожи.
После завершения коррекции нажмите кнопку «ОК». Для отмены внесенных исправлений и возврата к оригиналу нажмите «Восстановить».
Коррекция насыщенности отдельных участков изображения
Инструмент «Губка» изменяет насыщенность цвета в области.
Увеличение насыщенности с помощью инструмента «Губка»
Выберите инструмент «Губка».
Установите параметры инструмента на панели параметров.
Режим
Увеличивает или уменьшает насыщенность цветов. Выберите параметр «Увеличить насыщенность» для увеличения насыщенности цветов. В режиме градаций серого параметр «Увеличить насыщенность» увеличивает контраст изображения. Выберите параметр «Снизить насыщенность» для снижения насыщенности цветов. В режиме градаций серого параметр «Снизить насыщенность» уменьшает контраст изображения.
Кисть
Задает форму кончика кисти. Нажмите стрелку рядом с образцом кисти, выберите категорию кистей из всплывающего меню кистей, затем выберите миниатюру кисти.
Размер
Задает размер кисти в пикселях. Перетащите ползунок «Размер» или используйте поле ввода для указания точного размера.
Интенсивность
Устанавливает степень изменения насыщенности. Перетащите ползунок «Интенсивность» или укажите числовое значение в поле ввода.
Перетащите курсор мыши над изображением, которое нужно изменить.
Изменение цвета объекта
С помощью команды «Заменить цвет» осуществляется замена определенного цвета изображения. Таким образом можно задать цветовой тон, насыщенность или яркость заменяемого цвета.
Выполните команду «Улучшение» > «Настройка цветов» > «Заменить цвет».
Выберите вариант отображения под образцом изображения:
Выделенная область
Отображает маску, которая выглядит как черно-белый вариант изображения, в окне предварительного просмотра.
Изображение
Отображает изображение в окне просмотра. Эта опция полезна при работе с увеличенным изображением или при ограничениях размера экрана.
Нажмите кнопку «Палитра цветов», затем щелкните на цвете, который требуется изменить, на изображении или в окне просмотра. Используйте + и – в инструменте «Палитра цветов» для добавления или удаления цветов, чтобы их не затронули вносимые изменения.
Перетащите ползунок «Разброс» для регулировки степени включения соответствующих цветов в область выделения.
Выполните одно из следующих действий для определения нового цвета:
- Перетащите ползунки «Цветовой тон», «Насыщенность» и «Яркость» (или укажите числовые значения в полях ввода).
- Щелкните на окне «Результат» и укажите новый цвет в окне «Палитра цветов», после чего нажмите кнопку «ОК».
Для отмены выполненных изменений и возврата к оригиналу, нажмите кнопку «Восстановить», удерживая клавишу Alt (Option в ОС Mac OS).
Точное преобразование в черно-белое изображение
Команда «Преобразовать в черно-белое» позволяет выбрать специальный стиль преобразования для применения в отношении изображения. Эта команда отличается от команды «Удалить цвет», которая автоматически преобразовывает изображение в черный-белый цвет для вас.
В диалоговом окне «Преобразовать в черно-белый» доступные стили изображения помогают сравнить разные наборы преобразования и выбрать нужный. Выберите стиль, а затем используйте доступные ползунки для тонкой настройки преобразования.
Преобразование в черно-белое изображение
A. Отображает вид «До» и «После» обработки B. Выбрать стиль C. Отрегулировать интенсивность
Откройте изображение и выделите область или слой для преобразования. Если вы не выделите определенную область или слой, преобразование затронет все изображение.
Примечание.
Для экспериментов с черно-белым преобразованием и сохранения оригинальной фотографии нетронутой выполните преобразование на слое-дубликате.
Выполните команду «Улучшение» > «Преобразовать в черно-белое».
Выберите вариант стиля, который отражает характер изображения (например, «Портретная съемка» или «Живописные пейзажи»).
Перетащите ползунки «Корректировать интенсивность» для настройки красного, зеленого, синего или контраста.
Примечание.
Ползунки «Корректировать интенсивность» для настройки красного, зеленого и синего не окрашивают изображение, они просто включают больше или меньше данных из оригинальных цветовых каналов в новое черно-белое изображение.
Для преобразования изображения нажмите «ОК». Для отмены внесенных исправлений и возврата к оригиналу нажмите «Восстановить». Для закрытия диалогового окна «Преобразовать в черно-белое» нажмите «Отмена».
Автоматическое преобразование в черно-белое изображение
Команда «Обесцветить» выполняет преобразование цветного изображения в черно-белое, присваивая каждому пикселу изображения в режиме RGB пропорциональное значение красного, зеленого и синего. Общая яркость каждого пиксела остается неизменной. Данная команда приводит к аналогичному результату, который достигается установкой значения насыщенности -100 в диалоговом окне «Цветовой тон/Насыщенность».
Для корректировки определенной области изображения выделите ее с помощью подходящего инструмента выделения. Если ни одна определенная область не выделена, исправления применяются ко всему изображению.
Выполните команду «Улучшение» > «Настройка цветов» > «Удалить цвет».
Добавление заданных значений для преобразования цветного изображения в черно-белое
Программа позволяет добавлять пользовательские заданные значения для преобразования цветного изображения в черно-белое путем редактирования определенного текстового файла.
Примечание.
Добавление пользовательских наборов для преобразования изображения в черно-белый цвет является заданием для опытных пользователей.
Закройте Photoshop Elements и перейдите к папке, которая содержит файл bwconvert.txt:
- Windows: [каталог установки Photoshop Elements ]\Required\bwconvert.txt
- Mac /Applications/Adobe Photoshop Elements/Support Files/Adobe Photoshop Elements Editor.app/Contents/Required/bwconvert.txt. Удерживая клавишу Command, щелкните Adobe Photoshop Elements и выберите команду «Показать содержание пакета». Перейдите к папке Contents/Required.
Откройте файл bwconvert.txt в простом текстовом редакторе (например, «Блокнот»).
Исходя из правил именования заданных значений, имеющихся в файле, добавьте свое заданное значение и присвойте ему уникальное имя.
Сохраните файл (не изменяя оригинальное имя файла).
Запустите Photoshop Elements и выполните команду «Улучшение» > «Преобразовать в черно-белое» для просмотра наборов параметров.
Окрашивание изображения в градациях серого
Вы можете окрасить все изображение в градациях серого или выбрать участки и раскрасить их в разные цвета. Например, можно выделить волосы человека и закрасить их в коричневый цвет, затем добавить румянец щекам, включив их в другую область выделения.
Примечание.
Если изображение, которое требуется раскрасить, находится в режиме градаций серого, измените его цветовой режим на RGB по команде «Изображение» > «Режим» > «Цвет RGB».
Выполните команду «Улучшение» > «Настройка цветов» > «Цветовой тон/Насыщенность» или «Слой» > «Новый корректирующий слой» > «Цветовой тон/Насыщенность» для работы на корректирующем слое.
Выберите «Раскрасить». Если цвет переднего плана не черный или белый, Photoshop Elements преобразует изображение в цвет текущего активного переднего плана. Значение яркости каждого пиксела при этом не меняется.
При необходимости воспользуйтесь ползунком «Цветовой тон» для выбора нового цвета. Воспользуйтесь ползунком «Насыщенность» для корректировки насыщенности. Затем нажмите кнопку «ОК».
Справки по другим продуктам
- Процесс управляемого редактирования «Черно-белый»
- Цветовой круг
- Понятие слоя
Вход в учетную запись
Войти
Управление учетной записью
Изменение цвета объекта
ПРОДВИНУТЫЙ УРОВЕНЬ · 6 МИН
Измените цвет на фотографии товара.
Вам потребуется
Получить файлы
Тренировочные файлы (ZIP, 10,6 МБ)
В тренировочных файлах содержатся ресурсы Adobe Stock, которые вы можете использовать для отработки знаний, полученных в этом уроке. Если вы хотите использовать тренировочные файлы в иных целях, вы можете приобрести лицензии на веб-сайте Adobe Stock. В папке содержится файл ReadMe. Ознакомьтесь с ним, чтобы узнать условия использования тренировочных файлов.
Вы обучитесь специальной технике и сможете применять различные цвета к объектам, создавать реалистичные цветовые сочетания и оживлять изображения
Чтобы изменить цвет объекта и создать фотографию профессионального качества, необходимо настроить три основных параметра цвета: оттенок (цвет), насыщенность (интенсивность цвета) и яркость (количество светлого и темного).
Выделение объекта
- Выберите «Выделение объектов» на панели инструментов и растяните прямоугольник поверх всего объекта. Будет создана область выделения, края которой автоматически подстроятся под размер объекта.
Создание группы слоев и применение к ней маски
- На панели «Слои» нажмите кнопку «Создать новую группу», чтобы создать группу слоев.
- Пока выделение еще активно, нажмите кнопку «Добавить слой-маску» на панели «Слои», чтобы создать маску, соответствующую форме выделения объекта. Добавление маски к группе позволит вам использовать одну и ту же маску для нескольких слоев на последующих этапах.
Применение нового цвета и настройка оттенка и насыщенности
- Нажмите кнопку «Создать новый корректирующий слой или слой-заливку» на панели «Слои» и выберите «Чистый цвет». Это действие добавит цветной слой-заливку в группу слоев. Маска на группе слоев ограничит применение чистого цвета. Он будет применен только к объекту.
- Выберите новый цвет, который вы хотите применить к объекту, и нажмите «ОК». Теперь объект будет закрашен этим чистым цветом.
- Пока выделение еще активно, откройте меню «Режимы наложения» на панели «Слои» и выберите режим наложения цветов. Режим наложения цветов использует оттенок и насыщенность нового цвета, при этом сохраняя яркость исходного цвета объекта.
Настройка яркости нового цвета
- Нажмите кнопку «Создать новые корректирующий слой» на панели «Слои» и выберите «Уровни». Это добавит новый слой «Корректировка «Уровни»».
- Перетащите слой «Корректировка «Уровни»» поверх цветного слоя-заливки в группе слоев.
- Используйте ползунки «Входные значения» на панели «Свойства», чтобы осветлить объект. Например, вы можете перетащить ползунок белого влево, чтобы осветлить объект, или перетащить ползунок серого влево, чтобы усилить контрастность. Эти настройки повлияют на третий компонент цвета, яркость, благодаря чему у объекта с измененным цветом появится текстура и затенение.
Значение цвета — Smashing Magazine
- 17 минут чтения
- Дизайн,
Цвета,
Теория цвета,
Принципы дизайна,
Графический дизайн - Поделиться в Twitter, LinkedIn
Об авторе
Кэмерон Чепмен — профессиональный веб-дизайнер и графический дизайнер с более чем 6-летним опытом работы. Она пишет для ряда блогов и является автором The Smashing…
Больше о
Кэмерон ↬
Давайте углубимся в теорию цвета. Мы обсудим значения различных семейств цветов и приведем несколько примеров того, как эти цвета используются.
В дизайне мало вещей более субъективных — или более важных — чем использование цвета. Цвет, который может вызвать одну реакцию у одного человека, может вызвать противоположную реакцию у другого из-за культуры, прежних ассоциаций или даже просто личных предпочтений. Получайте обновления по электронной почте о следующих статьях.
Теория цвета сама по себе является наукой и искусством, на котором некоторые строят всю карьеру в качестве консультантов по цвету или иногда консультантов по брендам. Знание того, как цвет влияет на большинство людей, является невероятно ценным опытом, который дизайнеры могут освоить и предложить своим клиентам.
Однако это не так. Такая простая вещь, как изменение точного оттенка или насыщенности цвета, может вызвать совершенно другое чувство. Культурные различия могут усугубить эти эффекты: оттенок счастья и воодушевления в одной стране становится удручающим в другой.
Это первая книга из трех частей по теории цвета. Здесь мы обсудим значения различных цветовых семейств и приведем несколько примеров использования этих цветов (с небольшим анализом каждого). Во второй части мы поговорим о том, как оттенок, цветность, насыщенность, насыщенность, тона, оттенки и оттенки влияют на то, как мы воспринимаем цвета. А в части 3 мы обсудим, как создавать эффективные цветовые палитры для ваших собственных дизайнов.
Еще после прыжка! Продолжить чтение можно ниже ↓
Теплые цвета
Теплые цвета включают красный, оранжевый и желтый, а также вариации этих трех цветов. Это цвета огня, осенних листьев, закатов и восходов, обычно они заряжают энергией, страстностью и позитивом.
Красный и желтый являются основными цветами, а оранжевый находится посередине (что делает его второстепенным цветом), что означает, что все теплые цвета действительно теплые и не создаются путем комбинирования теплого цвета с холодным. Используйте теплые цвета в своих проектах, чтобы отразить страсть, счастье, энтузиазм и энергию.
Красный (основной цвет)
Красный — очень горячий цвет. Он ассоциируется с огнем, насилием и войной. Это также связано с любовью и страстью. В истории он был связан как с Дьяволом, так и с Купидоном. Красный на самом деле может оказывать физическое воздействие на людей, повышая кровяное давление и частоту дыхания. Было показано, что он также улучшает метаболизм человека.
Красный может ассоциироваться с гневом, но также ассоциируется с важностью (подумайте о красной ковровой дорожке на церемониях вручения наград и мероприятиях со знаменитостями). Красный также указывает на опасность (причина, по которой стоп-сигналы и знаки красные, а предупреждающие надписи часто красные).
За пределами западного мира красный цвет вызывает разные ассоциации. Например, в Китае красный цвет — цвет процветания и счастья. Его также можно использовать для привлечения удачи. В других восточных культурах невесты надевают красный цвет в дни свадьбы. Однако в Южной Африке красный — цвет траура. Красный также ассоциируется с коммунизмом.
Красный цвет стал символом осведомленности о СПИДе в Африке из-за популярности кампании [RED].
В дизайне красный цвет может быть ярким акцентом. Он может иметь ошеломляющий эффект, если его слишком много использовать в дизайне, особенно в чистом виде. Это отличный цвет для использования, когда сила или страсть хотят быть изображены в дизайне. Тем не менее, красный цвет может быть очень универсальным: его более яркие версии более энергичны, а более темные оттенки более мощные и элегантные.
Примеры
Ярко-красный цвет иллюстрации на главной странице сайта Nacache Design придает странице массу энергии и яркости. Ярко-розово-красный фон на веб-сайте Ming Lab привлекает внимание и вызывает страстность. (2010) Приглушенный красный цвет на сайте Startup Lab энергичен, но не агрессивен. (2010) На веб-сайте Bigsound Buzz используется монохромный дизайн различных оттенков и тонов красного, что в данном случае придает маково-ретро-атмосферу. (2010) На веб-сайте Build in Amsterdam используется ярко-красный акцентный цвет, который сразу привлекает внимание к середине страницы. (2010)
Оранжевый (вторичный цвет)
Оранжевый — очень яркий и энергичный цвет. В своих приглушенных формах он может ассоциироваться с землей и с осенью. Из-за своей связи со сменой времен года оранжевый цвет может символизировать изменение и движение в целом. Оранжевый также тесно связан с творчеством.
Поскольку апельсин ассоциируется с одноименным фруктом, он может ассоциироваться со здоровьем и жизненной силой. В дизайне оранжевый привлекает внимание, не будучи таким подавляющим, как красный. Его часто считают более дружелюбным и привлекательным, и менее неприятным.
Examples
Яркая и смелая домашняя страница Bitter Renter в полной мере использует энергию, которую оранжевый цвет может придать дизайну. Темно-оранжевая крупная типографика We Are Not Sisters сразу же производит впечатление. (2010) Тонкое использование оранжевого цвета Milk Street Кристофера Кимбалла в качестве акцентного цвета показывает, что его можно использовать в более элегантных и консервативных дизайнах. (2010) Sbjct смешивает тонкий персиковый цвет с темно-оранжевым для более монохроматического дизайна, в котором все еще много энергии. (2010) Робин Де Ниро также использует очень светлый персиковый фон с двумя оттенками оранжевого для типографики в гораздо более сдержанном дизайне.
Желтый (основной цвет)
Желтый часто считается самым ярким и энергичным из теплых цветов. Он ассоциируется со счастьем и солнечным светом. Однако желтый также может ассоциироваться с обманом и трусостью (назвать кого-то желтым — значит назвать его трусом).
Желтый также ассоциируется с надеждой, что можно увидеть в некоторых странах, когда семьи, чьи близкие находятся на войне, демонстрируют желтые ленточки. Желтый тоже ассоциируется с опасностью, хотя и не так сильно, как красный.
В некоторых странах желтый цвет имеет совсем другое значение. В Египте, например, желтый цвет означает траур. В Японии он олицетворяет мужество, а в Индии это цвет торговцев.
Ярко-желтый цвет в вашем дизайне может придать ощущение счастья и бодрости. Мягкие желтые обычно используются в качестве гендерно-нейтрального цвета для младенцев (а не синего или розового) и маленьких детей. Светло-желтые также дают более спокойное ощущение счастья, чем ярко-желтые. Темно-желтые и золотисто-желтые цвета иногда могут выглядеть старинными и использоваться в дизайнах, где требуется ощущение постоянства.
Примеры
Не-совсем-настоящий-желтый цвет чайника живой и яркий, но не подавляющий. (2010)Deskpass использует немного более темный желтый цвет, что придает ему привлекательный, но слегка приглушенный вид. (2010) В Toyfight используется яркий фон золотарника, но в остальном их дизайн остается простым и понятным. Веб-сайт Milano Contract District простой и минималистичный, и все влияние дизайна исходит от ярко-желтого фона. Susa Ventures использует оттенок золотарника как акцентный цвет в их типографике с большим эффектом.
Прохладные цвета
К холодным цветам относятся зеленый, синий и пурпурный, они часто более приглушенные, чем теплые цвета. Это цвета ночи, воды, природы, обычно успокаивающие, расслабляющие и несколько сдержанные.
Синий — единственный основной цвет в холодном спектре, а это означает, что другие цвета создаются путем сочетания синего с теплым цветом (желтый для зеленого и красный для фиолетового).
Из-за этого зеленый приобретает некоторые свойства желтого, а фиолетовый — некоторые свойства красного. Используйте холодные цвета в дизайне, чтобы создать ощущение спокойствия или профессионализма.
Зеленый (дополнительный цвет)
Зеленый — очень приземленный цвет. Он может представлять новые начинания и рост. Это также означает обновление и изобилие. В качестве альтернативы, зеленый может также представлять зависть или ревность, а также недостаток опыта.
Зеленый обладает многими успокаивающими свойствами, что и синий, но он также включает в себя энергию желтого. В дизайне зеленый может иметь уравновешивающий и гармонизирующий эффект и очень стабилен.
Подходит для дизайна, связанного с богатством, стабильностью, обновлением и природой. Ярко-зеленые более энергичны и ярки, в то время как оливково-зеленые более характерны для мира природы. Темно-зеленые — самые стабильные и олицетворяют достаток.
Примеры
На сайте «Память — наша родина» используется сине-зеленый оттенок, усиленный желтой типографикой, но не слишком яркий. На сайте Rhythm of Food используется ярко-зеленый цвет, который идеально подходит для сайта, связывающего еду и информацию. Насыщенный темно-зеленый цвет станет отличным акцентным цветом на веб-сайте элегантного ресторана, такого как Le Farfalle Osteria’s. (2010) Веб-сайт Анны Розы Крау имеет мягкий шалфейно-зеленый фон, который работает почти как нейтральный для этого портфолио. Ярко-зеленый фон HelloMind омолаживает и дает ощущение роста (в соответствии с их продуктом для улучшения работы вашего мозга). Studio Лаймово-зеленые акценты Farquhar выглядят эффектно и современно и выделяются своей минималистской компоновкой.
Синий (основной цвет)
Синий часто ассоциируется с грустью в английском языке. Синий также широко используется для обозначения спокойствия и ответственности. Светло-голубой может быть освежающим и дружелюбным. Темно-синие более прочные и надежные. Синий также ассоциируется с миром и имеет духовные и религиозные коннотации во многих культурах и традициях (например, Дева Мария обычно изображается в синих одеждах).
Значение синего сильно зависит от точного оттенка и оттенка. В дизайне точный оттенок синего, который вы выберете, окажет огромное влияние на восприятие вашего дизайна. Светло-голубой часто расслабляет и успокаивает. Яркий синий может заряжать энергией и освежать. Темно-синий, как и темно-синий, отлично подходит для корпоративных сайтов или дизайнов, где важны прочность и надежность.
Примеры
Ярко-синий фон главной страницы веб-сайта с результатами исследования Future of Design выделяется, а затем используется в качестве акцентного цвета на остальной части сайта. (2010) Versett использует ярко-синий в качестве основного цвета на своем веб-сайте, а также ряд других ярких оттенков, чтобы различать разные разделы. (2010) На веб-сайте Deep Mind в качестве фона используются различные оттенки синего, что придает сайту авторитетный и заслуживающий доверия вид. (2010)
Фиолетовый (дополнительный цвет)
В древние времена красители, используемые для создания фиолетовых оттенков, добывались из улиток и были очень дорогими, поэтому их могли позволить себе только члены королевской семьи и очень богатые люди.
Фиолетовый — это сочетание красного и синего цветов, обладающее некоторыми свойствами обоих. Это также связано с творчеством и воображением.
В Таиланде фиолетовый цвет является цветом траура по вдовам. Темно-пурпурный традиционно ассоциируется с богатством и королевской властью, а более светлый пурпурный (например, лавандовый) считается более романтичным.
Темно-фиолетовый цвет в дизайне может придать ощущение богатства и роскоши. Светло-фиолетовые мягче и ассоциируются с весной и романтикой.
Примеры
Первый проект в портфолио Филиппо Белло использует фиолетовую цветовую гамму, которая создает ощущение творчества. (2010) На сайте документального фильма «Единый общий дом» используются яркие оттенки фиолетового и ярко-розовые акценты, чтобы придать ощущение энергии, творчества и воображения. и привлекает внимание к важным элементам страницы, таким как кнопки. Темно-фиолетовые оттенки веб-сайта Orbit создают ощущение изысканности, соответствующей их искусственному интеллекту. Фиолетовый — идеальный оттенок для такого творческого мероприятия, как KIKK Festival 2016.
Нейтральные цвета
Нейтральные цвета часто служат фоном в дизайне. Они обычно сочетаются с более яркими акцентными цветами. Но их также можно использовать самостоятельно в дизайне и создавать очень сложные макеты. Значения и впечатления от нейтральных цветов гораздо больше зависят от цветов, которые их окружают, чем от теплых и холодных цветов.
Черный
Черный — самый сильный из нейтральных цветов. С положительной стороны, это обычно ассоциируется с силой, элегантностью и формальностью. С отрицательной стороны это может быть связано со злом, смертью и тайной. Черный — традиционный цвет траура во многих западных странах. Это также связано с восстанием в некоторых культурах, а также связано с Хэллоуином и оккультизмом.
Черный цвет, используемый не только в качестве акцента или текста, обычно используется в более острых и элегантных дизайнах. Он может быть как консервативным, так и современным, традиционным или нетрадиционным, в зависимости от цветов, с которыми он сочетается. В дизайне черный обычно используется для типографики и других функциональных частей из-за его нейтральности. Черный может помочь передать ощущение изысканности и загадочности в дизайне.
Примеры
Выцветший черный (технически темно-серый, но достаточно близкий к черному, что имеет смысл классифицировать его как таковой) веб-сайта DUA прекрасно работает в таком минималистичном дизайне. (2010) Черный фон Общества анонимных гамбургеров — идеальный холст для удивительных фотографий еды на сайте. анонимный гамбургерНа многих изображениях в портфолио Тимоти Сакченти преобладает черный цвет, который также является цветом прозрачного меню, что придает всему сайту резкий, современный вид. (2010) Минималистичный дизайн с использованием черного цвета в качестве акцента придает сайту Heco суперсовременный вид. Черный оттенок, использованный здесь вместе с анимацией, придает сайту резкий, почти жуткий вид.
Белый
Белый находится на противоположном конце спектра от черного, но, как и черный, он может хорошо сочетаться практически с любым другим цветом. Белый часто ассоциируется с чистотой, непорочностью и добродетелью. На Западе невесты в день свадьбы обычно надевают белое. Это также связано с индустрией здравоохранения, особенно с врачами, медсестрами и стоматологами. Белый ассоциируется с добром, и ангелы часто изображаются белыми.
Однако на большей части Востока белый цвет ассоциируется со смертью и трауром. В Индии это традиционно единственный цвет, который разрешено носить вдовам.
В дизайне белый обычно считается нейтральным фоном, который позволяет другим цветам в дизайне звучать громче. Тем не менее, он может помочь передать чистоту и простоту и популярен в минималистском дизайне. Белый цвет в дизайне также может изображать либо зиму, либо лето, в зависимости от других дизайнерских мотивов и цветов, которые его окружают.
Примеры
Black & Wood использует белый цвет как в качестве фона, так и в качестве акцента (например, в типографике), что придает сайту очень чистый вид. (2010) В основном белый фон веб-сайта Нуно Коэльо Сантоса вносит свой вклад в современную эстетику. На веб-сайте Skylark использовалась белая типографика, чтобы придать сайту ощущение чистоты, не переходя к минималистскому дизайну. (2010) Spent использовал белую типографику, чтобы придать сайту современный, но мягкий вид. (2010) Dwell использует белый цвет в качестве акцента на своей странице-заставке, очень уникальный, но эффективный выбор для чего-то, что включает призыв к действию. (2010)
Серый
Серый — нейтральный цвет, который обычно считается холодным концом цветового спектра. Иногда его можно считать капризным или депрессивным. Вместо белого в некоторых дизайнах можно использовать светло-серый цвет, а вместо черного — темно-серый.
Серый, как правило, консервативный и формальный, но может быть и современным. Иногда его считают цветом траура. Он обычно используется в корпоративном дизайне, где формальность и профессионализм являются ключевыми. Это может быть очень изысканный цвет. Чистые оттенки серого — это оттенки черного, хотя другие оттенки серого могут иметь примеси синих или коричневых оттенков. В дизайне очень распространен серый фон, как и серая типографика.
Примеры
Веб-сайт Round очень современный, с различными оттенками серого, используемыми для обозначения различных разделов сайта. (2010) Серый фон на веб-сайте For Office Use Only настолько тонкий, что кажется почти белым, и придает сайту очень современный вид. (2010) На веб-сайте Shinola Грей приобретает утонченный, но приземленный вид. (2010) В сочетании с современной типографикой серый цвет приобретает современный вид. (2010) Серый — идеальный фоновый цвет для портфолио иллюстраций. (2010)
Коричневый
Коричневый ассоциируется с землей, деревом и камнем. Это полностью естественный цвет и теплый нейтральный цвет. Коричневый может ассоциироваться с надежностью и надежностью, стойкостью и приземленностью. Его также можно считать скучным.
В дизайне в качестве фона обычно используется коричневый цвет. Это также видно в текстурах дерева, а иногда и в текстурах камня. Это помогает придать дизайну ощущение тепла и полезности. Иногда он используется в своих самых темных формах в качестве замены черного, будь то фон или типографика.
Примеры
Trefecta использует теплый коричневый цвет в качестве акцентного цвета для кнопок и CTA, что является неожиданным выбором, учитывая современность остального дизайна. (2010) Кремовый фон и коричневая типографика сайта-портфолио Ясухиро Ёкоты теплые и землистые, но при этом служат просто хорошим фоном для дизайнерских работ в виде оттенков серого. Парикмахерская Off & On использует различные коричневые элементы для большей части своего сайта. сайт, придавая ему старомодный вид. (2010) Веб-сайт Умберта Чессари использует различные оттенки коричневого для цветовых акцентов, что придает ему землистую привлекательность. (2010) Веб-сайт Green Rebel использует коричневый цвет для большей части своей типографики и графики, а также в некоторых текстурах, придавая ощущение органичности. (2010)
Beige and Tan
Beige несколько уникален в цветовой гамме, так как может принимать холодные или теплые тона в зависимости от окружающих цветов. Он сочетает в себе теплоту коричневого и прохладу белого, и, как и коричневый, иногда кажется скучным. В большинстве случаев это консервативный цвет, который обычно используется для фона. Он также может символизировать благочестие.
Бежевый цвет в дизайне обычно используется для фона и обычно встречается на фоне с текстурой бумаги. Он примет характеристики окружающих его цветов, то есть сам по себе мало повлияет на окончательное впечатление, которое дизайн производит при использовании с другими цветами.
Примеры
На веб-сайте People Map используется более золотистый оттенок загара, что придает сайту высококлассный вид, особенно в сочетании с типографикой. (2010) На веб-сайте La Pierre Qui Tourne используются различные оттенки коричневого цвета в качестве основной цветовой палитры, а также несколько очень ярких цветов для очень забавного дизайна. Сайт Mile Inn сочетает в себе современную типографику с бежево-черной цветовой палитрой для сайта, который чувствует себя ретро и бедро. (2010) Коричневый акцент, использованный на этом сайте, совершенно неожиданный и придает ему вид модерна середины века.
Кремовый и цвет слоновой кости
Цвет слоновой кости и кремовый — изысканные цвета, сочетающие теплоту коричневого и прохладу белого. Обычно они тихие и часто вызывают ощущение истории. Слоновая кость — спокойный цвет с некоторой чистотой, связанной с белым, хотя он немного теплее.
В дизайне слоновая кость может придать сайту ощущение элегантности и спокойствия. В сочетании с землистыми цветами, такими как персиковый или коричневый, он может приобретать землистый оттенок. Его также можно использовать для осветления более темных цветов без резкого контраста с использованием белого.
Examples
Едва заметный фон цвета слоновой кости на сайте-портфолио Стефани Брюклер — долгожданное изменение темпа по сравнению с типичным нейтральным серым, придающее ему неподвластный времени вид. (2010) Насыщенный кремовый кажется очень современным и даже резким акцентным цветом при использовании с черным фоном. Кремовый — неожиданный выбор цвета фона для веб-сайта, ориентированного на тех, кто работает в технологической отрасли, но придает ему теплый, человеческий оттенок. Учитывая насколько странным является фильм «Лобстер», использование бледно-белого фона для веб-сайта — неожиданно сдержанный выбор, который кажется очень современным. (2010) Насыщенный кремовый фон Sweet Magnolia Gelato идеально подходит для создания теплого и уютного дизайна.
Коротко
Хотя информация, содержащаяся здесь, может показаться немного ошеломляющей, теория цвета в большей степени касается чувства, которое вызывает тот или иной оттенок, чем что-либо еще. Но вот краткий справочник общих значений цветов, рассмотренных выше:
- Красный: Страсть, Любовь, Гнев
- Оранжевый: Энергия, Счастье, Жизнеспособность
- Желтый: Счастье, Надежда, Обман
- Зеленый: Новые начинания, Изобилие, Природа
- Синий: Спокойный, ответственный, грусть
- Фиолетовый: Творчество, королевская власть, богатство
- Черный: Тайна, Элегантность, злой
- Серый: Moody, Cerserality, формальность
- Grey: Moody, Cerserality, формальность
Вся серия
- Теория цвета для дизайнеров, часть 1: значение цвета
- Теория цвета для дизайнеров, часть 2: понимание концепций и терминологии Цветовые палитры
Дополнительные ресурсы
- Простое руководство веб-разработчика по цвету
- Кодовая сторона цвета
- Значения цветов
- Значения цветов и символика
20 успокаивающих цветов — успокаивающие и расслабляющие цвета для каждой комнаты
Francesco Lagnese
Создание пространства, которое действительно способствует релаксации, требует большего, чем просто выбор удобной мебели. На самом деле цвет краски, который вы выбираете для своих стен, так же важен, и выбор правильного оттенка может оказать огромное влияние на ваше настроение дома. Вдохновитесь этими успокаивающими примерами, от спален до гостиных и всего, что между ними, которые будут вдохновлять на отдых и расслабление, не жертвуя стилем.
О, и когда все будет готово, убедитесь, что вы делаете все возможное, чтобы действительно превратить свое пространство в место для снятия стресса: избавьтесь от беспорядка, положите рядом мягкие подушки и зажгите свою любимую свечу.
Реклама – Продолжить чтение ниже
1
Баклажан
Деревенская белая фотография
Ариана Бетеа спроектировала этот офис так, чтобы в нем было много рабочего пространства с круглым столом для двух человек. Множество закрытых складских помещений вмещает все практичные, но менее привлекательные компоненты офисной работы, а открытые стеллажи над ними демонстрируют коллекцию предметов и книг. Насыщенный, но расслабляющий оттенок баклажановой краски покрывает всю комнату успокаивающим фоном.
МАГАЗИН ТЕМНО-КРАСНОЙ КРАСКИ
2
Лаванда
ТРЕВОР ПАРКЕР
Дом 19-го века в Вирджинии получил прекрасное освежение от дизайнера JD Ireland Архитектурный дизайн интерьера с мягким оттенком фиолетового. На фоне дерева и позолоты он выглядит одновременно утонченным и милым.
МАГАЗИН ПУРПУРНОЙ КРАСКИ
Рекламное объявление — Продолжить чтение ниже
3
Темно-бирюзовый
Avery Cox
Этот темный сине-зеленый цвет в гостиной, спроектированной Avery Cox, создает спокойную атмосферу, идеально подходящую для чтения и учебы. Кокс покрасил только одну из стен вместе с дверью и молдингами, чтобы на противоположной стороне можно было нанести дополнительные обои, завершая подход с рисунком.
В МАГАЗИНЕ БИРЮЗОВАЯ КРАСКА
4
Серый шалфей
Francesco Lagnese
Выберите глубокий, но приглушенный серый цвет с легким зеленоватым оттенком, чтобы создать ощущение спа, когда вы входите в комнату. Эта кухня, спроектированная Маршаллом Уотсоном, излучает спокойную атмосферу.
МАГАЗИН СЕРОЙ КРАСКИ
Объявление — Продолжить чтение ниже
5
Мягкий зеленый
Фантастический Фрэнк
Уют мягкого зеленого цвета не имеет себе равных. В сочетании с нейтральными постельными принадлежностями и декором это воплощение снятия стресса.
МАГАЗИН ЗЕЛЕНОЙ КРАСКИ
6
Персиковый
Стивен Пол
«В спальне много света в течение дня, поэтому мы хотели выбрать персиковый цвет на стенах, который придавал бы ей приятное сияние при солнечном свете», — объясняет Другой основатель Human Леа Ринг этой комнаты спроектировала ее фирма. Успокаивающая спальня «кажется удобной, но не слишком занятой — [вы] чувствуете себя очень безмятежно, когда находитесь в комнате», — говорит Ринг. Рисунок бабочки из плексигласа привносит нотку причудливости.
МАГАЗИН ПЕРСИКОВАЯ КРАСКА
Реклама — Продолжить чтение ниже
7
Бледно-желтый
Эрик Пясецкий
Желтый излучает энергию и тепло. Кроме того, наука считает, что это цвет, который обязательно сделает вас счастливыми. Эта комната, спроектированная Стивеном Гэмбрелом, — все, что вам нужно.
МАГАЗИН ЖЕЛТОЙ КРАСКИ
8
Небесно-голубой
Eric Piasecki
Этот эфирный оттенок синего в спальне от Элли Каллман одновременно успокаивает и веселит. Окруженный классическими акцентами и изысканной мебелью, он добавляет нужное количество энергии. Нам нравится, как он имитирует небо, нанесенное глянцевым блеском на потолок.
МАГАЗИН СИНЕЙ КРАСКИ
Реклама — Продолжить чтение ниже
9
Классический белый
William Abranowicz
Ничто так не создает чистую, четкую атмосферу, как белый цвет. «Это задает тон всему моему утру», — говорит Аналисса Тафт-Герстен о начале своего дня в этой белой мастерской ванне.
МАГАЗИН БЕЛОЙ КРАСКИ
10
Румяна
Stuart Tyson
Комната, окрашенная в румяна, наполненная растениями и природным декором, вызывает релаксацию. Это идеальное место, чтобы расслабиться и погрузиться в чтение хорошей книги.
SHOP BLUSH PAINT
Advertisement — Continue Reading Below
11
Загар
ADRIAN GAUT
Успокаивающий загар согреет комнату и сделает ее более привлекательной, как доказывает Сара Андерсон-Магнесс в этом светлом уголке для завтрака. Фрэнк Ллойд Райт дома.
КРАСКА ДЛЯ ЗАЖИГАНИЯ
12
Deep Blue
William Waldron
Этот оттенок синего яркий, но спокойный. Как будто смотришь прямо в море. По словам Шона Лефферса, дизайнера этой комнаты, глянец делает ее еще лучше.
МАГАЗИН СИНЕЙ КРАСКИ
Advertisement — Continue Reading Below
13
Сиреневый
Björn Wallander
Выберите фиолетовый с серыми оттенками, например сиреневый, чтобы он не казался слишком смелым и ярким. Для акцентов используйте кремовые и голубые тона, как это сделал здесь Марк Сайкс.
КУПИТЬ ФИОЛЕТОВУЮ КРАСКУ
14
Off-White
Francesco Lagnese
Эта белоснежная краска с розовым оттенком заставит вас отдыхать весь день. Сочетайте его с другими нейтральными оттенками с забавными узорами, как это сделал Джонатан Бергер в этой комнате.
МАГАЗИН КРАСКИ OFF-WHITE
Реклама — Продолжить чтение ниже
15
Сиреневый
Julien Capmeil
Не слишком серый, не слишком фиолетовый, лиловый полностью успокаивает. Его грациозность и утонченность идеально подходят для столовой, такой как эта, спроектированная Кристин Конг.
SHOP MAUVE PAINT
16
Бирюзовый
Francisco Lagnese
Этот сине-зеленый микс придает гостиной от Thomas Jayne необходимое количество живости, не будучи слишком властным.
SHOP TEAL PAINT
17
Мягкий серый
Reed Davis
Этот мягкий серый цвет делает спальню, созданную Энн Вульф, более просторной и воздушной. Он идеально подходит против восстановленной древесины.
МАГАЗИН СЕРОЙ КРАСКИ
18
Светло-голубой
В комнате, залитой бледно-голубым оттенком, вы почувствуете себя почти как в сказке.