Изменение цвета фона в фотошопе. Как заменить фон в "Фотошопе" или его цвет? Уроки фотошоп: как изменить или поменять цвет фона

Откройте скачанный вами файл и следуйте инструкциям по установке.

Загрузите фотографию в программу

Запустите Фоторедактор. Нажмите кнопку Открыть файл и выберите изображение, которое вы собираетесь редактировать, либо просто перетащите его из папки в окно Фоторедактора.

Замените фон

Чтобы заменить фон на фото, откройте вкладку Замена фона . Нанесите несколько штрихов зеленой кистью внутри объекта переднего плана, который вы хотите сохранить на фотографии. Затем выберите красную кисть и аналогичным образом выделите фон, который будете менять. Чтобы стереть выделение, используйте ластик . Кроме того, для выделения объектов можно выбрать инструмент Лассо . Поставьте начальную точку и ведите курсором вдоль границ объекта – линия будет автоматически примагничиваться к краям. Выделенный объект программа обведет пунктирным контуром. Данный этап не требует щепетильности: просто нажмите кнопку Следующий шаг , чтобы скорректировать контур.

Когда объект выделен, проведите Кистями-масками по контуру, чтобы добавить нужные или вычесть лишние области. С помощью кисти Выделение волос выделите на фото такие мелкие детали, как волосы, мех и щетина. Снова нажмите кнопку Следующий шаг .

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

Если вам требуется поставить картинку на фон, нажмите кнопку Добавить изображение . В открывшемся окне выберите нужную фотографию из своей коллекции, нажав Загрузить , или подберите подходящий фон из нашей коллекции. Для отмены всех изменений используйте кнопку Сброс . Когда итоговый результат вас устроит, нажмите Применить .

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

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

Существует всего несколько простых при помощи которых вы можете изменить внешний вид вашего существующего сайта. Многие пользователи даже не предполагают, насколько это просто.

Как настроить шрифт

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

Как настроить цвет фона

Откройте страницу в HTML вашего блога или сайта. При редактировании страницы в вы можете открыть ее в Dreamweaver, чтобы облегчить свою работу. Если ваш сайт создан посредством конструктора, некоторые сервисы позволяют изменять настройки HTML онлайн, зайдя на страницу «Дизайн» и выбрав вкладку «Редактировать HTML». В любом случае вы должны быть в состоянии получить доступ к HTML-кодам для вашего блога или сайта. Процесс настройки может сильно варьироваться в зависимости от того, какие услуги вам доступны и какой движок вы используете.

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

Вы без проблем можете найти диаграмму цветов HTML в специализированных изданиях. Каждый цвет отображается в разметке в виде шестизначного кода. Например, белый фон обозначается как #FFFFFF.

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

background-color:#XXXXXX; {

После того как вы сохраните цвет фона в HTML, вы увидите, что внешний вид вашей страницы изменен.

Добавление фонового изображения

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

Залейте изображение в Интернет. Многие позволяют загружать изображения бесплатно. Получите URL-ссылку на вашу фоновую картинку. Для этого вам нужно открыть изображение в своем браузере и скопировать URL.

Вставьте код для добавления изображения в качестве фона. В HTML он выглядит следующим образом:

background-image: url(image URL);

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

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

Замена цвета в Фотошопе – процесс несложный, но увлекательный. В этом уроке научимся менять цвет различных объектов на картинках.

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

Способ 1: Простая замена

Первый способ замены цвета это использование готовой функции в Фотошопе «Заменить цвет» или «Replace Color» на английском. Наилучший результат она показывает на однотонных объектах. Например, возьмем иконку и откроем её в Фотошопе. Далее мы заменим цвет на любой другой интересующий нас.

Так мы поменяли один цвет на другой.

Способ 2: Цветовой диапазон

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

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

Результат достигнут. Если на изображении остались участки исходного цвета, процедуру можно повторить.

1 голос

Здравствуйте, уважаемые читатели моего блога. Сегодня мы снова будем постигать основы работы с программой фотошоп. Интересно, как бы вы выглядели, если бы цвет ваших волос или кожи был совсем иным? Я уже рассказывал о том, .

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

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

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

Буду работать в Photoshop CC, но если у вас другая версия, то ничего страшного. Все функции простые. Софт установлен на русском. Кстати, если у вас англоязычная версия, могу порекомендовать также статью « ». Очень удобно, облегчает жизнь.

Коррекция цвета

Итак, я уже выделил объект, а точнее фон фотографии, и перенес его на новый слой при помощи сочетания клавиш Ctrl+J.

Теперь перехожу во вкладку «Изображение» — «Коррекция». Здесь очень много опций, которые помогут поменять оттенок: «Яркость/Контрастность», «Цветовой баланс», «Фотофильтр» и даже «Карта градиента». Вы можете попробовать каждый из них, чтобы на собственном опыте понять как работает тот или иной инструмент, выбрать интересный метод, который нравится конкретно вам.

Я воспользуюсь «Цветовой тон/Насыщенность».

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

Как вы видите, отличия разительными не назовешь, зато не нужно морочить голову с подборкой, чтобы слои выглядели едино и профессионально, а объект не выделялся из общего фона.

Разительные изменения

Чтобы сделать фон совсем другого цвета, я воспользуюсь инструментом «Замена цвета» все в той же вкладке «Коррекция» (о том как нарисовать черный фон для Фотошопа — ).

После открытия диалогового окна, ваш курсор сменится. В нем будет спрятан инструмент пипетка. Просто щелкните по цвету, который хотите сменить. При помощи ползунка «Разброс» определите область, с которой собираетесь работать, а затем щелкните по плашке цвета над записью «Результат» или вновь поработайте с ползунками «Тон», «Насыщенность», «Яркость».

Я выбрал первый вариант. Кликнул на «Результат» и теперь выбираю оттенок и цвет на палитре, чтобы нежно голубой превратился в розовый.

Профессионально, быстро, легко

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

Теперь выберите оттенок, на который будете менять цвет слоя.

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

Можно перекрасить в любой подходящий вариант.

Видеоинструкция

Бонус

Еще один способ поменять цвет при помощи нового слоя мне не слишком импонирует, но предполагаю, что он может понравиться некоторым и уж точно когда-нибудь пригодится в будущем. Итак, создаю новый слой, а затем выбираю для него режим наложения «Цветовой тон».

Вот так должно получиться в итоге.

Теперь беру любой цвет, к примеру, желтый, инструмент «Заливка» и заливаю только что созданный слой.

Можете попробовать и другие режимы наложения. Не бойтесь экспериментировать.

При помощи ластика, можно вернуть девушке нормальный цвет лица.

Кстати, не забывайте, что многие профессионалы в качестве ластика используют . Все еще не умеете с ней работать? Тогда вам пригодится публикация, ссылку на которую я дал.

Ну а если вы захотите узнать максимум обо всех инструментах, которые есть в фотошопе, могу посоветовать курс Зинаиды Лукьяновой «Photoshop для начинающих в видеоформате ». Вам не придется ничего ждать. Всего несколько недель и вы будете знать все, что таит в себе эта программа.

До новых встреч и удачи.

Зачастую фотографии, которым придано художественное оформление выглядят намного красивее и необычнее. Любая замена фона – это, по сути, разделение фотографии на две или больше частей, каждая из которых затем размещается в отдельном слое. После этого самая важная часть фотографии остается неизменной, а второстепенные детали и задний план ретушируются или вообще заменяются.

Как поменять фон в Фотошопе

Рассмотрим инструкцию по замене фона в Фотошопе (версия CS6 и позднее):

Открыть исходную фотографию.
Открыть фотографию для заднего плана.
Добавить фотографии в программу Photoshop . Подобрать примерно одинаковые фотографии по размерам.
Сделать активным основное фото кликнув левой кнопкой мыши (ЛКМ) по вкладке с названием фотографии.
В правом нижнем углу появится загруженная фотография с названием “Фон ”.
Используя инструмент «Быстрое выделение » выделить нужный фрагмент.
Для выделения волос и других сложных элементов использовать инструмент «».
По нажатию на данную кнопку отобразятся настройки.
Применив нужные, провести вдоль краев выделяемой фотографии до получения аккуратного результата.
В случае, когда после выделения на фото остаются нежелательные цвета, нужно использовать очистку цветов. Для этого изменением положения ползунка в области «Вывод» под названием «». Чтобы использовать выделение в области “Вывод” нужно перейти в режим «Новый слой со слоем-маской». Нажимаем «Ок».
В палитре отобразится новый слой-маска.
Приступим к замене. Перейти к фотографии “Фон ”.
Зажав ЛКМ перетянуть эту вкладку на вкладку с основной фотографией. Удерживая ЛКМ опустить курсор на появившееся изображение. Курсор изменит свой внешний вид на стрелку с добавлением выделения. Отпустить кнопку мыши. Должен получиться такой результат:
Между первой картинкой и вырезанным из нее фрагментом вставится выбранная картинка.
При необходимости изменяем размеры картинки. Сделать активным новый объект и с помощью «Редактирование» — «» или комбинации клавиш Ctrl+T изменить размер.
Вокруг появится рамка трансформирования. Зажать Shift и переместить углы рамки трансформации так, чтобы они совместились с основным.
После того как трансформация закончена нажать на клавишу Enter.
Произвести масштабирование переднего плана, для чего сделать активным слой с выделенным фрагментом.
Нажать Ctrl+T, активировать свободное трансформирование , удерживая Shift изменить размеры. Нажать Enter.
Обрезать оставшиеся части основного изображения с помощью «Кадрирования ».
Кликая по точкам кадрирования и перетаскивая их подогнать рамку выделения под размеры картинки. Нажать Enter. Если бы начальные фотографии были одинаковыми по размеру – кадрирование бы не использовалось
После детального рассмотрения можно понять, что яркость на заднем плане и выделенном объекте отличается. Скорректировать яркость позволяет инструмент «Кривые ».
На панели свойств «Кривые» нажать на кнопку применения коррекции к нижнему слою, а кривую в области светлых полутонов опустить до получения нужного результата.
Объединить все слои изображения нажав Shift+Ctrl+Alt+E .
Добавить тень для реалистичности. Создать новый слой.
Применить к нему режим наложения «», кликнуть «Выполнить заливку нейтральным цветом (серым 50%)». Нажать «Ок».
Выбрать Кисть черного цвета.
Установить непрозрачность 10-15%, режим кисти «Нормальный» и жесткость 0%. Размер – на выбор.

В итоге получаем качественную замену фона в Photoshop.

Действия с фоном

Растровый редактор Adobe Photoshop дает возможность с легкостью работать со слоями. Наличие нужных инструментов позволяет обрабатывать изображения веб-дизайнерам и профессиональным фотографам. Используя функции фоторедактора можно легко изменить фон на фотографии, добавить несколько слоев для цветовой коррекции изображения.

Начинающим фоторедакторам и дизайнерам пойдут на пользу описанные способы работы с фоном изображений.