Здравствуйте, уважаемые читатели моего блога. Сегодня мы снова будем постигать основы работы с программой фотошоп. Интересно, как бы вы выглядели, если бы цвет ваших волос или кожи был совсем иным? Я уже рассказывал о том, .
Сегодня я поведаю как изменить цвет слоя в фотошопе без лишних проблем. Не буду лишний раз упоминать и как с ними работать, ну расскажу я и о различными инструментами: магнитное лассо, волшебная палочка и так далее.
Все соответствующие статьи уже есть в моем блоге, и если вы случайно наткнулись на эту публикацию и хотите восполнить кое-какие пробелы, то без труда сможете узнать всю интересующую информацию из подготовленных заранее материалов.
Сегодня мы с вами быстренько пробежимся по основным инструментам, в конце вы сможете найти неплохую видео инструкцию, а на протяжении ближайших 5-7 минут встретитесь с морем скриншотов, которые помогут разобраться с тем, какие манипуляции будут необходимыми для того, чтобы поменять цвет картинки или ее участка.
Буду работать в Photoshop CC, но если у вас другая версия, то ничего страшного. Все функции простые. Софт установлен на русском. Кстати, если у вас англоязычная версия, могу порекомендовать также статью « ». Очень удобно, облегчает жизнь.
Коррекция цвета
Итак, я уже выделил объект, а точнее фон фотографии, и перенес его на новый слой при помощи сочетания клавиш Ctrl+J.
Теперь перехожу во вкладку «Изображение» — «Коррекция». Здесь очень много опций, которые помогут поменять оттенок: «Яркость/Контрастность», «Цветовой баланс», «Фотофильтр» и даже «Карта градиента». Вы можете попробовать каждый из них, чтобы на собственном опыте понять как работает тот или иной инструмент, выбрать интересный метод, который нравится конкретно вам.
Я воспользуюсь «Цветовой тон/Насыщенность».
Можно дергать за разные ползунки, добиваясь превосходного эффекта.
Как вы видите, отличия разительными не назовешь, зато не нужно морочить голову с подборкой, чтобы слои выглядели едино и профессионально, а объект не выделялся из общего фона.
Разительные изменения
Чтобы сделать фон совсем другого цвета, я воспользуюсь инструментом «Замена цвета» все в той же вкладке «Коррекция» (о том как нарисовать черный фон для Фотошопа — ).
После открытия диалогового окна, ваш курсор сменится. В нем будет спрятан инструмент пипетка. Просто щелкните по цвету, который хотите сменить. При помощи ползунка «Разброс» определите область, с которой собираетесь работать, а затем щелкните по плашке цвета над записью «Результат» или вновь поработайте с ползунками «Тон», «Насыщенность», «Яркость».
Я выбрал первый вариант. Кликнул на «Результат» и теперь выбираю оттенок и цвет на палитре, чтобы нежно голубой превратился в розовый.
Профессионально, быстро, легко
Самый на мой взгляд удачный инструмент для работы с цветами сложных объектов – кисть замена цвета. Долго удерживайте левую кнопку мыши на обычной кисти, пока не откроется дополнительное меню.
Теперь выберите оттенок, на который будете менять цвет слоя.
Осталось только закрасить необходимые участки, как вы можете заметить, все оттенки при этом сохранились. Очень быстро и удобно.
Можно перекрасить в любой подходящий вариант.
Видеоинструкция
Бонус
Еще один способ поменять цвет при помощи нового слоя мне не слишком импонирует, но предполагаю, что он может понравиться некоторым и уж точно когда-нибудь пригодится в будущем. Итак, создаю новый слой, а затем выбираю для него режим наложения «Цветовой тон».
Вот так должно получиться в итоге.
Теперь беру любой цвет, к примеру, желтый, инструмент «Заливка» и заливаю только что созданный слой.
Можете попробовать и другие режимы наложения. Не бойтесь экспериментировать.
При помощи ластика, можно вернуть девушке нормальный цвет лица.
Кстати, не забывайте, что многие профессионалы в качестве ластика используют . Все еще не умеете с ней работать? Тогда вам пригодится публикация, ссылку на которую я дал.
Ну а если вы захотите узнать максимум обо всех инструментах, которые есть в фотошопе, могу посоветовать курс Зинаиды Лукьяновой «Photoshop для начинающих в видеоформате ». Вам не придется ничего ждать. Всего несколько недель и вы будете знать все, что таит в себе эта программа.
До новых встреч и удачи.
Вы можете полностью настроить свой блог или сайт очень легко. В этой статье рассказывается, как просто поменять шрифт в заголовке и фоновое изображение страницы.
Блоггеры и владельцы сайтов обычно изменяют фон, чтобы сделать свой ресурс визуально более привлекательным для посетителей. Тем не менее фоновое изображение, которое добавляется неправильно, может запутать посетителя, и даже вызвать недоверие к вашему сайту или блогу и нежелание посещать его снова. Чтобы добавить фон правильно, важно использовать подходящие коды HTML.
Существует всего несколько простых при помощи которых вы можете изменить внешний вид вашего существующего сайта. Многие пользователи даже не предполагают, насколько это просто.
Как настроить шрифт
В первую очередь, вам придется добавить четыре мета-тега в любом месте после < head >. Вы можете просто скопировать обозначения, указанные ниже, и вставить их на свой ресурс, предварительно удалив пробелы.
Как настроить цвет фона
Откройте страницу в HTML вашего блога или сайта. При редактировании страницы в вы можете открыть ее в Dreamweaver, чтобы облегчить свою работу. Если ваш сайт создан посредством конструктора, некоторые сервисы позволяют изменять настройки HTML онлайн, зайдя на страницу «Дизайн» и выбрав вкладку «Редактировать HTML». В любом случае вы должны быть в состоянии получить доступ к HTML-кодам для вашего блога или сайта. Процесс настройки может сильно варьироваться в зависимости от того, какие услуги вам доступны и какой движок вы используете.
Не стоит пытаться искать отдельное изображение с другим цветом, если все, что вам нужно сделать, - это изменить цвет фона. Вместо этого вы можете просто отредактировать HTML и изменить существующий цвет на тот, который вы хотите сохранить.
Вы без проблем можете найти диаграмму цветов HTML в специализированных изданиях. Каждый цвет отображается в разметке в виде шестизначного кода. Например, белый фон обозначается как #FFFFFF.
Таким образом, найдите код цвета, который вы хотите видеть на своем сайте в качестве определяющего фон цвета. В разметке это будет выглядеть так:
background-color:#XXXXXX; {
После того как вы сохраните цвет фона в HTML, вы увидите, что внешний вид вашей страницы изменен.
Добавление фонового изображения
Выберите изображение, которое вы хотите добавить в качестве фона. Существует много сайтов, которые позволяют скачать такие фоны. Кроме того, вы можете использовать картинку, которая уже сохранена на компьютере.
Залейте изображение в Интернет. Многие позволяют загружать изображения бесплатно. Получите URL-ссылку на вашу фоновую картинку. Для этого вам нужно открыть изображение в своем браузере и скопировать URL.
Вставьте код для добавления изображения в качестве фона. В HTML он выглядит следующим образом:
background-image: url(image URL);
Вам нужно добавить код в том месте, где начинается тело страницы в HTML. Сохраните изменения после редактирования и загрузите ваш сайт. Вы сможете увидеть, что изображение полностью заменило цвет фона.
Однако помните, что слишком объемные картинки могут требовать очень много времени на загрузку, что будет неприятно для многих посетителей. По этой причине постарайтесь подбирать небольшие изображения для данной цели.
В этом уроке фотограф Tigz Rice покажет, поменять цвета на фотографии, имея в распоряжении исходник с простым белым фоном. Можете взять что-то из своих материалов или найти подходящее изображение на таких фотостоках, как iStock, Shutterstock или DepositPhotos. Также много полезного можно найти в этой статье . Лучше всего, когда одежда и аксессуары модели имеют простые цвета, как в нашем примере.
Один из самых значительных трендов дизайна в 2017 - использование контрастных цветов. Популярный фотосток Getty Images в своем отчете назвал это «всплеском цветов» (Color Surge). Его суть заключается в том, чтобы гармонично использовать участки цвета, выделяющиеся на фоне других, не перегружая при этом зрителя. Если интересно, вот гид по дизайнерским трендам 2017 .
Tigz продемонстрирует процесс извлечения изображения, чтобы можно было поменять фон, расскажет, как выбрать правильный цвет, контрастирующий с нарядом модели, а также как поменять цвета отдельных элементов для гармоничной композиции.
Шаг 1
Откройте выбранную фотографию в Photoshop. Прежде всего нам нужно отделить модель, чтобы можно было сменить фон на что-то более контрастное. Выполните грубое выделение фона при помощи инструмента Быстрое выделение (Quick Selection tool).
Примечание: После создания выделения необходимо добавить маску слоя.
Для более простой коррекции маски инвертируйте выделение, чтобы вместо фона включить в него модель. Просто нажмите Ctrl + Shift + I.
Шаг 2
Выберите пункт Выделение и маска (Select and Mask). Прежде всего нужно изменить режим просмотра на панели свойств.
Примечание: Познакомиться с работой панели «Выделение и маска» вы можете в этом видеоуроке .
Из выпадающего меню Вид (View) выберите На белом (On White). Установите Непрозрачность (Opacity) 100%, чтобы было легче видеть результат.
Примечание переводчика: модуль Выделение и маска доступна только для Photoshop CC и выше. Пользователи более старых версий могут воспользоваться инструментом Уточнить край (Refine Edge), кликнув по небольшой стрелке возле миниатюры в строке Вид (View).
Шаг 3
Если некоторые участки остались невыделенными, это можно исправить при помощи инструмента Быстрое выделение (Quick Selection tool).
Шаг 4
Затем нужно подчистить края нашей маски. Выберите инструмент Уточнить радиус (Refine Edge Brush) и закрасьте края вокруг волос, включив локоны, которые не удалось выделить сразу. Не забудьте об остальных участках.
Шаг 5
В секции Обнаружение краев (Edge Detection) поставьте галочку Умный радиус (Smart Radius). Это поможет выделить самые мелкие детали, особенно в прическе. Значение пункта Радиус будет варьироваться в зависимости от конкретного снимка - я использовала 5 px.
Шаг 6
Используйте слайдеры блока Настройка края (Global Refinements), чтобы откорректировать выделение. В моем случае это не понадобилось, но обычно пункты Сместить край (Shift Edge) и Контрастность (Contrast) могут пригодиться, если нужен более четкий и реалистичный вид прически.
Шаг 7
Когда выделение готово, кликните по выпадающему меню в секции Вывод (Output) и выберите Выделение (Selection), затем нажмите ОК.
Шаг 8
Вернитесь в основное окно Photoshop, кликните по иконке Новый корректирующий слой (New Adjustment Layer) в нижней части панели Слоев (Layers Panel) и выберите Цвет (Solid Color). Пока сделайте его белым - мы поменяем заливку позже, когда будем подбирать цветовую схему.
Нажатие на ОК подтвердит создание нового слоя с маской. Не забудьте инвертировать маску при помощи сочетания клавиш Ctrl + I.
Шаг 9
Теперь, когда наш фон скрыт при помощи маски, давайте подберем ему цвет. Воспользуемся для этого панелью Adobe Color Themes. Ее можно найти в меню Окно > Расширения > Adobe Color Themes (Window > Extensions > Adobe Color Themes).
Примечание переводчика: Если плагина нет в меню Расширения , можете скачать его с официального сайта Adobe или воспользоваться онлайн-сервисом.
Здесь можно увидеть доступные для использования цветовые схемы, созданные другими пользователями. Нам же нужна вкладка Создать (Create).
Шаг 10
Мы используем цвет одежды как основу нашей схемы. С активным инструментом Кисть (Brush tool), нажмите и держите клавишу Alt , а затем кликните по волосам, сделав этот цвет основным. Затем, в плагине Adobe Color Themes, кликните по средней иконке под цветовым колесом, чтобы сделать текущий активный цвет базовым.
Шаг 11
Затем кликните по выпадающему меню в верхней части панели и выберите Триады (Triads). Вместо того, чтобы напрямую сопоставлять комплементарные цвета, мы получим два дополнительных варианта, расположенных на одинаковом расстоянии, которые подойдут синему наряду модели.
Шаг 12
Теперь, когда у нас есть цветовая триада, давайте выберем один из цветов и дважды кликнем по нему, чтобы перенести в основную панель.
Шаг 13
Дважды кликните по слою Заливка цветом (Solid Color), открыв окно палитры цветов, затем кликните по основному цвету в нижней части панели инструментов. Нажмите ОК.
Шаг 14
Сейчас у нас очень интенсивный, сплошной цвет. Давайте немного заглушим его, изменив Режим наложения (Blending Mode) на Цветность (Color). Это также сделает тени видимыми.
Шаг 15
Если пойти дальше, можно повторить процесс, использовав третий цвет. Здесь в качестве акцента я выбрала красный цвет, а режим наложения поменяла на Цветовой тон (Hue). Благодаря этому цвет стал более мягкого персикового оттенка.
Прежде чем говорить о том, как заменить фон в "Фотошопе", хотелось бы объяснить, зачем это нужно. Так вот, это позволит перенести персонажа фотографии в любое место действия, соответствующее авторскому замыслу, - фантастическое или даже экзотическое. Делать это можно, используя арсенал инструментов всем известной программы Photoshop.
Выбор способа
Если вы не знаете, как заменить фон в "Фотошопе", то предлагаем вашему вниманию следующие способы: обвод вручную контуров фигуры при помощи инструментов из набора Lasso; автоматическое выделение фрагментов изображений при помощи инструментов Quick Selection и Magic Wand, создавая различными способами маски и тому подобное. Создавая комбинации функций вышеописанных инструментов тем или иным путем, в конце концов, вы начнете понимать, как заменить фон в "Фотошопе" - необходимый участок по контуру должен быть обрамлен мерцающим бордюром.
Чтобы поменять фон на цифровых изображениях, прежде всего, нужно, чтобы персонаж или предмет, не являющийся фоном, был отделен от, собственно, фонового - теперь ненужного - фрагмента изображения.
Теперь надо добиться, чтобы все прочие участки изображения стали прозрачными - тогда это место может занять другой фон.
Придаем слоям невидимость
Имея выделения, придаем слоям невидимость. Это является еще одним наглядным примером того, как заменить фон в "Фотошопе". Для этой цели нужно будет к слою добавить так называемую маску прозрачности. Вы увидите, как обведенный вами предмет остался видимым, а все, что выходило за пределы границ выделенного, стало невидимым - вместо изображений начал просвечиваться серо-белый квадратик технического фона.
Практика
В этом простом на первый взгляд примере того, как заменить фон в "Фотошопе" CS6, имеется подводный камень. Описанный выше порядок действий может работать в любом из слоев "Фотошопа", кроме слоя такого типа, как Background. Технически назначить маску прозрачности на данном слое вы никак не сможете. Чтобы увидеть, действительно ли это так, посмотрите внимательно на панель слоя, отрыть которую можно путем нажатия на клавишу F8.
Данный слой создается программой по умолчанию как базовый для цифровых изображений и отличается от других, собственно говоря, тем, что обладает существенным рядом ограничений. В том числе он не может изменить параметры прозрачности и сдвинуться со своего места.
Что же делать в таком случае? Снимать все эти ограничения, сделать слой обыкновенным. Для этого надо будет в контекстном меню, которое открывается путем нажатия левой кнопки мышки (если вы работаете в Windows) на строчке с названием слоя в список, выбрать пункт Layer from Background ("Создание слоя"). Также эта команда доступна через главное меню Layer>New>Layer from Background. Таким образом, слой Background будет заменен на обыкновенный.
Теперь все ограничения сняты, вы знаете, как заменить фон на фотографии в "Фотошопе", и спокойно можете проделать вышеописанный процесс назначения слою маски прозрачности самостоятельно.
Замена фона при помощи инструментов из набора Marquee
Далее мы расскажем вам о том, как заменить фон на фото в "Фотошопе" при помощи инструментов из набора Marquee. Для этого открываем файл с будущим фоном. Копируем изображения из него в буфер обмена путем выделения либо фрагмента картинки, используя инструменты из набора, либо просто выделив все поля изображений, выбрав пункт Select All / "Выделить все" в меню Selection (либо нажав сочетание клавиш Ctrl+A). После выделения помещаем выбранный фрагмент в буфер обмена, нажав Ctrl+C или выбрав пункт Copy в меню Edit ("Редактирование"). Теперь возвращаемся к исходным фотографиям и вставляем содержимое буфера: наш новый фон. Осуществляется эта операция путем нажатия сочетания клавиш Ctrl+V или найдя пункт Paste в меню Edit (Редактирование).
В вашей композиции появится новый слой, который и будет содержать фоновое изображение. Если не знать, как заменить задний фон в "Фотошопе", то может случиться так, что новый слой после вставки будет располагаться ниже исходного прозрачного слоя и полностью или частично перекрывать последний. Само собой, это неправильно, и для того чтобы навести порядок, переходим в панель слоев и меняем местами, просто перетаскивая мышкой строки с именами слоев, чтобы фоновый оказался выше, а слой с персонажем - ниже.
Устанавливаем размер изображения
Очень часто бывает так, чтобы два изображения не совпадают по размеру. Вставленный фон должен быть либо несколько меньше нужного размера, либо, напротив, громоздким относительно первоначального изображения персонажа. Меняем геометрический размер, нажав сочетание клавиш Ctrl+T и выбрав в списке на панели слоев необходимый слой. После чего по краям слоя появится небольшой квадратный указатель, сдвигая который, можно поменять местоположение и размеры слоя, постепенно добиваясь гармоничного расположения персонажей и фона. Закончив процесс преобразования, нажимаем клавишу Enter, тем самым подтверждая окончательный выбор нужного размера.
Меняем цвет
Далее необходимо будет осуществить еще одну довольно непростую операцию. Обе фотографии, составляющие теперь одну композицию, делались, само собой, при разном освещении, на разную аппаратуру и так далее, следовательно, и цвет у них тоже будет разным. Одно изображение может быть разительно темнее или светлее другого, фотографии могут сильно различаться по цветовым оттенкам - одно может быть, к примеру, синее, другое - желтее. Все это будет обязательно бросаться в глаза зрителям, и если вы не добиваетесь эффекта неестественности коллажей специально, то придется потрудиться. По этой причине считаем необходимым рассказать о том, как заменить цвет фона в "Фотошопе". Для этого нужно будет последовательно создавать корректирующий слой, полностью или частично изменять цвет и яркость каждого изображения, спустя некоторое время вы сумеете добиться их правильного соотношения.
Кстати говоря, на степень неестественности совмещения очень часто оказывает влияние небрежно созданная маска прозрачности главного слоя. По его контурам может «светиться» остаток старого фона, а мелкие и тонкие детали, к примеру, складки одежды или волосы, напротив, грубо обрезаются, создавая ощущение «ампутации». Все это можно исправить - маску прозрачности в любой момент вполсе реально дорисовать и изменить.
Дополнительные элементы
Само собой разумеется, что в композицию могут быть добавлены еще элементы, располагаться они могут и как дополнительные детали фона - выше основного слоя изображения, и добавляться на передний план в качестве деталей антуража. Если что-то не влезает или, наоборот, остается слишком много лишнего места, вам потребуется поменять размер и пропорцию рабочего поля - это делается легко и просто через главное меню Image>Canvas Size.
Замена фона на белый
Ну и напоследок мы расскажем о том, как в "Фотошопе" заменить фон на белый.
Белый фон для вашего изображение может быть назначен посредством нескольких объединённых друг с другом способов.
Самым простым способом является применение специального инструмента "Заливка" (клавиша G). Выберите через палитру необходимый вам цвет и нажмите на область, которую собираетесь закрасить. Этот способ не подойдет, если на переднем плане присутствует много мелких деталей. В этом случае вы вынуждены будете закрасить каждую часть в отдельности. На это может потребоваться немало драгоценного времени. Плюс ко всему, может остаться незакрашенная часть. В этом случае вы вынуждены будете закрашивать ее вручную с использованием такого инструмента, как "Кисть" (B) или "Ластик" (E).
Заключение
Теперь вы знаете, как заменить фон на фотографии в "Фотошопе".Если у вас не получается самостоятельно выполнить какие-либо операции, советуем перечитать наш урок еще раз. Существуют даже учебники, которые помогут освоить программу на профессиональном уровне. Для простоты освоения можно русифицировать программу с помощью специальных языковых пакетов. Дополнительное ПО можно найти на официальном сайте.
29454 ,П
ри редактировании изображений в Photoshop нередко возникает необходимость изменить цвет какого-нибудь объекта или его части, причем сделать это так, чтобы он в точности сохранил свою текстуру, тень, эффекты перехода и прочие атрибуты. По вполне понятным причинам простое перекрашивание кистью здесь неприменимо, такой способ допустим только при работе с однотонными объектами.
При замене цвета текстурированных или неоднородных по цвету объектов без использования дополнительных инструментов не обойтись. Итак, как заменить цвет объекта в Photoshop.
Замена цвета с изменением режима наложения слоёв
Самый простой способ заменить цвет в Photoshop заключается в использовании режима наложения . Мы сейчас не будем разбирать как именно работает взаимодействие цветов при использовании разных режимов, лучше сразу приступим к делу. В нашем примере мы будем менять цвет внутреннего круга рисованной шестерёнки. Сейчас он имеет голубой цвет, мы же хотим, чтобы он стал красным и при этом сохранил все свои градиенты и эффекты.
Откройте изображения в Photoshop, создайте новый слой и измените его режим наложения на .
Выберите в палитре нужный цвет и начинайте рисовать обычной кистью прямо поверх объекта. Не слишком ли просто?
Да, если близлежащие к редактируемому объекту области имеют черный, белый или серый (любых градаций) цвет. Во всех остальных случаях перекрашиваемую область потребуется сначала выделить лассо, волшебной палочкой или применив маску.
Замена цвета путём цветокоррекции
Этот способ больше подходит для замены цвета объектов, имеющих более или менее однородный тон, например, одежды, цветка, кузова автомобиля и т.п. Откройте изображение в Photoshop и выберите в меню Изображение -> Коррекция -> .
В открывшемся окошке возьмите пипетку и кликните ею по цвету, который предполагается заменить, после чего он тут же появится в верхней части окна.
Затем кликните по квадратику с цветом (Результат) в нижней части диалогового окна и в открывшейся палитре выберите нужный цвет.
Изменения можно просматривать в режиме реального времени. Для более точного определения перекрашиваемого объекта можно использовать опцию разброс и пипетки «+» и «-» , позволяющие добавлять и убирать смежные области.
Замена цвета с помощью специальной кисти
В последних версиях Photoshop имеется специальная кисть, позволяющая заменять выбранный цвет, в том числе нейтральный, любым другим. Находится она в той же группе инструментов, что и обычная кисть. Суть её работы заключается в замене цвета смежных пикселей, погрешность которых определяет сам пользователь. Так, при допуске 1 процент будет заменён только один конкретный цвет, который попадёт в фокус кисти.
При допуске 30 процентов кисть заменит цвет не только тех пикселей, которые окажутся в её фокусе, но и сопредельных, имеющих сходный цветовой оттенок. При 100-процентном допуске заменены будут все цвета. Основная трудность при работе с кистью «Замена цвета» в том, что подбирать допуск пользователю приходится опытным путём. Как на наш взгляд, 14-17 процентов для начала вполне хватит, при необходимости этот порог всегда можно поднять.
