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

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

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

Рассмотрим инструкцию по замене фона в Фотошопе (версия 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 и повторять наши действия.

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

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

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

Но некоторые люди ничего кроме простого прямоугольника не выделяли. Поэтому пару советов нужно дать и таким людям. В 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 ), и место сохранения нашего файла. После этого нажимаем "Ок ".

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

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

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

Инструкция

  • За фон изображения в фотошопе отвечает такой элемент, как его первый слой. По умолчанию программа предлагает пользователю три варианта фона: белый, прозрачный, а также серый цвет. Эти параметры можно задать на стадии создания нового проекта, используя соответствующие функции приложения («Файл»-«Создать»). Как поменять цвет фона тогда, когда перед вами уже открыт PSD документ? Здесь все достаточно просто.
  • В первую очередь вам нужно найти тот слой, который был бы основным фоном вашего изображения. Данный слой обычно расположен в самом низу формы, отображающей общее количество слоев. Если фон будет заблокирован (иконка замка напротив фонового слоя), вам нужно разблокировать его для возможности внесения изменений.
  • Чтобы разблокировать слой, кликните на нем правой кнопкой мышки. Появится меню, в котором вы сможете найти пункт «Из заднего плана». Кликните по данному пункту. Теперь слой будет разблокирован и станет доступен для дальнейшей коррекции.
  • Если вам нужен прозрачный фон, вы можете воспользоваться таким инструментом, как «ластик». Выбрав его, установите большой диаметр курсора и сотрите все содержимое слоя (убедитесь, что выделен именно фоновый слой). Если же вы желаете изменить сам цвет, выберите инструмент «заливка». Определите нужный цвет, используя соответствующие возможности программы. После того, как расцветка будет выбрана, выполните заливку фонового слоя. Чтобы отменить действие (в случае ошибки), нажмите сочетание клавиш «Ctrl+Z».
  • Альтернативой заливке может стать инструмент «кисть». Выбрав данный инструмент, задайте нужный цвет и диаметр кисти, после чего, закрасьте старый фон.
  • Совет добавлен 15 апреля 2011 Совет 2: Как менять фон в фотошопе Фотошоп восхищает начинающих пользователей огромным количеством открывающихся творческих возможностей, и многие мечтают научиться создавать красивые и необычные коллажи, работать в области фотомонтажа, и конечно, менять фоны на своих фотографиях и фотографиях своих друзей. При этом, реалистичная смена фона и аккуратное вырезание объекта с фона представляет для начинающих серьезную проблему, и решить ее вам поможет знание технологии извлечения фона из фотографии, создающей реалистичный и достоверный эффект, который вы получите в результате своей работы.

    Инструкция

  • Откройте в Фотошопе фотографию с человеком, которого вы хотите поместить на новый фон, а также само фоновое изображенрие.
  • Продублируйте фоновый слой и снимите видимость с исходного слоя, нажав пиктограмму глаза около миниатюры слова. Вырезать человека с фона максимально аккуратно вам поможет быстрая маска слоя.
  • Создайте новый слой и скопируйте в него содержимое зеленого канала фотографии (apply image). В зависимости от того, какие тона преобладают в фотографии, и каков в ней баланс белого, проверьте, на каком канале изображение будет максимально контрастным (панель Channels).
  • Определив нужный канал, удалите все прочие каналы, сделав изображение серым. Для этого откройте меню Image и в меню режимов укажите Grayscale. Примените канал к будущей маске слоя, указав режим смешивания слоев Multiply.
  • Теперь возьмите кисть черного цвета и закрасьте человеку на фотографии лицо, чтобы после применения маски сохранить цвет кожи и естественность глаз. Сделайте слой с маской невидимым, а затем создайте маску слоя-дубликата бэкграунда.
  • Скопируйте туда созданную выше маску, инвертировав ее. Установите режим смешивания на Normal. Все, что вам останется - это выйти из режима маски и инвертировать изображение, чтобы можно было удалить ненужный фон, оставив вырезанную человеческую фигуру. Скопируйте ее и вставьте на новый фон в нужном месте.
  • Вставив фигуру на новый фон, вы можете столкнуться с слишком резким различием в балансе белого - в этом случае отредактируйте уровни и насыщенность цветов в Image>Adjustments>Hue/Saturation.
    • как фотошопом изменить фон
    Как менять фон в фотошопе - версия для печати

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