Уроки фотошоп: как изменить или поменять цвет фона

Чаще всего различные гаджеты и украшения фотографируются на белом фоне. Но иногда такой цвет фона не входит в гармонию с интерфейсом сайта. В этом случае (да и не только в этом) может потребоваться замена цвета фона. Делается это не так сложно, как вам кажется. Нужно лишь воспользоваться программой Adobe Photoshop и повторять наши действия.

Уроки Фотошопа: как поменять фон?

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

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

Но некоторые люди ничего кроме простого прямоугольника не выделяли. Поэтому пару советов нужно дать и таким людям. В Adobe Photoshop существует несколько инструментов группы «Выделение». Можно попробовать выделить интересующий объект при помощи «Волшебной палочки». Но он предназначен для однородных областей, состоящих из одного цвета. Поэтому лучше воспользоваться инструментом «Быстрое выделение». Работает он очень просто. Вам нужно лишь щелкать по областям объекта, пока он не окажется полностью выделенным. Если вдруг в зону выделения попала фоновая область, то щелкните по ней с зажатой клавишей Alt. Ещё не забывайте регулировать размер кисти, это сказывается на точности выделения.

Если на вашей фотографии изображен человек или какой-нибудь другой сложный объект, то вышеуказанный инструмент может не справиться. В этом случае попробуйте использовать «Магнитное лассо». Это ещё один интересный инструмент, предназначенный для выделения. С его помощью можно щелчок за щелчком выделить любой объект по его контуру. Для большей точности не помешает увеличить масштаб до 200-процентного. До цвета фона в Фотошопе мы ещё не добрались, но почти половина дела готова.

Как поменять или изменить цвет фона в Фотошопе?

Постепенно нужный вам объект будет выделен. Иногда добиться максимальной точности выделения не получается. Тогда приходит на помощь кнопка «Уточнить край», находящаяся в верхней части окна. Она вызывает появление соответствующего диалогового окна. В нём необходимо поставить галочку около пункта «Умный радиус». Далее двигайте ползунки, картинка будет меняться. Добейтесь идеального результата, чтобы выделение затрагивало только сам объект. Когда вас всё устроит — жмите кнопку «OK», после чего окно исчезнет.

Теперь выделение необходимо инвертировать. Ведь мы не собираемся вырезать или проводить другие операции с объектом съемки, нам нужно изменить цвет фона в Фотошопе. Перейдите по пути «Выделение>Инверсия». Теперь вы заметите, что выделено абсолютно всё, за исключением самого объекта.

Поменять фон в Фотошопе CS5 и CS6

Далее вы можете пойти двумя путями. Первый чуть длиннее. Он заключается в разблокировке слоя и удалении выделенной области, после чего фон станет прозрачным. Потом придется создавать новый слой и совершать с ним разные действия, дабы фон получился цветным. Второй способ того, как поменять фон в Фотошопе CS6, заключается в переходе по пути «Слои>Новый слой-заливка>Цвет». Затем вам будет предоставлена цветовая шкала, на которой нужно выбрать интересующий вас оттенок. Также можно создать слой-заливку в виде узора или градиента.


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

Поменять фон в Фотошопе

Но иногда требуется не просто замена цвета, а полная замена фона в Фотошопе. Тогда на помощь приходит тот самый первый способ. Но перед этим нужно разблокировать фоновый слой. Делается это при помощи двойного клика по слою в одноименной панели. Дайте слою любое имя, после чего нажмите кнопку «OK». Теперь, когда у вас выделено всё кроме самого объекта, нажмите клавишу Delete. Фон тут же станет прозрачным. Но вы ведь задаетесь вопросом, как поменять фон в Фотошопе, а не сделать его прозрачным?

Выделение после наших действий сохранится. Но теперь оно не нужно, поэтому перейдите по пути «Выделение>Отменить выделение». После этого откройте какую-нибудь картинку, которую вы желаете поместить на фон. Нажмите сочетание клавиш Ctrl+A или перейдите по пути «Выделение>Всё». Скопируйте выделенное сочетанием клавиш Ctrl+C. Перейдите к тому изображению, у которого вы хотите заменить фон в Фотошопе. Задействуйте сочетание клавиш Ctrl+V. Сразу же направьтесь в панель «Слои». Здесь нужно новоявленный слой переместить вниз.

В результате фон у вас изменится. Если нужно изменить его размеры, то для этого щелкните по картинке (выбран должен быть именно новый слой) правой кнопкой мыши, после чего выберите пункт «Свободное трансформирование». Тут же отобразятся соответствующие маркеры, перетягивание которых приведет к изменению размеров. Не забудьте зажимать клавишу Shift, иначе пропорции изображения не сохранятся. Когда закончите — сделайте двойной клик левой кнопкой мыши.

В результате у нас получилось поменять цвет фона в фотошопе. И совершенно не важно, как поменять фон в Фотошоп CS5 или в другой более свежей версии – вы в любом случае поняли. И на это ушло минимальное количество времени. Продолжайте знакомиться с нашими уроками Фотошопа: как поменять фон, как написать красивый текст, как вырезать объект – вы узнаете много нового. Поверьте, Photoshop способен на чудеса!

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

Итак, как можно поменять цвет фона на фотографии? В этом нам поможет графический редактор Adobe Photoshop . По времени, вся операция займет не больше 10 минут. Будем использовать два инструмента - "Волшебная палочка " и "Заливка ", и, в завершении операции, к фону можно можно применить "Градиент ".

Внимание! При изготовлении фотографии на визу, инструмент "Градиент" не используем! Оставляем однородный фон, т.к. этого требуют правила к данному формату

Итак, чтобы , открываем графический редактор Adobe Photoshop , и в палитре инструментов выбираем - "Волшебная палочка ".

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

Если присутствует тень возле головы или на других участках расположенных непосредственно возле выделяемого объекта, то удаляем и её. Кликаем на области тени инструментом "Волшебная палочка ", выделяем её и нажимая "Delete ". Но при этом, следите за тем, чтобы инструмент не захватывал сам объект съемки. После того, как удалили тень и остатки фона, приступаем к следующему этапу изменения фона в фотошопе.

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

Если всё сделали правильно, должен выделиться весь фон, а объект съемки, при этом, останется нетронутым. Теперь мы можем сделать с фоном всё что угодно. Нам, напомню, требуется изменить цвет фона в фотошопе . Для этого, предварительно, выбираем необходимый цвет в палитре цветов. Чтобы это сделать, кликните на значок в виде цветного квадратика в палитре инструментов фотошопа. Как видите, там два квадратика. Верхний отвечает за установку цвета переднего плана. Он нам и нужен. Делаем двойной щелчок мыши на нем, и в палитре цветов, выбираем нужный цвет, допустим голубой.

Отлично! Мы выбрали цвет. Теперь, собственно, заливаем фон. Для этого в панели инструментов, выбираем инструмент "Заливка ". Кликаем рабочей областью инструмента по фону. Фон заливает тем цветом, который мы выбрали. В нашем случае это голубой.

Итак, мы изменили цвет фона в фотошопе . Но не спешите убирать выделение. Попробуем добавить к нашему фону градиент. Если же хотите оставить фон однородным, то в меню фотошопа - "Выделение ", убираем выделение, и сохраняйте полученное изображение. Но мы добавим градиент. Для этого, выбираем одноименный инструмент. Он находится на той же кнопке, что и инструмент "Заливка ", нужно только кликнуть правой кнопкой мыши по кнопке, и выбрать "Градиент ". Выставляем настройки градиента, следующим образом: режим - обычный , сила - 100% , способ - линейный градиент . После того, как выбрали инструмент, проводим им вертикальную линию от верхнего края фотографии до нижнего, где-нибудь сбоку от объекта съемки. Должно получиться примерно так:

Вот теперь можно убирать выделение. Если по контуру головы есть непроработанные участки, а это случается, например, при взъерошенных волосах, то еще раз поработайте "Волшебной палочкой " и "Заливкой ", а также в некоторых местах можно применить инструмент "Палец ". После всего этого, очень желательно пройтись по контору обработанных участков инструментом "Размытие ", тем самым, как бы замазывая некоторые рваные участки. Силу размытия, при этом, рекомендуется выставить в пределах 70% , этого будет достаточно.

Вот, собственно, и все. Мы узнали как поменять цвет фона в фотошопе. Осталось свести слои, и сохранить изображение в необходимом формате. Для этого, в меню фотошопа - "Слой " и выбираем "Выполнить сведение " или "Объединить слои ". А в меню "Файл ", выбираем "Сохранить как ", выставляем необходимый формат изображения (чаще всего JPEG ), и место сохранения нашего файла. После этого нажимаем "Ок ".

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

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

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

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

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

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

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

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

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

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

background-color:#XXXXXX; {

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

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

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

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

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

background-image: url(image URL);

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

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

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

Первый способ заменить цвет это воспользоваться готовой функцией в фотошопе «Заменить цвет» или «Replace Color» на английском.

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

Возьмем иконку и откроем её в фотошопе.

Мы заменим цвет на любой другой интересующий нас. Для этого заходим в меню «Изображение — Коррекция — Заменить цвет (Image — Adjustments — Replace Color)» .

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

Внизу заголовок «Замена» — там и можно поменять выделенный цвет. Но прежде можно задать параметр «Разброс» в выделении. Чем больше параметр, тем больше он захватит цвета.

В данном случае можно поставить на максимум. Он будет захватывать весь цвет на изображении.
Настройте параметры «Замены цвета» — на цвет который хотите видеть вместо заменяемого.

Я сделал зеленый, задав параметры «Цветовой тон» , «Насыщенность» и «Яркость» .

Когда будете готовы заменить цвет — нажмите «ОК» .

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

2 способ

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

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

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

Заходим в меню «Выделение — Цветовой диапазон (Select — Color Range)»

Далее остается кликнуть по красному цвету машины и мы увидим, что функция его определила — окрасила белым цветом в окне предпросмотра. Белый цвет показывает какая часть изображения выделена. Разброс в данном случае можно настроить на максимальную величину. Нажмите «ОК» .

После того как вы нажмете «ОК» , вы увидите как создалось выделение.

Теперь можно менять цвет выделенному изображению. Для этого воспользуйтесь функцией – «Изображение — Коррекция — Цветовой тон/Насыщенность (Image — Adjustments — Hue/Saturation)» .

Появится диалоговое окно.

Сразу поставьте галочку на параметр «Тонирование» (внизу справа). Теперь используя параметры «Цветовой тон, Насыщенность и Яркость» можно настроить цвет. Я настроил синий.

Все. Цвет заменился.

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

3 способ

Изменить цвет волос в Фотошопе можно еще одним способом.

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

Это далеко не все способы, сегодня я покажу два очень простых, а в будущих статьях я расскажу еще о парочке методах при помощи других корректирующих слоев.

Способ №1

Коротко расскажу о применении данного метода. Откройте изображение и создайте новый слой (напоминаю все приемы ).

Затем измените режим наложения данного слоя, выбрав пункт Цветовой тон в раскрывающемся списке в верхней части палитры слоев (расположен в нижней части списка).

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

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

Примечание

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

Способ №2

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

Выбрав в меню команду Изображение — Коррекция — Заменить цвет , вы увидите одноименное диалоговое окно.

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

В группе элементов управления Замена в нижней части диалогового окна щелкните мышью по квадрату, расположенному над надписью Результат , чтобы выбрать новый оттенок. Когда вы щелкнете мышью по кнопке ОК. Если необходимо подправить выбранный оттенок, можно использовать ползунковые регуляторы Цветовой тон , Насыщенность и Яркость (также находятся в группе элементов управления Выделение). Вот что получилось:

Обратите внимание, что кроме обыкновенной пипетки, рядом имеются пипетки с маленькими значками «+» (плюс) и «-» (минус). Используйте их, чтобы расширить/сузить диапазон оттенков, которые необходимо изменить.

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

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!