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

Advertisement

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

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

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

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

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

Содержание

Быстрое выделение

Самые шустрые по части выделения инструменты «Фотошопа» делают это автоматически, требуя от пользователя лишь «ткнуть пальцем», что выделять.

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

как поменять фон на фотографии

«Волшебная палочка» (Magic Wand Tool) требует лишь указать ей «допустимые отклонения от взятого образца», задаваемые в окошке «Допуск» на панели настроек вверху, а нам остается только щелкать мышкой, добавляя к выделенной области или вычитая из нее, если выделено лишнее. Правда, нужно еще выбрать режим «Смежные пиксели» (Contiguous), не то палочка понавыделяет родственные цвета по всему изображению, а не только в указанных ей участках. Можно выбрать «Размер образца» и лучше, конечно, поставить галочку в чекбоксе «Сглаживание».

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

фотошоп поменять фон на фотографии

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

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

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

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

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

Цветовой диапазон

Начиная с версии SC3 в «Фотошопе» появляется альтернативная возможность выделения по цвету, реализуемая по команде «Цветовой диапазон» (Color Range) в меню «Выделение» (Select). Этот инструмент в принципе работает, как волшебная палочка, но несколько более продвинут. Образцы цвета здесь отбираются пипеткой либо на самом изображении, либо на уменьшенной его копии в диалоговом окне Color Range.

как заменить фон на фотографии

Если выделяемый фон пестрый, пользуясь палочкой, придется часто изменять допуск, и это бывает очень хлопотно, а в диалоговом окне «Цветовой диапазон» коррекция рассеивания за границей выделенной области легко выполняется с помощью ползунка «Разброс» (Fuzzinness), причем эффект проявляется прямо на глазах у изумленной публики на миниатюре изображения. Правда, для этого должен быть выбран режим «Выделенная область» под миниатюрой. Если мы имеем дело с выделением неоднородно окрашенных областей, это преимущество Color Range перед «волшебными средствами» особенно ощущается, когда приходится решать такие задачи, как поменять фон на фотографии.

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

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

style= «background:имя цвета» >…тег>

— указание цвета фона по имени.

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

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

Заголовок.

Параграф.

Жирный текст.

Обычный текст.

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

Заголовок.

Параграф.

Жирный текст.

Обычный текст.

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

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

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

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

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

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

«Ловкое» выделение

Для выделения объектов со сложными контурами предусмотрена группа из трех инструментов, собранных под кнопкой с миниатюрой угловатой петли, которая активируется при нажатии кнопки L (Lasso) на клавиатуре.

Обычное «Лассо» (Lasso Tool) «накидывается» на объект точно так же, как обводят контур инструментом «Карандаш «, и результат здесь во многом зависит от твердости и «ловкости» руки (и от выбранного значения растушевки, конечно).

«Магнитное лассо» (Magnetic Lasso Tool) со своим интеллектом может дать фору «чудодейственной палочке» и даже позволит обводить контур немного трясущейся рукой. Нужно только задать в настройках вверху ширину (width) полосы, в пределах которой инструменту предстоит определить границу выделяемой области, и он буквально будет прилипать к линии максимального отличия в яркости, цвете или контрасте. Кроме ширины зоны поиска, на панели настроек можно выбрать «Контрастность» (минимальный контраст для притяжения траектории магнитного лассо) и «Частоту автоматически вставляемых опорных точек».

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

Если хватает терпения и выдержки, можно выделять объекты, и даже со сложным профилем, с помощью «Прямолинейного» лассо (Polygonal Lasso Tool), но не плавно обводя контур, а «выщелкивая» его мышью от точки к точке, которые будут соединяться прямыми линиями. Твердость руки здесь уже не так важна, но если контур зигзагообразный, твердость характера не помешает.

Замкнуть контур можно, и не совмещая с начальной точкой, если подвести курсор достаточно близко (когда рядом появится кружочек) и щелкнуть или дважды кликнуть с нажатой клавишей Ctrl. Если линия «пошла вкось», можно последний отрезок удалить клавишей Delete (сколько угодно раз).

PicsArt

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

Приложение имеет невероятно быстрый рендеринг и функцию быстрого редактирования. Для этого используются шаблоны с готовыми настройками. Не нравится результат? Тогда используйте ручную настройку параметров. К сожалению, некоторые шаблоны предназначены только для премиум-аккаунтов. Но есть хорошая новость — можно пользоваться бесплатной версией в течение 3 дней.

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

Доступно для Android и iPhone.

Как заменить? – просто извлечь

С такими хирургическими операциями, как заменить фон на фотографии, на высоком профессиональном уровне справляется команда «Извлечь» (Extract) в меню «Фильтр» (Filter), а если у вас нет такого плагина, скачайте его, пригодится.

как убрать фон на фотографии

В роскошном диалоговом окне этого фильтра выбираем инструмент а-ля фломастер Edge Highlighter (Подсветка краев) в левом верхнем углу, задаем на панели справа толщину мазка (BrushSize), помня, что разделяющая граница должна оказаться внутри, и обводим объект. Затем берем «ведерко» (Fill Tool, сразу под фломастером) и щелкаем внутри контура, залив объект прозрачной краской и таким образом указав программе, что это и есть передний план, который нужно изолировать от фона. «Косяки» обводки (подсветки) можно стереть ластиком (Eraser).

Кого-нибудь, может, и обрадует возможность изменять цвет подсветки и заливки в секции Tool Options на панели инструментов.

Выбрав режим «умной» обводки Smart Highlighting, можно быстро и точно обвести контур, если граница объекта достаточно четкая, причем необходимая ширина обводки выбирается автоматически, независимо от ширины кисти-прицела.

Если область заливки содержит различные оттенки одного цвета, следует выбрать параметр Force Foreground (окраска объекта), затем взять слева вверху пипетку (Eyedropper) и щелкнуть внутри объекта для определения основного цвета или выбрать его в палитре цветов в окошке Color. После этого галочку Foreground нужно снять и, выбрав «ведерко», залить контур.

Инструменты Cleanup («Очистка краев») и EdgeTouchup («Обработка краев») используются для редактирования краев извлеченного объекта в режиме просмотра (Previw). Функция Smooth («Сглаживание») управляет плавностью контура.

Завершив с извлекаемым объектом все манипуляции, останется применить их, нажав OK, после чего вы убедитесь, что в решении таких проблем, как поменять фон на фотографии, фильтр Extract если не «впереди планеты всей», то в тройке-пятерке лидеров точно.

Тем не менее, было бы несправедливо обойти вниманием другие инструменты «Фотошопа», которые используются для выделения объектов или областей.

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

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

style= «color:имя цвета» >…тег> — указание цвета текста по имени.

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

И как обычно, чтобы изменить цвет текста на всей странице — достаточно указать атрибут style в теге

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

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

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

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

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

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

Выделение с помощью цветовых каналов

Цветовые каналы обычно используют для выделения объектов со сложным профилем, типа волос, меха, листвы деревьев и т. п. Для этого нужно перейти на вкладку «Каналы» в панели слоев (или вытащить ее из меню «Окно») и выбрать самый контрастный канал, каковым часто бывает синий.

Затем нужно сделать копию выбранного канала, перейти в меню «Изображение» и в списке «Коррекция» выбрать вариант обработки для максимального (вплоть до черного) затемнения объекта и посильного осветления фона. Для этого в зависимости от особенностей изображения можно использовать «Уровни», «Яркость»/»Контрастность» и, реже, «Кривые». Для разделения на черное и белое здесь будет уместна помощь соответствующих кистей (черной для черного и белой для белого цвета).

Добившись предельно возможного контраста границы, нужно кликнуть на копии канала с клавишей Ctrl, чтобы создать выделение, затем перейти в режим RGB на вкладку «Слои», встать на слой, инвертировать выделение и нажать: Ctrl + J. В результате выделенный объект окажется на новом слое и на совершенно прозрачном фоне.

Способ 1: Использование опции Opacity (Непрозрачность)

Выбор изображений

В первом способе мы прибегнем к помощи опции «Непрозрачность». Вот первое , которое я буду использовать в качестве примера:

Три способа смешивания двух изображений

А это второе :

Три способа смешивания двух изображений

Они уже открыты у меня в Photoshop. Посмотрите на панель слоёв, эти два изображения располагаются на отдельных слоях. Изображение с пляжем открыто в качестве фона, портрет девушки находится чуть выше.

Опция «Непрозрачность»

Данная опция расположена в правом верхнем углу панели «Слои». По умолчанию установлено значение 100%, это означает, что текущий выбранный слой «Layer 1» полностью блокирует своей непрозрачностью нижний слой.

Значение непрозрачности контролирует уровень прозрачности слоя. Это очень просто, снижая значение, мы делаем слой более прозрачным, позволяя изображениям, расположенных ниже, проявляться. Чем больше мы уменьшаем непрозрачность, тем больше верхнее изображение будет растворяться в нижнем. Я изменил значение непрозрачности от 100% до 75%.

Это означает, что мы смешиваем 75% непрозрачности изображения на верхнем слое с 25% непрозрачности изображения на нижнем слое. Мы видим, что изображение девушки начинает смешиваться с изображением пляжа.

Три способа смешивания двух изображений

Здесь, я захотел сделать девушку ещё менее заметной и уменьшил значение непрозрачности до 30%.

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

Три способа смешивания двух изображений

Способ 2: Режимы наложения

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

Три способа смешивания двух изображений

Портрет я буду смешивать с .

Три способа смешивания двух изображений

Снова посмотрите на панель слоёв, каждое изображение располагается на отдельном слое. Портрет находится на фоновом слое, а текстура над ним.

Опция «Режимы наложения»

Режимы наложения в Фотошоп – это разные способы взаимодействия слоёв друг с другом. Расположена данная опция в верхнем левом углу панели «Слои», прямо напротив опции «Непрозрачность». По умолчанию установлен режим Normal (Обычный), это означает, что верхний слой вообще не смешивается со слоями, расположенными под ним.

Кликните по раскрывающейся вкладке «Режимы наложения», чтобы открыть меню со множеством различных режимов. Мы не будем рассматривать их все, но более подробно вы можете прочитать о них в этом уроке: «Режимы наложения в Фотошоп». Сегодня мы будем использовать три самых популярных и часто используемых режимов смешивания: Multiply (Умножение), Screen (Экран) и Overlay (Перекрытие). Режим «Умножение» создаёт эффект затемнения, «Экран» придаёт эффект яркости, а «Перекрытие» смешивает два слоя, увеличивая общий контраст.

Три способа смешивания двух изображений

Результаты после применения режимов смешивания будут полностью зависеть от ваших изображений. В моём случае лучший результат получился с использованием режима наложения Soft Light (Мягкий свет).

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

Три способа смешивания двух изображений

Другой режим наложения, который отлично подходит для совмещения моих двух изображений – Divide (Разделить).

«Разделить» — один из менее известных и редко используемых режимов в Фотошоп. Но согласитесь, эффект действительно выглядит довольно крутым.

Три способа смешивания двух изображений

«Режимы наложения» и «Непрозрачность»

После того, как вы определились с режимом наложения, вы можете поиграть с непрозрачностью слоя, о чём я вам говорил в первом способе. Для слоя с текстурой я выбрал режим «Разделить» и непрозрачность уменьшил от 100% до 50%.

И вот результат:

Три способа смешивания двух изображений

Совет: циклическое переключение режимов смешивания с клавиатуры

Хочу дать вам полезный совет, который поможет ускорить рабочий процесс и облегчит работу с режимами смешивания. Вы можете переключаться между различными режимами смешивания в Фотошоп непосредственно с клавиатуры. Нажмите V, чтобы выбрать инструмент Move Tool (Перемещение). Затем нажмите и удерживайте Shift, и используйте клавиши плюс (+) и минус (-) для перемещения вверх и вниз по списку. Это позволит вам быстро попробовать различные режимы смешивания, чтобы найти тот, который подойдёт лучше всего.

Выделяем удаляя

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

как сделать фон на фотографии

Фон можно стереть и обычным «Ластиком»/Eraser Tool, если хватит выдержки терпеливо менять размер кисти, а также манипулировать ее жесткостью, непрозрачностью и нажимом.

«Волшебный ластик»/Magic Eraser Tool сходу удаляет с рисунка все участки одного цвета или близких к нему оттенков. Выглядит это, как заливка из ведерка с краской, только ластик-волшебник заливает «прозрачным цветом».

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

Несколько основных тезисов работы программы Фотошоп

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

Прежде чем приступать к наложению фото необходимо понимать следующее в работе Фотошопа:

  • В идеале используемые вами фото должны иметь одинаковое разрешение. Если одно фото имеет 300 dpi, а другое – 74 dpi, может потребоваться конвертация одного из них, дабы одно изображение соответствовало другому;
  • Старайтесь подбирать изображения с одинаковым источником света. Разумеется, вы можете самостоятельно создавать искусственные тени и световые блики, но в таком случае может быть сложно добиться естественности полученной в конечном итоге фотографии. Оптимальным будет найти схожее по специфике света фото;
  • Старайтесь чрезмерно не усложнять сам процесс наложения фотографий. Попытки добавления различных изогнутых элементов и другие схожие сложности часто приводят к тому, что конечный результат выглядит не реалистично.

Давайте подробно разберём шаги, позволяющие сделать коллаж из двух картинок в Photoshop.

«А чего приходил-то?»

Наверняка найдется пользователь, который, уяснив на основании изложенного выше, как выделить или стереть объект (область), все равно останется в недоумении: «Ну, выделил, ну стер, а как же все-таки фон поменять?»

Если неугодный фон выделен, он просто удаляется самой бескомпромиссной кнопкой на клавиатуре (Delete), ну а как подложить под вырезанный объект новый фон (заливку, картинку, текстуру и проч.), наверное, излишне объяснять пользователю, который хоть раз открывал «Фотошоп». Тем не менее, нетрудно и напомнить, что, подобрав для изолированного объекта изображение заднего плана (фона), нужно его «Открыть» (Ctrl + O) в «Фотошопе» и просто перетащить на него объект «из окна в окно». Можно сразу вставить фон в то же окно, если выбрать команду «Поместить» в «Меню» «Файл», только фон придется растянуть и передвинуть под объект на панели слоев.

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

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

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

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

background-image: url(image URL);

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

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

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

Скачать готовый фон

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

Я рекомендую вбивать в поисковик черные обои для рабочего стола или черные текстуры. Как правильно скачать? Щелкните по эскизу, чтобы он немного увеличился, а лишь затем сохраняйте. Только в этом случае вы получите большой размер.

Вот отличная подборка от Google — перейти и скачать . Но можете поискать подходящие варианты и в Яндексе.

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

Ну вот и все. Желаю вам успехов. И если вам понравилась эта статья – подписывайтесь на рассылку и узнавайте больше о работе с фотошопом . Пусть каждый день делает вас лучше.

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

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

Белый фон

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

Выделение объекта

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

Выделение с помощью цвета:

Идем — Select

(Выделение) —
Color Range
(Цветовой диапазон)

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

Ничего страшного, если выделились не все участки волос, как на картинке, мы исправим это позже. Теперь сгладим неровности изображения. Идем Select

(Выделение) —
Modify
Модификация — (Растушевка), значение ставим в зависимости от размера вашего изображения, чем больше изображение — тем больше будет значение.

Переходим к следующему шагу — созданию маски изображения.

Маска изображения

Маской в фотошопе называется специальный метод, позволяющий скрывать какую-то область изображения. Маски бывают двух видов Quick Mask

(Быстрая маска, применяется в основном для выделения) и
Layer Mask
(Маска слоя, с которой мы будем работать). Щелкните на слой с фоновым изображением, включите его (выделенный контур девушки должен остаться) и идем
Layer
(Слои) —
Layer Mask
(Маска слоя) —
Reveal Selection
(Показать выделенную область) или щелкаем по квадратику с кругом внутри на палитре слоев, как на иллюстрации ниже

В результате у вас должно получиться вот так:

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

Для работы с маской применяется кисточка (вызывается с помощью клавиши B

английская раскладка) белого и черного цвета (нажмите на клавишу D, чтобы установить по умолчанию черный и белый цвет на палитре), если вы рисуете белым цветом на маске слоя, то проявляется изображение, которое находится на верхнем слое, а если черным — на нижнем. Чтобы увидеть как выглядит наша маска слоя зажмите
alt
на клавиатуре и щелкните по пиктограмме маски слоя, у вас появится черно-белое изображение с контуром девушки (чтобы вернутся в исходное положение кликните еще раз по маске слоя с зажатым altом).

Режимы наложения

Прежде чем продолжить работу с маской слоя, необходимо поменять режим наложения слоя с фоном на Multiply

(Умножение).

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

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

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

Данный метод позволяет добиться очень хороших результатов, не оставляя никакого «палева».

Финальный результат:

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

И в любой момент вы можете подправить маску слоя, если при переносе девушки на новый фон, на волосах остается белая каемка.

Инструкция

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

Для успешной работы нам понадобятся Быстрая маска и Градиент, расположенные на панели инструментов. Разновидность выбираемого градиента будет зависеть от формы главного элемента фотографии. Например, при работе с портретом выбирать градиент два с лучами, расходящимися из центра, в нашем же случае будет использовать градиент номер 4, который даст нам плавный переход вдоль всего главного элемента.

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

Нажмите еще раз кнопку Быстрой маски, выйдя тем самым из ее режима. Сочетаниями клавиш CTRL + J скопируйте выделенную область на новый слой. Перейдите в меню по пунктам Image – Adjustments – Brightness/Contrast. Подвигайте ползунки, снижая яркость слоя, и повышая или понижая его контрастность. Все зависит только от того, какой вы хотели бы видеть будущую фотографию. Если при этом затемняются и области, которые вы хотели бы оставить светлыми, в этом нет ничего страшного. Включите на маску слоя и, чередуя белую и мягкие кисти, уберите или добавьте затемнение на нужный участок снимка.

А также о том, .

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

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

Вкратце принцип получения черного (или близкого к черному) фона можно сформулировать так: чтобы фон стал черным, нужно, чтобы снимаемый объект экспонировался нормально, а фон недоэкспонировался таким образом, чтобы не фиксироваться на сенсоре (или другом светочувствительном материале). Проще говоря, нужно освещать объект съемки, но не освещать фон.

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

Теперь, собственно, порядок действий:

Нужно определить экспозицию, при которой фон станет черным. Для этого устанавливаем режим М, выдержку, равную выдержке синхронизации (обычно 1/200 — 1/250 сек), ISO на минимум, затем подбираем диафрагму, чтобы полностью отсечь естественное освещение. У меня получилась диафрагма f/11, с некоторым запасом. Итак, параметры фотокамеры у меня получились следующие: ISO 100, f/11, 1/200 с. При этих значениях я гарантированно получаю черный фон.

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

Я использовал простую схему освещения с одним источником. Слева находится софтбокс, источником света в котором служит вспышка Canon 580 EX II, управляемая с помощью радиосинхронизатора. Очень важно расположить софтбокс как можно ближе к объекту съемки, чтобы не увеличивать без надобности мощность вспышки, а самое главное, снизить интенсивность переотражения света от стен на фон.

Теперь еще один очень важный момент: расстояние между фоном и объектом должно значительно превышать расстояние между объектом и источником света! Принцип простой — закон обратных квадратов. Кто не знает — прошу воспользоваться поиском по сайту. У меня расстояние от софтбокса до флакона составило примерно 30 см, а от флакона до фона (стены) — 2,5 метра. Вот вам небольшая тренировка для мозга: посчитайте, какая будет разница в освещенности между объектом и фоном?

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

Проще, конечно, получить черный фон, используя импульсные источники света, но и с постоянным светом это тоже возможно. Только работать желательно в затемненном помещении и тщательно контролировать распространение света.

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

Космические волосы

17. Скачайте . Поместите одно из них на холст, растеризуйте и разместите над слоем Color Balance. Затем установите как Clipping Mask:

18. Установите режим смешивания Lighten (Светлее), получится примерно такой эффект:

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

Снизьте непрозрачность до 60%. Теперь скопируйте этот слой и расположите изображение с космосом так, чтобы оно закрывало оставшуюся часть волос:

19. Используя второе изображение и ту же самую технику разнообразьте текстуру волос. Непрозрачность 70%, режим смешивания всё также Lighten:

20. Используйте Hue/Saturation (Цветовой тон/Насыщенность) (Вызывается горячей клавишей Ctrl+U) для того, чтобы повысить насыщенность космоса, если это требуется:

21. И ещё немного работы с волосами:

Отлично! Теперь займёмся доработкой деталей.

Использование навигатора

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

Как изменить размер картинки в «Фотошопе» в таком случае? Чтобы с документом стало возможно работать, нужно всего лишь уменьшить его масштаб до таких границ, чтобы инструменты свободного трансформирования были видны. Для этого перейдите в «Навигатор» и сдвиньте ползунок масштаба до нужной позиции. Сохраните изменения и вернитесь к трансформации.

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

Инструмент «Градиент»

Вы уже знаете, где он находится. Активируйте его и обратите внимание на настройки сверху:

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

  • Расположенные рядом несколько значков определяют его форму: она может быть радиальной, угловой, линейной, ромбовидной и т. д.
  • Попробуйте разные эффекты из раздела «Режим», среди которых есть затухание, мягкий свет, затемнение основы и пр.
  • Хотите, чтобы под градиентом виднелась исходная картинка? Поиграйте с непрозрачностью.

Для применения инструмента к выделенной зоне зажмите на одном из ее краев левую кнопку мыши и потяните с противоположную сторону.

Заливка или кисть?

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

О том как это сделать я писал в этой заметке:

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

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

Вот что было до:

Вот что стало после нажатия OK:

Остались не закрашенные места? Подкорректируйте их точечной восстанавливающей кистью малого диаметра.

Обводка

Вы хотите сделать рамку фотографии? Фотошоп предлагает простой вариант:

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

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

https://o.cscore.ru/

Вдохновения вам, друзья.

Возвращайтесь ко мне за новой порцией полезных знаний по фотошопу и не только.

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

Для того, чтобы сделать слой полностью одним цветом, я насчитал 5 возможных способов.

Бонус

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

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

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

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

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

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

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

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

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

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

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

Pixlr

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

В настройках можно выбирать интенсивность воздействия каждой функции и экспериментировать с цветом и оттенками. Есть возможность подобрать фразу для картинки. Получившийся результат можно сохранить в формате JPG или PNG. Количество опций постоянно растет благодаря активной работе программистов.

Доступно для Android и iPhone.

Over

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

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

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

Доступно для Android и iPhone.

Galaxy Overlay Photo

В Galaxy Overlay Photo вы можете настроить яркость, контрастность, добавить черно-белый фильтр и изменить чувствительность каждого фильтра. Есть настройка цветовой схемы для каждой картинки. Это позволяет даже менять цвет неба: например, сделать его розовым или темно-синим.

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

Доступно для Android и iPhone.

PhotoGrid

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

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

Доступно для Android и iPhone.

Photo Blender

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

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

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

Доступно для Android и iPhone.

Выключение света

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

Для этого снова войдите в магазин расширений и введите в поиске выключение света, после чего установите его.

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

Photo Lab

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

Для чего это приложение подходит лучше всего? Буквально для чего угодно. Оно дает пользователю возможность попробовать тысячи готовых фильтров, корректирующих инструментов, наложение одного фото на другое и десятки шаблонов. Есть автоматическое изменение фона и функция добавления текста на изображения.

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

Доступно для Android и iPhone.

Замена фона на белый

Ну и напоследок мы расскажем о том, как в «Фотошопе» заменить фон на белый. Белый фон для вашего изображение может быть назначен посредством нескольких объединённых друг с другом способов.

Самым простым способом является применение специального инструмента «Заливка» (клавиша G). Выберите через палитру необходимый вам цвет и нажмите на область, которую собираетесь закрасить. Этот способ не подойдет, если на переднем плане присутствует много мелких деталей. В этом случае вы вынуждены будете закрасить каждую часть в отдельности. На это может потребоваться немало драгоценного времени. Плюс ко всему, может остаться незакрашенная часть. В этом случае вы вынуждены будете закрашивать ее вручную с использованием такого инструмента, как «Кисть» (B) или «Ластик» (E).

Overlay

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

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

Доступно только для Android.

Фон для красивого портрета

8. На этом этапе мы будем работать с фоном. Для этого нам понадобятся любые кисти с брызгами (найти их можно ). Создайте слой выше текстуры бумаги и нанесите брызги:

9. Выделяем 2 верхних слоя, кликаем по ним правой кнопкой мыши и выбираем Create Clipping Mask:

Теперь добавляем ещё брызг разных цветов:

На этом закончим работу с фоном и перейдём к самому интересному.

Рейтинг
( 1 оценка, среднее 4 из 5 )
Понравилась статья? Поделиться с друзьями:
Добавить комментарий