Изменить цвет фона. Как изменить цвет фона в фотошопе

1 голос

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Бонус

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

Нет такого атрибута? Поэтому, как и в предыдущих уроках, мы будем использовать стили (CSS), то есть универсальный атрибут style , который позволит нам менять цвет там, где мы захотим.

Как можно указывать цвет?

Цвета в HTML (и CSS) можно указывать несколькими способами, я покажу вам самые популярные и распространенные:

  • Имя цвета - В HTML имеется большой список и для того, чтобы указать цвет, достаточно написать его имя на английском, например: red, green, blue.
  • HEX-код цвета - Абсолютно любой цвет можно получить, смешав в разных пропорциях три базовых цвета - красный, зеленый и синий. HEX-код - это три пары шестнадцатеричных значений отвечающих за количество этих цветов в каждом цвете. Перед кодом цвета необходимо поставить знак решетка (#), например: #FF8C00, #CC3300 и так далее.

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

Как изменить цвет текста?

Чтобы изменить цвет текста в любом элементе HTML-страницы надо указать внутри тега атрибут style . Общий синтаксис следующий:

<тег style= "color:имя цвета" >... - указание цвета текста по имени.

<тег style= "color:#HEX-код" >... - указание цвета текста по коду.

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

Пример изменения цвета текста

Изменение цвета текста

Красный текст заголовка

Синий текст параграфа.

Зеленый курсив. Красный текст.

Результат в браузере

Как изменить цвет фона?

Цвет фона любого элемента страницы меняется также с помощью атрибута style . Общий синтаксис такой:

<тег style= "background:имя цвета" >... - указание цвета фона по имени.

<тег style= "background:#HEX-код" >... - указание цвета фона по коду.

Пример изменения цвета фона

Изменение цвета фона

Заголовок.

Параграф.

Жирный текст. Обычный текст.

Результат в браузере

Заголовок.

Параграф.

Жирный текст. Обычный текст.

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

Домашнее задание.

  1. Создайте заголовок статьи и двух ее разделов. Напишите в начале статьи и каждом разделе по одному параграфу.
  2. Установите на всей странице шрифт Courier с размером 16px, у заголовка статьи - 22px, а у подзаголовков по 19px.
  3. Пусть у заголовка статьи будет цвет текста #0000CC, а у подзаголовков - #CC3366.
  4. Выделите фоновым цветом #66CC33 два слова во втором параграфе. А в третьем параграфе этим же цветом, но одно подчеркнутое слово.
  5. Не забывайте о том, что значения атрибута style можно группировать, ставя между ними точку с запятой (;).

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

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

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

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

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

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

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

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

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

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

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

2 способ

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

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

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

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

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

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

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

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

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

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

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

3 способ

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

  • Сергей Савенков

    какой то “куцый” обзор… как будто спешили куда то