Как выбрать и переместить часть одного изображения в … — Сообщество поддержки Adobe

КАК ВЫБРАТЬ И ПЕРЕМЕСТИТЬ ЧАСТЬ ОДНОГО ИЗОБРАЖЕНИЯ НА ДРУГОЕ?

——————————

В этом коротком руководстве мы рассмотрим, как выбрать деталь одного изображения и переместите его на другое изображение. Для этого мы будем использовать инструмент Quick Selection Tool и функцию Refine Edge . В этом уроке я использую Photoshop CS6.

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

——————————

ШАГ 1. Откройте оба изображения в Photoshop.

——————————

ШАГ 2. Щелкните инструмент Quick Selection Tool в панель инструментов, как показано ниже.Если вместо этого вы видите инструмент Magic Wand, просто нажмите и удерживайте значок Magic Wand, и должно появиться подменю.

——————————

ШАГ 3. Используя инструмент быстрого выбора, щелкните и перетащите область первого изображения, которую вы хотите переместить во второе изображение.

* СОВЕТ * Если вы выбрали область, которую не хотите сохранять, используйте инструмент «Вычесть из выделения» в строке меню инструментов быстрого выбора.

——————————

ШАГ 4. Теперь мы собираемся уточнить наш выбор, чтобы он более плавно сливался с другим изображением. В строке меню выберите Выбрать> Уточнить край …

——————————

ШАГ 5. Используйте диалоговое окно «Уточнить край», чтобы отрегулировать край вашего выделения. Выбранные вами настройки будут зависеть от конкретного изображения, с которым вы работаете. Мое изображение включает несколько тонких участков волос, поэтому я проверил опцию Smart Radius и расширил радиус выделения с помощью ползунка радиуса.Я также изменил свой View Mode на Overlay, чтобы мне было легче увидеть свой выбор. Когда вы будете довольны своим выбором, нажмите «ОК».

——————————

ШАГ 6. Теперь, когда у меня есть выбор, я готов чтобы переместить мой объект на новую фотографию. Чтобы скопировать выделенный фрагмент, выберите « Правка»> «Копировать » в строке меню или просто нажмите «Ctrl-C» (Windows) или «Command-C» (Mac) на клавиатуре.

——————————

ШАГ 7. Теперь я могу перейти к фоновому изображению и вставить объект в сцену. Для этого откройте фоновое изображение и выберите Правка> Вставить в строке меню или нажмите «Ctrl-V» (Windows) или «Command-V» (Mac) на клавиатуре. Это создаст новый слой из выделения.

——————————

ШАГ 8. Мне нужно отрегулировать размещение и размер моего предмет. В строке меню выберите Edit> Free Transform или нажмите «Ctrl-T» (Windows) или «command-T» (Mac) на клавиатуре.

——————————

ШАГ 9. Перемещайте выделение по холсту, щелкая и перетаскивая в центре выделения. Измените размер выделения, щелкнув и перетащив один из углов ограничительной рамки, удерживая нажатой клавишу «Shift» на клавиатуре, чтобы ограничить размеры вашего выделения. Как только вы будете удовлетворены размещением вашего объекта на изображении, нажмите на галочку в строке меню преобразования (выделено ниже).

——————————

СДЕЛАНО! Теперь ваш выбор успешно помещен на новую фотографию!

——————————

ДОПОЛНИТЕЛЬНОЕ ОБУЧЕНИЕ

Редактировать контуры в Adobe Photoshop

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

Набор инструментов содержит три инструмента для добавления или удаления точек: инструмент «Перо», инструмент «Добавить точку привязки» и инструмент «Удалить точку привязки».

По умолчанию инструмент «Перо» меняется на инструмент «Добавить точку привязки», когда вы размещаете его над выбранным контуром, или на инструмент «Удалить точку привязки», когда вы размещаете его над точкой привязки.Вы должны выбрать «Автоматическое добавление / удаление» на панели параметров, чтобы инструмент «Перо» автоматически изменился на инструмент «Добавить точку привязки» или «Удалить точку привязки».

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

Как сделать фон прозрачным в Photoshop

Узнайте, как сделать фон прозрачным в Photoshop, и откройте для себя более быструю альтернативу в редакторе Shutterstock.

Есть много способов вырезать объект или удалить фон из изображения. Многие начинают с фотошопа. Два популярных метода маскирования в Photoshop используют инструменты выделения, такие как Magic Wand, Lasso, а также режим Select и Mask. Между тем, режим быстрой маски использует кисть для рисования фона.

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

Метод 1. Инструменты и маски выделения

Шаг 1. Использование инструмента Magic Wand Tool

Выберите инструмент Magic Wand Tool в окне «Инструменты».Начните с Допуск 20% в меню Опции .

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

Шаг 2. Используйте инструмент «Лассо» для точной настройки выделения

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

Существует три варианта инструмента «Лассо». Вы найдете их, нажав и удерживая лассо в меню «Инструменты»:

• Лассо — Щелкните и перетащите курсор, чтобы нарисовать выделение от руки.
• Polygonal Lasso — Создание многоугольной области выделения путем добавления точек к форме выделения.
• Магнитное лассо — Автоматическое добавление к выделению путем обводки области.

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

Шаг 3. Используйте панель «Выделение и маска» для уточнения выделения

Когда вы будете удовлетворены грубым выбором, нажмите кнопку Select and Mask в меню Options в верхней части экрана.Или нажмите Command + Option + R , чтобы открыть окно.

В разделе Global Refinements начните со следующих настроек для большого изображения с высоким разрешением:

• Smooth : 3
• Feather : .3px
• Shift Edge : -20

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

Если вы застряли, лучше всего нажать Отмена и исправить выбор вручную с помощью Magic Wand или Lasso, а затем вернуться в окно Select and Mask.

Шаг 4. Создайте маску слоя для удаления фона

В Output Settings внизу окна Select and Mask выберите Layer Mask из списка. Окно закроется, а слой с вашим объектом будет иметь маску, скрывающую фон.Затем вы можете активировать или деактивировать маску, щелкнув правой кнопкой мыши значок маски слоя в окне «Слои».

Метод 2: Быстрая маска

В этом методе используется инструмент Quick Mask в Photoshop. Это способ быстро создать маску с помощью кисти. Подобно рисованию на маске слоя, вы будете переключать цвета переднего плана, чтобы добавить или удалить из маски.

Активируйте быструю маску с помощью кнопки в нижней части окна «Инструменты».

Затем активируйте инструмент кисти (B) . В режиме быстрой маски на палитре отображаются только два цвета: черный, используемый для скрытия содержимого, и белый, используемый для отображения содержимого. Идея состоит в том, чтобы закрасить фон — ту часть, которую вы хотите удалить — черным цветом. Область, которую вы закрашиваете, станет красной.

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

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

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

Альтернативы удалению фона в Photoshop

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

• Powerpoint имеет инструмент под названием Remove Background , который запускает вас с выбора объекта переднего плана, замаскированного от фона. У вас также есть возможность добавлять или удалять определенные части.
• Бесплатные веб-сайты — Существует множество бесплатных приложений и веб-сайтов, которые позволяют пользователям вручную удалять фон. Хотя они могут быть простыми в использовании, к минусам относятся проблемы с надежностью и точностью, а также отсутствие безопасности системы.
• Shutterstock Editor — Средство удаления фона в редакторе позволяет легко вырезать формы и элементы из изображения. Со всеми другими инструментами дизайна в приложении вы можете создать профессиональный дизайн за половину шагов и с гораздо меньшими хлопотами.

Как удалить фон в редакторе

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

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

1. Найдите и выберите изображение
2. Используйте инструмент «Удалить фон»
3. Загрузите лицензионный образ

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

Просто нажмите на кнопку — Удалить и закрасьте фон. Это уберет фон. Чтобы настроить выделение, нажмите + Добавить и закрасьте объект, который хотите сохранить. Уменьшите размер кисти с помощью ползунка Размер кисти , чтобы получить более подробную информацию, или увеличьте его, чтобы блокировать большие участки за раз.

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

Теперь вы можете загрузить свое полностью лицензированное изображение с удаленным фоном, чтобы использовать его где угодно. Убедитесь, что вы сохранили его как PNG, чтобы сохранить прозрачность.

Для получения дополнительных уроков и техник продолжайте читать:

Обложка фонового изображения через FabrikaSimf , изображение кошелька через Creative Lab

Использование прозрачности и подложки в Photoshop Elements

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

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

При работе с файлами GIF или PNG ‑ 8 вы можете создать резкую прозрачность: все пиксели, которые прозрачны более чем на 50% в исходном изображении, полностью прозрачны в оптимизированном изображении, а все пиксели непрозрачны более чем на 50% в исходном изображении полностью непрозрачны в оптимизированном изображении. Используйте четкую прозрачность, если вы не знаете цвет фона веб-страницы или когда фон веб-страницы содержит текстуру или узор.Однако имейте в виду, что прозрачность с резкими краями может вызвать неровные края изображения.

Удалить фон в Photoshop быстро и легко

Если вам нужно удалить фон в Photoshop, вам повезло. Пользователи Photoshop имеют доступ ко многим различным методам удаления фона с изображения. Для простых фонов использование стандартного инструмента «волшебная палочка» для выделения и удаления фона вполне может быть более чем адекватным. Для более сложных фонов вы можете использовать инструмент «Ластик для фона».

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

Удаление фона, шаг 1. Откройте изображение

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

Теперь откроем его в Photoshop.

Удаление фона, шаг 2: Выберите средство удаления фона

Выберите инструмент «Ластик для фона» на панели инструментов Photoshop.Он может быть скрыт под инструментом «Ластик». Если это так, просто нажмите и удерживайте инструмент «Ластик», чтобы открыть его. Кроме того, вы можете нажать Shift + E , чтобы перебрать все инструменты ластика, чтобы добраться до Background Eraser. Если у вас был выбран инструмент «Ластик по умолчанию», дважды нажмите Shift + E , чтобы выбрать инструмент «Ластик для фона».

Удаление фона, шаг 3. Настройте параметры инструмента

На панели параметров инструмента в верхней части экрана выберите круглую жесткую кисть.Наиболее подходящий размер кисти зависит от изображения, над которым вы работаете. Используйте квадратную скобку ( [ или ] ) для быстрого изменения размера кисти.

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

Затем на панели параметров инструмента убедитесь, что для Выборка установлено значение Непрерывно (это первый из трех значков), Пределы от до Найдите края и Допуск имеет диапазон 20 -25% .

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

Удаление фона, шаг 4: начало удаления

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

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

Удаление фона, шаг 5: Выбор эффективного предела и настроек выборки

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

Для областей изображения переднего плана, которые имеют общие цвета с фоном (например, этот), вам может потребоваться отрегулировать Sampling и Limits . На этом изображении я переключился на выборку : как только опцию , установите мои Limits на Discontinguous и установите Tolerance на 5% .

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

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

Удаление фона, Шаг 6: Инструмент «Быстрая маска» или «Перо»

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

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

Вот готовый результат:

А вот наше изображение с новым фоном:

Удалите фон в Photoshop

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

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

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

Эта статья о том, как удалить фон в Photoshop, остается одной из наших самых популярных статей и была обновлена ​​в 2019 году для Adobe Photoshop 2020.Чтобы узнать больше о дизайне, прочтите «Системы дизайна» из журнала Smashing Magazine на SitePoint Premium.

Как выделить вставленное фото в фотошоп

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

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

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

У нас есть море.

И мы хотим, чтобы чайка парила над морем.

Подготовка

На этом этапе необходимо открыть исходные картинки и создать документ для их объединения.

1. Сначала откройте файл с изображением моря. Для этого нажмите сочетание клавиш Ctrl+O либо выполните команду Файл -> Открыть , в появившемся окне Проводника найдите файл с морем, щёлкните на нём и нажмите кнопку Открыть .

2. Точно так же откройте файл с чайкой.

3. Создайте новый документ размером 760×475 пикселей. Для этого нажмите сочетание клавиш Ctrl+N либо выполните команду Файл -> Создать , в полях Ширина и Высота задайте указанные значения и нажмите ОК .

4. Теперь в программе Photoshop у нас открыто три документа, перемещаться между которыми можно с помощью вкладок.

Перемещение

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

1. Перейдите к изображению с морем, щёлкнув на его заголовке.

2. Выделите всё изображение. Для этого либо выполните команду Выделение -> Все главного меню программы, либо просто нажмите сочетание клавиш Ctrl+A . В итоге картинка получит обрамление, означающее, что она выделена.

3. Скопируйте выделенное, нажав комбинацию клавиш Ctrl+C или в главном меню Photoshop выполнив команду Редактирование -> Копировать .

4. Перейдите к рабочему документу, щёлкнув кнопкой мыши на его заголовке.

5. Вставьте скопированный рисунок — или нажмите Ctrl+V , или выберите в главном меню пункт Редактирование -> Вставить .

6. Слой для нового материала программа создала автоматически. Переименуйте его в Море , на панели слоёв щёлкнув название слоя, введя новое имя и нажав Enter .

7. Аналогичным образом скопируйте и вставьте в рабочий документ изображение с чайкой: перейдите к картинке, щёлкнув на её заголовке, выделите всё изображение (Ctrl+A) , скопируйте его (Ctrl+C) , перейдите к рабочему документу и вставьте картинку (Ctrl+V) . Слой также создался автоматически, переименуйте его в Чайка .

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

Трансформация

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

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

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

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

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

3. Выделите слой с чайкой: убедитесь, что он является активным, и нажмите Ctrl+A .

4. В главном меню выполните команду Редактирование -> Свободная трансформация , либо нажмите комбинацию клавиш Ctrl+T .

5. Уменьшите размер картинки до приемлемого, обращая внимание на размер чайки — она должна гармонично вписываться в морской пейзаж. Для уменьшения тяните за появившиеся по углам рисунка прямоугольники. Чтобы размер менялся пропорционально, удерживайте при этом нажатой клавишу Shift .

6. Для завершения преобразования смените инструмент (например, выберите инструмент Перемещение ) и в окне с вопросом нажмите кнопку Применить .

Выделение и вырезание

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

Чтобы вырезать, сначала нужно выделить, и сделать это сложнее всего. Для выделения в Photoshop есть много инструментов: разного рода лассо, Быстрое выделение , Выделение фрагмента и т. д. У каждого есть своя узкая специализация и свои тонкости.

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

1. На палитре инструментов щёлкните значок Волшебная палочка .

2. Обратите внимание на панель параметров.

Число в поле Допуск отвечает за ширину выделяемого цветового спектра. Например, при нулевом значении Волшебная палочка выделит на картинке только те пиксели, которые по цвету идентичны выбранному. Если установлено значение 16, то инструмент выберет пиксели на 8 единиц темнее и на 8 единиц светлее выбранного. В нашем случае (фон хорошо контрастирует с чайкой) значение может быть равным даже 100, лишнего выделено всё равно не будет.

Кнопка делает границы выделенной области более гладкими, она должна быть нажата.

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

А вот кнопку лучше не нажимать, ведь тогда Волшебная палочка выделит область на всех слоях, а не только на одном.

3. Убедившись, что активен слой с чайкой, выбран инструмент Волшебная палочка, а предыдущие выделения отменены ( Выделение -> Отменить выделение ). Когда убедились, щёлкните на самой птице кнопкой мыши.

4. Она выделилась. Но нам нужно убрать не её, а всё вокруг, поэтому в главном меню выполните команду Выделение -> Инверсия , чтобы стало выделено всё, окружающее чайку.

5. Теперь просто удалите выделенное, нажав клавишу Delete . Над морем осталась одна чайка.

6. Выполните команду Выделение -> Отменить выделение .

7. Щёлкните на значке инструмента Перемещение и выделите слой с чайкой (Ctrl+A) .

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

Сохранение

Осталось самое главное — сохранить результат в файл. Экспортируйте получившуюся картинку в любимый формат с помощью команды Файл -> Экспортировать (подробнее мы уже говорили об этом в самом первом уроке). На случай, если вы вдруг в будущем захотите вернуться к правке картинки, сохраните её в формате .PSD .

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

Эта методика широко используется во всех видах фотомонтажа. К примеру, Вы видели рекламные плакаты с современными телевизорами высокой чёткости? На экранах телевизоров имеется какое-то красивое яркое изображение, в основном, это яркие картинки каких-либо спортивных или культурных мероприятий. Конечно, ни одна из этих фотографий не является натуральной, т.к. практически невозможно сделать качественный снимок телевизионного изображения. Так вот, эти картинки вставляются в экраны с помощью Photoshop. Сейчас мы и разберём, как это осуществляется на практике.

Я взял изображение телевизора из рекламной страницы интернет-магазина:

А вот изображение, которое должно появиться на экране телевизора:

Для начала выделим ту область, в которую необходимо вставить другое изображение.
Во-первых, открываем изображение-акцептор и создаём в нём выделенную область, в которой будет размещено второе изображение. Выбор используемых инструментов, конечно, будет зависеть от формы области, которую вы должны выделить. В моём случае выделение будет иметь простую четырёхугольную форму, так что я буду использовать инструмент «Прямолинейное Лассо» (Polygonal Lasso Tool), который по умолчанию расположен за стандартным лассо в панели инструментов:

Делается выделение примерно так:

Откройте второе изображение. т.е. то, которое Вы хотите вставить, и нажмите Ctrl+A для его полного выделения. Вокруг всего изображения появится рамка «марширующие муравьи»:

Теперь нажмите Ctrl+C для его копирования в буфер обмена.

Вставляем второе изображение в выделенную область

Сейчас нам не подойдёт стандартная комбинация Ctrl+V, она же Paste, т.к. нам нужно не просто вставить изображение, а вставить в заданную выделенную область. Мы пойдём другим путём.

Для вставки изображения в область в Photoshop CS6 имеется специальная команда «Вставить в» (Paste Into), открывается она через вкладку главного меню Редактирование –> Специальная вставка (Edit –> PasteSpecial):

Кроме того, запустить эту команду можно с помощью комбинации горячих клавиш Alt+Shift+Ctrl+V.

После применения команды «Вставить в» происходят три вещи:

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

Давайте посмотрим на панель слоёв, чтобы понять, что у нас получилось. Мы видим, что у меня теперь имеются два слоя – фоновый слой внизу, содержащий изображение телевизора, и новый слой «Слой 1», расположенный над ним, который содержит спортивное изображение. Мы также видим миниатюру слой-маски, отображающую созданную слой-маску. нам маску слоя, которая была создана. Белая область в центре миниатюры – это область выделения, т.е экран телевизора, а черная область вокруг белой – это то, что в выделение не входило:

И вот как выглядит теперь само изображение:

Заметьте, Photoshop даже создал перспективу для перенесённой картинки! Кстати, это относится только к версии CS6, ранние версии перспективу бы не создали, но, всё-таки давайте немного усилим эффект перспективы, для этого воспользуемся инструментом «Свободная трансформация», зажмём клавиши Shift+Ctrl+Alt и опустим вниз левый верхний угол. Т.к. клавиши зажаты, противоположный угол изображения будет двигаться в противоположную сторону:

По завершению трансформации нажмите Enter. Вот что получилось в итоге:

Ну и завершающий эффект, добавление к маске стиля слоя «Внутренняя тень» (Inner Shadow) для придания объёма изображению. Параметры стиля слоя Вы можете посмотреть в готовом файле PSD, выполненным по материалам этого урока, скачать который можно по ссылкам внизу страницы.

Вот что у нас получилось в итоге:

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

Начинающие пользователи часто задаются вопросом как вырезать и вставить объект в Фотошопе.

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

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

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

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

«Волшебная палочка» или «Magic Wand» — это один из простейших инструментов в Фотошопе. С её помощью можно быстро выделить часть и провести с ней ряд манипуляций.

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

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

• Откройте программу Photoshop и создайте новое полотно или откройте существующий рисунок с объектом с помощью программы;
• В левой части окна находиться панель базовых инструментов. Кликните на четвёртый элемент и в выпадающем списке выберите «Волшебную палочку», как показано ниже:

Рис. 2 – «Волшебная палочка»

• Палочка создает границы выделения, основываясь на оттенках объектов картинки. Вам нужно кликнуть курсором на нужный участок изображения, чтобы создалось выделение. Рекомендуем использовать Magic Wand для больших однотонных объектов, таких как небо, трава, горы и прочее;
• Выделим небо на следующем изображении. Для этого в инсургентах кликните на волшебную палочку и выберите мышкой любой участок неба. Вокруг части создастся следующий контур;

Рис.3 – выделение неба

• Часто Magic Wand не выбирает всю часть, и пользователи прекращают работу с инструментом. Этого делать не следует, ведь можно просто добавить отсутствующую область к общему выбору.
• Пока большая часть неба будет обведена контуром, поднесите курсор к другому его участку. Зажмите клавишу Shift и одновременно кликните на невыделенную область. Это позволит добавить её к нужной части. Получим следующий результат:

Рис.4 – установка границ объекта

Быстрое выделение (Quick Selection) – еще один базовый инструмент, пользоваться которым должен научиться каждый пользователь Фотошопа.

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

• Выберите инструмент, как показано на рисунке;

Рис.5 – выбор Quick Selection

• Теперь выполните выделение. Вам нужно зажать левую клавишу мышки и водить курсором внутри области, которую необходимо выбрать. Чтобы обозначить границы, рисуйте возле краёв. Таким образом, линия контура будет постепенно подвигаться к нужному вам краю.
• Чтобы отменить неудавшееся действие, нажмите на сочетание клавиш Ctrl+D и повторите попытку. На рисунке ниже указан пример постепенного выбора области цветка с помощью Quick Selection.

Рис. 6 – зарисовка быстрым выделением

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

Быстрая маска (Quick Mask) – это режим в Photoshop, с помощью которого можно выделить объект на фото. В чем же разница использования маски и стандартных описанных выше инструментов?

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

Суть Quick Mask: пользователь выделяет одну часть фото, а другая автоматически блокируется и работать с ней нельзя. Маской называют сам контур, который отделяет элемент от основного рисунка. Быстрая маска – это выделение, в котором выбранная часть будет иметь первоначальный цвет, а остальные области будут закрыты полупрозрачной пленкой.

Рис. 7 – пример маски в Фотошопе

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

Быстрая маска позволит выполнить точное выделение части картинки. Следуйте инструкции:

• Выберите инструмент Quick Mask на панели инструментов или просто нажмите на клавиатуре клавишу Q пока отрыто окно Фотошопа;

Рис.8 – клавиша для выбора Быстрой Маски

• В появившемся окне выберите тип кисти, её диаметр и другие параметры в зависимости от той области, которую вы будете закрашивать;
• Теперь просто зарисуйте ненужную часть картинки, оставляя только объект для вырезания и вставки. Маскированная область будет окрашиваться в красный цвет;
• Наносить маску нужно с выбранным на палитре чёрным цветом. Для удаления части маскированной области выберите белый цвет.

Рис. 9 – создание маски

С получившейся выделенной областью вы сможете сделать все что угодно. Фотошоп не будет распознавать фон, поэтому можно очень легко выделить объект. Используйте уже описанные выше инструменты «Быстрое выделение» или «Волшебная палочка» или кликните на сочетание клавиш Ctrl—A, выделяя все пространство (без маскированной области).

Рис.10 – выделение области

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

• Зайдите в режим работы с быстрой маской;
• Во вкладке Options (Опции) выберите Режим Радиального Градиента (Radial Gradient). На палитре цветов сделайте основной цвет чёрным, а фоновой – белым;
• Убедитесь, что параметр направления градиента установлен как «Foreground to Background», то есть от основных цветов к окрасу фона;
• Теперь создайте выделение. Задайте центр объекта и аккуратно направляйте курсор от центра к краям.

Рис.11 – выбор центра объекта

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

Рис.12 – вставка с сохранением градиента

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

Рис.13 – отображение Магнитного лассо в Фотошоп

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

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

Рис.14 – пример рисунка

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

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

Рис.15 – пример выбора границ с помощью Магнитного лассо

Для быстрого приближения или отдаления изображения нажимайте на Ctrl и + или Ctrl и – соответственно. Контур будет автоматически закрыт, когда последняя точка лассо соединится с первой. Затем кликните на первую точку, чтобы появился общий контур.

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

Рис.16 – удаление части фона, которая заходит на объект

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

Рис.17 – результат перемещения выделенной области

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

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

Рис.18 — перемещение объекта в пределах одной картинки

Если вы хотите перенести элемент на другую картинку, следует открыть её в новой вкладке программы. Кликните на «Файл» — «Новое полотно». Затем переместите изображение в окно Фотошопа. Вернитесь к первому проекту и скопируйте выделенный предмет с помощью сочетания клавиш Ctrl—C.Вставьте часть прошлого рисунка на новый, нажав на Ctrl—V.

Рис.19 – перемещение и вставка

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

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

Рис.20 – Сохранение работы в Photoshop

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

Тематические видеоролики:

Photoshop вырезать объект и вставить в другую картинку

Как вырезать и вставить объект в Фотошопе – 4 лучших способа

Как в Photoshop вырезать объект и вставить на другой фон

Как вырезать и вставить объект в Фотошопе – 4 лучших способа

Выделение сложного объекта в фотошопе

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

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

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

1) заходим в программу Photoshop, открываем картинку (фото) лошади, выбрав в верхнем меню «Файл» — «Открыть»;

2) в окошке «Слои», при стандартных настройках Photoshop оно расположено в правом нижнем углу, Вы увидите, что появился новый слой с миниатюрой открытой картинки. Данный слой должен быть выделен, как на рисунке, если он не выделен, кликните по нему 1 раз левой кнопкой мыши.

3) далее в левом боковом меню, снизу, нажимаем правой кнопкой мыши на значок «Быстрая маска»

4) после этого берем кисть любой, удобной формы, настраиваем ее «непрозрачность» и «нажим»  на 100% и обводим лошадь. При этом цвет кисти после нажатия на «Быструю маску» будет черным, таким образом обводя объект мы получим его выделение полупрозрачным красным слоем. Если где-то залезли за поля кистью, ее можно просто подтереть ластиком. Регулируйте (увеличивайте, уменьшайте) размеры кисти, чтобы более точно обвести все детали объекта. Такие вещи, как волосы, полупрозрачная пленка, крылья мухи и т.п. нужно обводить кистью с настройками нажима около 50%.

5) итак, у нас имеется объект, выделенный «Быстрой маской», это видно по полупрозрачному красному фону, теперь нажимаем правой кнопкой мыши на значок «Быстрой маски», как в п.3. После нажатия мы увидим, что у нас выделилось все вокруг объекта, т.е. все, что мы обводили кистью осталось не выделенным, а все вокруг выделилось — это видно на картинке по пунктирным линиям, охватывающим поля фото.

6) Теперь необходимо необходимо выделить сам объект, нужно перейти в режим выделения, для этого нажимаем правой кнопкой мыши на значок «Выделение», в левом меню сверху.

7) теперь наводим курсор на наш объект, нажимаем правую кнопку мыши и в появившемся меню выбираем «Инверсия выделенной области» и получаем выделенный нужный нам объект!

8) теперь объект, который мы обводили в режиме «Быстрой маски» выделен и мы его можем перетащить или вырезать на другой слой. Для того, чтобы вырезать объект на новый слой нужно как в п.7 навести курсор на объект, нажать правую кнопку мыши и в меню выбрать «Вырезать на новый слой».

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

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

Сложные выделения объектов в Photoshop

Большинство объектов на снимках довольно легко выделить с помощью Photoshop. Для этого предназначены такие инструменты, как Magic Wand (Волшебная палочка), Lasso (Лассо) и Pen (Перо). Но задача существенно усложняется, когда приходится выделять волосы. За много лет был наработан целый арсенал приемов, включая сложные методики работы с каналами, но все они разом стали неактуальными после появления в Photoshop CS5 обновленного инструмента Quick Selection (Быстрое выделение) с функцией Refine Edge (Уточнить край). Теперь это один из самых востребованных и полезных инструментов Photoshop.

Шаг 1

Откройте фотографию, на которой требуется выделить сложный объект (в данном случае это волосы девушки, на которые я специально направил вентилятор), и нажмите клавишу <W>, чтобы выбрать инструмент Quick Selection (Быстрое выделение).

Шаг 2

Принцип таков: пройдите указателем инструмента по контуру требуемой области, и она будет выделена. (Это напоминает инструмент Magic Wand (Волшебная палочка), только реализовано иначе.) Главное, что я усвоил, — все нужно делать быстро. Просто очертите внутренние контуры объекта, и все остальное инструмент сделает сам. В данном случае выделение получилось неплохим, хоть и не без проблем (осталась серая область между рукой слева и футболкой), но это не так уж страшно.

Если выделение захватывает лишние фрагменты, обведите их указателем инструмента, удерживая нажатой клавишу <Alt> (<Option>), и они будут исключены из выделения. Идеальной точности пока что не требуется.

Шаг 3

По опыту работы с инструментом Quick Selection (Быстрое выделе­ние) могу сказать, что он отлично справляется с задачей выделения объектов, а вот если нужно исклю­чить фрагмент выделения, то лучше переключиться на инструмент Magic Wand (Волшебная палочка) и один раз щелкнуть на проблемной области при нажатой клавише <Alt> (<Option>). В данном случае я именно так исключил серый просвет между рукой слева и футболкой. Все действительно делается одним щелчком.

Шаг 4

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

Я не стал выделять кончики волос (далее мы позволим программе самостоятельно выделить их, но сейчас не нужно доходить до конца). Кроме того, я сократил выделение там, где сквозь пряди начал просвечивать фон. Позже программа самостоятельно обработает эти области, а пока их следует избегать. Переключитесь обратно на инструмент Quick Selection (Быстрое выделение) и, удерживая нажатой клавишу <Alt> (<Option>), зарисуйте фрагменты, которые нужно исключить.

Шаг 5

Когда выделенная область будет должным образом подготовлена, пора задействовать наше самое главное оружие. Щелкните на кнопке Refine Edge (Уточн. край) на панели параметров и в открывшемся диалоговом окне выберите оптимальный режим просмотра. В качестве упражнения задайте вариант Black & White (Черно-белое), при котором выделенная область отображается в виде маски слоя. Как видите, сам по себе инструмент Quick Selection (Быстрое выделение) не до конца справился с задачей: края области получились резкими, а тонкие локоны и вовсе не выделены.

Но ничего страшного: сейчас мы все исправим.

Шаг 6

Установите флажок Smart Radius («Умный» радиус). (На изображении ничего не поменяется, но так и должно быть.) Данный флажок позволяет задействовать технологию обнаружения краев. Он настолько важен, что я никогда его не сбрасываю. Если хотите, чтобы флажок всегда был установлен в диалоговом окне Refine Edge (Уточнить край), установите флажок Remember Settings (Запомнить настройки) в нижней части окна. Теперь, опять-таки в качестве упражнения, перетащите ползунок Radius (Радиус) вправо (к отметке 250), и отдельные пряди волос окажутся выделенными (восхитительно, не правда ли?). При этом на изображении появятся фрагменты (например, рука справа), выделяемые с чрезмерным запасом. Эти области получатся прозрачными, что нежелательно, поэтому радиус не стоит увеличивать слишком сильно. Я просто хотел продемонстрировать, как работает алгоритм выделения.

Шаг 7

Перетаскивайте ползунок Radius (Радиус) влево, пока контур руки справа не станет снова четким.

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

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

Шаг 8

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

Необходимо сообщить программе, где именно находится проблемный участок, чтобы она смогла уточнить выделение в данной области. Для этого воспользуйтесь инструментом Refine Radius (Уточнить радиус), который вызывается нажатием клавиши <E>. Инструмент активен по умолчанию, так что просто зарисуйте указателем инструмента участки, сквозь которые просвечивает фон, и они будут обработаны тщательнее. В этом секрет выделения волос.

Шаг 9

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

Шаг 10

Я рекомендую не трогать ползунки группы Adjust Edge (Настройка края), так как на их корректную настройку уходит слишком много времени.

В нижней части окна есть флажок Decontaminate Colors (Очистить цвета), который позволяет немного приглушить цвета краевых пикселей. Если изображение будет переноситься на другой фон, края области выделения окажутся не так заметны. Под этим флажком находится раскрывающийся список Output To (Вывод в), в котором задается конечная цель: должен ли выделенный объект быть скопирован в новый документ, или в новый слой в текущем документе, или в новый слой со слоем-маской и т.п. Я всегда преобразую выделение в новый слой со слоем-маской, что позволяет мне с помощью инструмента Brush (Кисть) исправить пропущенные фрагменты. Именно этим нам и предстоит сейчас заняться, так что выберите вариант New Layer with Layer Mask (Новый слой со слоем-маской) и щелкните на кнопке ОК.

Шаг 11

После щелчка на кнопке ОК созданное выделение отобразится на прозрачном слое, а на панели Layers (Слои) появится миниатюра нового слоя с присоединенным слоем-маской. Все получилось как нельзя лучше: программа не захватила выбившихся волосков, но в то же время выделила все необходимое. Нам предстоит еще немного улучшить выделение, но сначала нужно проверить маску слоя и подкорректировать ее, прежде чем переносить изображение на другой фон (да, нас ожидает композиция слоев). Щелкните на миниатюре маски при нажатой клавише <Alt> (<Option>), чтобы отобразить только слой-маску.

Шаг 12

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

Это указывает на полупрозрачные области, что совершенно нежелательно для руки. Нажмите клавишу <B>, чтобы активизировать инструмент Brush (Кисть), задайте цвет переднего плана белым, выберите на панели параметров маленькую кисть с жесткими краями и зарисуйте серые участки вдоль контура (включая внутренний контур брюк), сделав их белыми. Затем нажмите клавишу <Х>, чтобы сделать цвет фона черным, и зарисуйте грязно­-серые участки с внешней стороны брюк, сделав их полностью черными. При зачистке сложных областей имеет смысл задать для кисти режим Overlay (Перекрытие). В таком случае, если кисть белого цвета, она не будет влиять на черные участки, и наоборот.

Шаг 13

Работа с маской на этом завершена, и ее можно применить на постоян­ной основе, поэтому щелкните на миниатюре слоя-маски на панели Layers (Слои) и перетащите ее на пиктограмму корзины в нижней части панели, чтобы удалить слой. Появится диалоговое окно с вопро­сом о том, нужно ли применить маску к слою перед удалением. Щелкните на кнопке Apply (Применить), и ми­ниатюра слоя исчезнет, а сама маска будет применена. Это немного упро­стит последующую работу со слоями.

Шаг 14

Теперь откройте фоновое изображе­ние, на которое будет перенесен вы­деленный объект.

Нажмите клави­шу <V> для выбора инструмента Move (Перемещение) и, удерживая нажатой клавишу <Shift>, перетащите выделение поверх фонового снимка.

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

Шаг 15

Сначала нужно избавиться от каймы. Для этого выполните команду Layers > Matting > Defringe (Слои > Обработка краев > Убрать кайму).

В появившемся диалоговом окне задайте ширину 1 (или 2, если фото­графия была сделана с высоким раз­решением) и щелкните на кнопке ОК. Кайма исчезла!

Шаг 16

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

Прием очень прост: на­жмите комбинацию клавиш <Ctrl+J>, чтобы продублировать слой с выделением. И все! Контуры слоя становятся более проработанными, и даже заполняются некоторые про­межутки в волосах. Если полученный эффект оказался чрезмерным, умень­шите непрозрачность нового слоя, пока все не нормализуется (в данном случае я уменьшил непрозрачность до 50%). После этого нажмите ком­бинацию клавиш <Ctrl+E>, чтобы объединить новый слой с ис­ходным слоем выделения. Теперь не­обходимо заняться цветокоррекцией, чтобы тона кожи девушки соответ­ствовали фону, на котором она якобы была сфотографирована.

Шаг 17

Нам нужно снова создать выделение вокруг слоя с девушкой. Для этого, удерживая нажатой клавишу <Ctrl>, щелкните на миниатюре слоя на панели Layers (Слои), чтобы преобразовать его в выделение. Затем добавьте новый слой, щелкнув на пиктограмме Create a New Layer (Создать новый слой) в нижней части панели. Теперь взгляните на изображение и задайтесь вопросом: «Какой цвет характерен для фона?»

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

Нажмите клавишу <I>, чтобы выбрать инструмент Eyedropper (Пипетка), и щелкните на зеленом участке фона, задав тем самым цвет переднего плана (на иллюстрации обведен фрагмент, на котором я щелкнул).

Шаг 18

Выполните заливку выделения зеленым цветом (на пустом слое), нажав комбинацию клавиш <Alt+Backspace>, после чего отмените выделение с помощью комбинации клавиш <Ctrl+D>.

Шаг 19

Чтобы задействовать зеленую область, необходимо: 1) поменять режим на­ложения с Normal (Обычные) на Color (Цветность), в результате чего слой перестанет быть сплошной заливкой, проявив лишь свой цвет; 2) умень­шить непрозрачность слоя до той от­метки, когда изображение девушки начнет выглядеть естественно, но при этом сохранит небольшой зеленый от­тенок, как если бы она была действи­тельно сфотографирована в данном месте. В нашем случае я уменьшил непрозрачность зеленого слоя до 35%, что позволило согласовать цвета (видно, что изображение девушки стало более приглушенным и приоб­рело нужный нам оттенок). Нажмите комбинацию клавиш <Ctrl+E>, чтобы объединить два верхних слоя. Последний шаг заключается в согла­совании тонов всего снимка.

Шаг 20

Нам необходимо добавить эффект по­вышенного контраста к изображению девушки, чтобы она не так выделялась на фоне (если бы фон не являлся HDR- снимком, я сначала применил бы эф­фект к фону и только потом — к изо­бражению девушки). Продублируйте верхний слой, поменяйте режим на­ложения на Vivid Light (Яркий свет) и выполните инверсию слоя, нажав комбинацию клавиш <Ctrl+I>. Теперь примените фильтр Surface Blur (Размытие по поверхности), задав параметр Radius (Радиус) равным 40 и параметр Threshold (Изогелия) — тоже равным 40. Скройте фоновый слой, щелкнув на значке глаза рядом с миниатюрой слоя, и нажмите ком­бинацию клавиш <Ctrl+Alt+Shift+E>, чтобы создать объединенный слой поверх стека слоев. Далее нажмите комбинацию клавиш <Ctrl+Shift+U>, чтобы обесцветить слой.

Удалите предыдущий слой Background сору 2 (Слой 0 копия 2) и поменяйте режим наложения верхнего слоя на Overlay (Перекрытие). Наконец, сде­лайте фоновый слой видимым, выполните сведение слоев, а затем воспользуйтесь фильтром Lens Correction (Коррекция дисторсии) для добавле­ния темной виньетки по краям.

Выделите участки изображения с помощью этого замечательного экшена Photoshop

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

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

Это простой процесс, но мы рассмотрим его …

01. Загрузите действие

Сначала загрузите действие здесь. Если вы организованы, поместите его в папку Photoshop Actions или просто запомните, куда вы его сохранили.

02. Откройте изображение в Photoshop.

. Теперь возьмите изображение с областью, которую вы хотите выделить в Photoshop.Используя инструмент MarQuee Tool (прямоугольный, эллиптический, на ваш выбор), выберите область, на которой вы хотите сфокусироваться. И помните, удерживая клавишу Shift, вы можете выбрать несколько областей.

03. Найдите это действие.

Перейдите в «Окно»> «Действия», чтобы убедиться, что панель «Действия» открыта. Теперь выберите раскрывающийся список на панели «Действия» и выберите «Загрузить действия». Перейдите к только что загруженному действию, выберите его и нажмите «Открыть». Теперь прокрутите вниз до папки Creative Bloq, откройте ее, выберите «Выделить» и нажмите «Воспроизвести выделение» в нижней части панели.

04. Играйте с непрозрачностью

Теперь ваше изображение будет выделено, но оно может быть слишком темным / светлым для ваших требований. Чтобы изменить непрозрачность, просто выберите новый слой на панели «Слои» и перетащите ползунок «Непрозрачность», чтобы добиться нужного вида. Вот и все!

Теперь читайте:

Есть действие, которым вы хотите поделиться? Просто отправьте его нам по адресу contact @ creativebloq.com с кратким объяснением того, что он делает, и мы сделаем все возможное, чтобы показать его!

Adobe Photoshop — Как добавить блики на фото продукта?

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

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

Идея состоит в том, чтобы использовать тот факт, что Emboss делает плоские участки серыми на 50%. Это идеально подходит. 50% серого является нейтральным, когда мы используем отфильтрованный слой с режимом наложения Hard Light Итак, измените отфильтрованный слой на режим наложения = Hard light.

Теперь пришло время обрезать внешние узоры.Инструмент быстрого выбора легко захватывает оригинальные диски. Инвертируйте выделение, перейдите к слою Emboss и нажмите DEL. Этот выбор требуется несколько раз. Полезно сохранить. Назовем его «Снаружи»

Внешняя очистка и режим Hard Light ON:

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

Верхний свет можно рассматривать как свечение снаружи дисков. Для этого

• создайте новый слой «Top Light» с режимом наложения Hard Light
• возьмите выделение «Снаружи» назад
• уменьшить до верхней половины изображения и
• заливка белым:

Удалите выделение, примените фильтрацию Gaussian Blur к слою Top Light. Белый цвет распространяется, и у вас есть блик, но он слишком большой.При необходимости отрегулируйте непрозрачность.

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

Применение теней / светлых участков в качестве смарт-фильтра в Photoshop

Шаг 1. Преобразование изображения в смарт-объект

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

Что такое , это смарт-фильтр? На самом деле это не что иное, как обычный фильтр в Photoshop, за исключением того, что он применяется не к обычному слою, а к смарт-объекту . Итак, отлично, но что такое смарт-объект? Смарт-объект можно рассматривать как прозрачный контейнер, в который помещается изображение.После того, как мы поместили изображение в контейнер, все, что мы делаем с ним, на самом деле выполняется не с изображением, а с его контейнером . Это все еще выглядит как , как будто мы вносим изменения в само изображение, но это не так. Меняется контейнер, а изображение внутри него остается невредимым.

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

Поскольку смарт-фильтры необходимо применять к смарт-объектам, первое, что нам нужно сделать, это преобразовать наше изображение в смарт-объект.Если мы посмотрим на панель Layers , мы увидим изображение, находящееся на фоновом слое:

Панель «Слои», отображающая фотографию на фоновом слое.

Чтобы преобразовать его в смарт-объект, щелкните маленький значок меню в правом верхнем углу панели «Слои»:

Щелкните значок меню панели «Слои».

Затем выберите Преобразовать в смарт-объект из меню:

Выбор «Преобразовать в смарт-объект».

Кажется, что с изображением в основной области документа ничего не произошло, но если мы снова посмотрим на панель «Слои», то увидим, что маленький значок смарт-объекта появился в правом нижнем углу эскиза предварительного просмотра слоя , сообщая нам, что слой был преобразован в смарт-объект.Также обратите внимание, что Photoshop переименовал слой (смарт-объект) с «Фон» на «Слой 0»:

Значок в правом нижнем углу эскиза предварительного просмотра сообщает нам, что это смарт-объект.

Шаг 2: Выберите настройку теней / светлых участков

Теперь, когда наш слой преобразован в смарт-объект, мы готовы применить тени / блики в качестве смарт-фильтра. Теперь, в этот момент вы можете задаться вопросом: «Подождите, как мы можем применить тени / светлые участки как Smart Filter , если это корректировка изображения , а не фильтр?» Это хороший вопрос, и вы правы, мы не найдем «Тени / Света» нигде в меню «Фильтр» Photoshop.Так как же тогда мы можем применить то, что не является фильтром, в качестве смарт-фильтра?

Как оказалось, Shadows / Highlights особенные. Это одна из немногих настроек изображения (вторая — тонирование HDR), которые Photoshop позволяет нам применять в качестве смарт-фильтра. Чтобы выбрать его, перейдите в меню Image в строке меню в верхней части экрана, выберите Adjustments , затем выберите Shadows / Highlights . Обратите внимание, что все настройки изображения в списке неактивны и недоступны, за исключением двух (тени / светлые участки и тонирование HDR):

Идем в Image> Adjustments> Shadows / Highlights.

Шаг 3. Выберите «Показать дополнительные параметры»

Откроется диалоговое окно «Тени / блики» с настройками по умолчанию. Опять же, здесь я довольно быстро рассмотрю эти параметры, поэтому, если вы еще не знакомы с тем, как работают тени / блики, обязательно прочитайте предыдущий урок, в котором я рассмотрю все детали.

Если в вашем диалоговом окне отображаются только два ползунка по умолчанию ( Shadows Amount и Highlights Amount ), выберите Show More Options , установив соответствующий флажок:

Выбор «Показать дополнительные параметры».

Это расширяет диалоговое окно до его полного размера и дает нам доступ к расширенным параметрам. Вверху находятся разделы Shadows и Highlights , каждый с тремя ползунками ( Amount , Tone и Radius ), за которыми следует раздел Adjustments с ползунками Color и Midtone , наряду с вариантами Black Clip и White Clip , все из которых мы рассмотрели ранее.Как и раньше, я использую Photoshop CC 2014, который включает некоторые незначительные изменения названий некоторых из этих параметров. Если вы используете более раннюю версию Photoshop, параметр «Тон» имеет имя Ширина тона , цвет — Коррекция цвета , а средний оттенок — Контрастность среднего тона . Помимо изменения названия, эти параметры по-прежнему работают одинаково во всех версиях:

Расширенное диалоговое окно «Тени / блики».

Краткое резюме: количество, тон и радиус

Вот краткое описание того, как работают три ползунка в разделах Тени и Света:

Количество: Регулировка «Тени / Света» заключается в осветлении теней и затемнении светлых участков, чтобы выделить больше деталей в этих областях.Ползунки «Количество» управляют степенью осветления, применяемой к теням (в разделе «Тени»), и степени затемнения, применяемого к светлым участкам (в разделе «Основные моменты»). Чем дальше мы перетаскиваем ползунок вправо, тем больше применяется осветление или затемнение.

Тон: В более ранних версиях Photoshop ползунок «Тон», известный как «Ширина оттенка», управляет диапазоном оттенков, которые следует рассматривать как тени или светлые участки. Ползунки Amount влияют только на тона, попадающие в эти диапазоны.В разделе «Тени» низкие значения тона ограничивают осветление только самыми темными областями. Увеличение значения «Тон» расширяет диапазон до средних тонов, а значения, превышающие 50% (настройка по умолчанию), позволяют сделать ярче даже более светлые тона изображения. Photoshop делает тени ярче, используя постепенный переход, при этом более темные тона становятся более яркими, чем более светлые тона.

В разделе «Основные моменты» тон работает так же, но в противоположном направлении. Значения низкого тона ограничивают действие ползунка «Сумма» только самыми светлыми областями.Увеличение значения Tone расширяет диапазон до средних тонов, тогда как значения Tone выше 50% позволят повлиять даже на более темные тона изображения. Как и в случае с тенями, Photoshop затемняет светлые участки, используя постепенный переход, при этом более светлые тона затемняются больше, чем более темные.

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

Я установлю для своих параметров тени те же значения, что и в прошлый раз, увеличив Amount до 40% , оставив Tone по умолчанию 50% и увеличив радиус примерно до 102 пикселей . Как мы вскоре увидим, применение теней / светлых участков в качестве интеллектуального фильтра означает, что нам не нужно беспокоиться о том, чтобы все было идеально, потому что мы всегда можем вернуться и изменить наши настройки позже:

Опции теней.

Вот мое изображение после осветления теней:

Теперь в более темных областях изображения видно больше деталей.

Затем я установлю для своих параметров Highlights те же значения, что и раньше, увеличив Amount до 20% , оставив Tone по умолчанию 50% и увеличив радиус Radius примерно до 91 пикселей :

Параметры основных моментов.

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

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

Краткое описание: Цвет и полутона

Два ползунка в разделе «Коррекция» помогают нам компенсировать проблемы, которые могли быть вызваны нашими настройками теней и светов. Ползунок Color (Коррекция цвета) можно использовать для увеличения или уменьшения общей насыщенности цвета в изображении, если оно теперь отличается от оригинала, в то время как ползунок Midtone (Midtone Contrast) может повысить контраст в полутонах, если изображение теперь выглядит слишком плоским.

Я увеличу значение Color до +30 и значение Midtone примерно до +19 . Параметры Black Clip и White Clip определяют процент ваших теней, которые будут обрезаны до чисто черного (Black Clip), и процент ваших светлых участков, которые будут обрезаны до чистого белого (White Clip). Если у вас нет особых причин для их изменения, вы можете оставить для этих параметров значения по умолчанию:

Параметры настройки.

Вот мой результат:

Скорректированная версия изображения.

Преимущества интеллектуального фильтра

Когда вы будете довольны своими настройками, нажмите OK , чтобы закрыть диалоговое окно и применить их к изображению:

Нажмите кнопку ОК.

И вот тут начинается самое интересное. До сих пор я делал все так же, как и раньше, когда применял тени / блики в качестве статической корректировки. Я сделал тени ярче, затем уменьшил яркость и закончил корректировкой цвета и средних тонов.Но на этот раз, когда я нажал «ОК», чтобы применить свои настройки к изображению, произошло нечто совсем другое. Вместо того, чтобы применяться непосредственно к изображению в качестве статической настройки, они были применены как смарт-фильтр.

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