Как поменять цвет фона. Четыре способа поменять цвет слоя в Adobe Photoshop

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

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

Способ №1

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

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

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

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

Примечание

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

Способ №2

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

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

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

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

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

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

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

В этом уроке вы узнаете, как менять цвет фона и текста любых элементов 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 можно группировать, ставя между ними точку с запятой (;).

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

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

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

1. Открыть исходную фотографию.
2. Открыть фотографию для заднего плана.
   
3. Добавить фотографии в программу Photoshop . Подобрать примерно одинаковые фотографии по размерам.
   
4. Сделать активным основное фото кликнув левой кнопкой мыши (ЛКМ) по вкладке с названием фотографии.
   
5. В правом нижнем углу появится загруженная фотография с названием “Фон ”.
6. Используя инструмент «Быстрое выделение » выделить нужный фрагмент.
7. Для выделения волос и других сложных элементов использовать инструмент «».
   
8. По нажатию на данную кнопку отобразятся настройки.
9. Применив нужные, провести вдоль краев выделяемой фотографии до получения аккуратного результата.
10. В случае, когда после выделения на фото остаются нежелательные цвета, нужно использовать очистку цветов. Для этого изменением положения ползунка в области «Вывод» под названием «». Чтобы использовать выделение в области “Вывод” нужно перейти в режим «Новый слой со слоем-маской». Нажимаем «Ок».
11. В палитре отобразится новый слой-маска.
12. Приступим к замене. Перейти к фотографии “Фон ”.
    
13. Зажав ЛКМ перетянуть эту вкладку на вкладку с основной фотографией. Удерживая ЛКМ опустить курсор на появившееся изображение. Курсор изменит свой внешний вид на стрелку с добавлением выделения. Отпустить кнопку мыши. Должен получиться такой результат:
    
14. Между первой картинкой и вырезанным из нее фрагментом вставится выбранная картинка.
15. При необходимости изменяем размеры картинки. Сделать активным новый объект и с помощью «Редактирование» — «» или комбинации клавиш Ctrl+T изменить размер.
    
16. Вокруг появится рамка трансформирования. Зажать Shift и переместить углы рамки трансформации так, чтобы они совместились с основным.
    
17. После того как трансформация закончена нажать на клавишу Enter.
    
18. Произвести масштабирование переднего плана, для чего сделать активным слой с выделенным фрагментом.
19. Нажать Ctrl+T, активировать свободное трансформирование , удерживая Shift изменить размеры. Нажать Enter.
    
20. Обрезать оставшиеся части основного изображения с помощью «Кадрирования ».
21. Кликая по точкам кадрирования и перетаскивая их подогнать рамку выделения под размеры картинки. Нажать Enter. Если бы начальные фотографии были одинаковыми по размеру – кадрирование бы не использовалось
    
22. После детального рассмотрения можно понять, что яркость на заднем плане и выделенном объекте отличается. Скорректировать яркость позволяет инструмент «Кривые ».
    
23. На панели свойств «Кривые» нажать на кнопку применения коррекции к нижнему слою, а кривую в области светлых полутонов опустить до получения нужного результата.
24. Объединить все слои изображения нажав Shift+Ctrl+Alt+E .
25. Добавить тень для реалистичности. Создать новый слой.
26. Применить к нему режим наложения «», кликнуть «Выполнить заливку нейтральным цветом (серым 50%)». Нажать «Ок».
    
27. Выбрать Кисть черного цвета.
28. Установить непрозрачность 10-15%, режим кисти «Нормальный» и жесткость 0%. Размер – на выбор.
    

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

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

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

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

Затемнение

Для затемнения придерживаемся следующей инструкции:

Изменить цвет

Чтобы изменить цвет задней части изображения в Фотошопе необходимо:

Замостить

Для того чтобы замостить фон, нужно:

Также можно ознакомиться с видео:

Увеличить фон

Есть два варианта увеличения заднего плана.

Монотонный фон

Для увеличения однородного фона следует:

1. Выбрать изображение, которое необходимо увеличить.
   
2. Открыть его в Фотошопе.
   
3. Перейти в меню “Изображение” – “”, или нажать комбинацию клавиш CTRL+ALT+C.
4. В открывшемся окне указать тип измерения “Пиксели ”.
   
5. Указать нужный размер холста, нажать кнопку “ОК”.
   
6. Выделить область любым удобным способом.
   
7. Провести инверсию выделенной области.
   
8. Активировать инструмент “Пипетка ”.
9. С ее помощью выбрать цвет, которым будет залита задняя часть изображения.
   
10. Активировать инструмент “Заливка ”.
11. Кликнуть по выделенной “белой ” области.
    
12. Если остались неаккуратные границы – “переходы”, убрать их с помощью кисти.
    
13. Результат:
    

Сложный фон

Для работы со сложным фоном нужно:

1. Открыть изображение в Фотошопе.
   
2. Перейти к меню “Изображение” – “”.
3. Увеличить размеры холста.
4. Выделить области из трёх частей фотографии и скопировать их на отдельный слой:
5. Не стоит обращать внимание на то, что есть несовпадения в тонах и в расположении объектов, они будут скорректированы в ходе работы.
6. Используя инструменты “Штамп ” и “Кисть ” добиться нужного результата. Работа очень кропотливая.
7. Результат:
   

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

Вам понадобится

• Компьютер, Adobe Photoshop.

Инструкция

За фон изображения в фотошопе отвечает такой элемент, как его первый слой. По умолчанию программа предлагает пользователю три варианта фона: белый, прозрачный, а также серый цвет. Эти параметры можно задать на стадии создания нового проекта, используя соответствующие функции приложения («Файл»-«Создать»). Как поменять цвет фона тогда, когда перед вами уже открыт PSD документ? Здесь все достаточно просто.

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

Чтобы разблокировать слой, кликните на нем правой кнопкой мышки. Появится меню, в котором вы сможете найти пункт «Из заднего плана». Кликните по данному пункту. Теперь слой будет разблокирован и станет доступен для дальнейшей коррекции.

Если вам нужен прозрачный фон, вы можете воспользоваться таким инструментом, как «ластик». Выбрав его, установите большой диаметр курсора и сотрите все содержимое слоя (убедитесь, что выделен именно фоновый слой). Если же вы желаете изменить сам цвет, выберите инструмент «заливка». Определите нужный цвет, используя соответствующие возможности программы. После того, как расцветка будет выбрана, выполните заливку фонового слоя. Чтобы отменить действие (в случае ошибки), нажмите сочетание клавиш «Ctrl+Z».

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

Совет добавлен 15 апреля 2011 Совет 2: Как менять фон в фотошопе Фотошоп восхищает начинающих пользователей огромным количеством открывающихся творческих возможностей, и многие мечтают научиться создавать красивые и необычные коллажи, работать в области фотомонтажа, и конечно, менять фоны на своих фотографиях и фотографиях своих друзей. При этом, реалистичная смена фона и аккуратное вырезание объекта с фона представляет для начинающих серьезную проблему, и решить ее вам поможет знание технологии извлечения фона из фотографии, создающей реалистичный и достоверный эффект, который вы получите в результате своей работы.

Инструкция

Откройте в Фотошопе фотографию с человеком, которого вы хотите поместить на новый фон, а также само фоновое изображенрие.

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

Создайте новый слой и скопируйте в него содержимое зеленого канала фотографии (apply image). В зависимости от того, какие тона преобладают в фотографии, и каков в ней баланс белого, проверьте, на каком канале изображение будет максимально контрастным (панель Channels).

Определив нужный канал, удалите все прочие каналы, сделав изображение серым. Для этого откройте меню Image и в меню режимов укажите Grayscale. Примените канал к будущей маске слоя, указав режим смешивания слоев Multiply.

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

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

Вставив фигуру на новый фон, вы можете столкнуться с слишком резким различием в балансе белого - в этом случае отредактируйте уровни и насыщенность цветов в Image>Adjustments>Hue/Saturation.

• как фотошопом изменить фон

Как менять фон в фотошопе - версия для печати

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

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

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

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

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

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

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

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

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

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

background-color:#XXXXXX; {

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

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

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

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

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

background-image: url(image URL);

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

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