Как сделать рисунок на темном фоне
Обновлено: 07.07.2024
Несколько примеров как затемнить изображение в свойстве background и теге .
Затемнение
Первый способ затемнить img
Сделать тёмный фон под изображением , а самому изображению добавить прозрачность с помощью opacity .
Пример:
Второй способ затемнить img
CSS фильтр Фильтр brightness у .
Пример:
Третий способ затемнить img
Полупрозрачный элемент над .
Пример:
Пример:
Затемнение фона background
Если картинка задана через свойство background , то есть два способа ее затемнить:
Первый способ затемнить background
Наложить полупрозрачный слой через псевдо-свойство :before с background-color: rgba(0,0,0,.5) или opacity: 0.6 .
В этом уроке на примере нескольких способов я покажу вам, как заменить цвет фона. Вы узнаете не только, как заменить белый фон на цветной, но и как заменить фон на фото.
Сложность урока: Легкий
В этом уроке на примере нескольких способов я покажу вам, как заменить цвет фона. Вы узнаете не только, как заменить белый фон на цветной, но и как заменить фон на фото. Начнем!
Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.
Что вы узнаете в этом уроке:
- Как заменить белый фон на цветной
- Как сделать фон белым, используя инструмент Fill (Выполнить заливку)
- Как изменить цвет фона с помощью слоя-заливки
- Как изменить цвет фона на фото
Шаг 1
Обычно, когда вы создаете новый документ в Фотошоп, по умолчанию он заполняется белым цветом. Но в окне создания документа можно изменить цвет на любой другой. Находим параметр Background Contents (Содержимое фона) и устанавливаем нужный цвет.
Шаг 2
Либо правее жмем на цветовой квадрат и в окне Color Picker (Выбор цвета) находим нужный оттенок.
2. Заменяем цвет фона на белый, используя инструмент Выполнить заливку
Если вы хотите, наоборот, залить уже созданный документ белым цветом, тогда просто переходим в меню Edit — Fill (Редактирование — Выполнить заливку) (или жмем Shift+F5) и в открывшемся окне в выпадающем меню выбираем цвет White (Белый).
3. Заменяем цвет фона с помощью слоя-заливки
Шаг 1
Также для замены цвета фона можно использовать слой-заливку. Переходим Layer — New Fill Layer — Solid Color (Слой — Новый слой-заливка — Цвет). Нажав на кнопку ОК, откроется окно выбора цвета, в котором мы выбираем нужный оттенок.
Шаг 2
Мне нравится использовать именно слои-заливки, потому что в любой момент можно заменить его цвет двойным нажатием левой кнопки мышки по миниатюре слоя на панели слоев.
4. Заменяем фон на фото
Шаг 1
Вы уже знаете, как создать сплошную заливку фона и заменить ее цвет. В этом разделе давайте попробуем изменить цвет фона на фото. Открываем нужное фото в программе. Я буду использовать картинку с мылом.
Для начала нам нужно выделить объекты на фото. Мы воспользуемся инструментом Quick Selection Tool (W) (Быстрое выделение), который можно найти на панели слоев. Проводим по объекту, чтобы выделить его. В последних версиях Фотошоп появился инструмент Object Selection Tool (W) (Выделение объекта), с помощью которого можно быстрее выделить нужный объект.
Инструментом Quick Selection Tool (W) (Быстрое выделение) с зажатой клавишей Alt дорабатываем выделение.
Шаг 2
Комбинацией клавиш Shift+Ctrl+I инвертируем выделение.
Шаг 3
Создаем слой-заливку и выбираем цвет фона.
Как видите на скриншоте, результат выглядит не очень красиво, потому что не видно теней. Мы исправим это в следующем шаге.
Шаг 4
Переключаем режим наложения слоя-заливки на Multiply (Умножение) и корректируем непрозрачность слоя, чтобы настроить насыщенность цвета.
Отличная работа! Мы закончили.
В этом уроке всего за несколько простых шагов вы научились менять цвет фона в Фотошоп. Надеюсь, вам понравился материал!
Как сделать затемнение фотографии в Photoshop
Так как Фотошоп представляет широкий инструментарий по работе с яркостью и контрастностью изображений, вы можете использовать какой-то конкретный, подходящий в вашей ситуации или комбинировать их. Далее рассмотрим несколько вариантов исправления засвеченной фотографии.
Используется только в том случае, если засвечена только какая-то небольшая часть фотографии и засвечена при этом не сильно. Это точечный инструмент. С его помощью также можно создать, например, тень, где это нужно.
Работать с инструментом можно по следующей инструкции:
Этот вариант имеет некоторые свои минусы:
Вариант 2: Настройки яркости и контрастности
Позволяет быстро сделать всё изображения более тёмным и контрастным. Если вы умеете работать с масками в Photoshop, то сможете без проблем сделать затемнение только какой-то определённой области. Однако эти инструменты не рекомендуется использовать для затеменения небольших областей на изображении, так как с этим гораздо лучше справляется инструмент, рассмотренный выше.
Если подразумевается, что с помощью этого инструмента вы хотите затемнить какую-то значительную область, но всё изображение, то лучше использовать его в качестве корректирующего слоя:
Если вам интересна тема работы с масками в Photoshop, то рекомендуем ознакомиться с соответствующей статьёй на нашем сайте. Там разбирается теория и практика.
Оба инструмента многим похожи друг с другом, поэтому рассмотрим их в одном варианте. Оба также являются корректирующими слоями.
Инструкция по затемнению изображения с их помощью выглядит так:
При необходимости вы можете ограничить действия корректирующего слоя с помощью настройки их маски. Она тоже добавлена к данным слоям.
Вариант 4: Инструменты цветовой коррекции
Каждый, кто занимается время от времени фотомонтажом и редактурой фотографий в Фотошопе, знает, насколько важно пользователю Фотошопа иметь наработанный навык вырезания тех или иных объектов из фона, а также замены прежнего фона изображения любым другим. Для разных целей подходят разные фоны, и иногда требуется посмотреть на то, как будет выглядеть ваше изображение на обычном черном фоне. Поместить рисунок или фигуру человека на простой черный фон в Фотошопе очень просто – для этого вам нужно выполнить всего несколько действий.
- Как сделать чёрный фон в фотошопе
- Как поменять цвет фона в фотошопе
- Как затемнить фон в фотошопе
Откройте изображение, на котором вы хотите заменить оригинальный фон на черную заливку. Создайте дубликат слоя (Duplicate layer) и сделайте слой с оригиналом изображения невидимым, нажав на изображении слоя в палитре пиктограмму глаза.
После этого аккуратно начинайте стирать фон вокруг вашего объекта, предварительно наведя на него курсор мыши с ластиком и щелкнув правой кнопкой. Когда вы удалите основные области фона, уменьшите размер кисти и снизьте уровень жесткости, чтобы более аккуратно вырезать фоновые цвета по силуэту вашего объекта.
Полностью удалив фон вокруг объекта, выберите инструмент заливки (Fill) на панели инструментов и, создав новый слой, залейте очищенную от фона область черным цветом. Увеличьте масштаб изображения и внимательно рассмотрите его на предмет недочетов в предварительной очистке фоновой области.
Если вы увидите оставшиеся от предыдущего фона точки и пятна, снова возьмите фоновый ластик и пройдитесь по всем нежелательным пятнам.
Как видите, создать простой черный фон совсем не сложно, и если вам понадобится, вы в любой момент можете заменить его на другое фоновое изображение.
Читайте также: