Как сделать прозрачный фон в фотошопе. Фотошоп полупрозрачный фон


Прозрачность в Фотошопе 2018

cut-background-photoshop (9)Прозрачность Photoshop – одна из ключевых возможностей программы. Если вы только начинаете свое знакомство с этой программой, то данная статья позволит вам узнать, как сделать прозрачный фон на фотографии.

Этапы проведения работ.

Работа по созданию прозрачности в Photoshop включает в себя два основных этапа: создание нового прозрачного слоя в Photoshop и удаление ненужных участков изображения на основном слое.

1. Откройте исходную фотографию в программе Photoshop.cut-background-photoshop2. Выделите все изображение полностью с помощью сочетания клавиш Ctrl+O.cut-background-photoshop (2)3. Скопируйте снимок буфер обмена (Ctrl+C).

4. Создайте в Photoshop новый документ, открыв меню «Файл» – «Создать» или нажав сочетание клавиш Ctrl+N. В открывшемся диалоговом окне в графе «Содержимое фона» поставьте параметр «Прозрачный» и нажмите ОК. Откроется новый файл с фоном, состоящим из бело-серых квадратиков. Именно так обозначается полностью прозрачная область.cut-background-photoshop (3)cut-background-photoshop (4)5. В прозрачный фон вставьте скопированное изображение (Ctrl+V). Пустой фон будет полностью замещен скопированным изображением.cut-background-photoshop (5)6. Чтобы получить прозрачный фон и убрать ненужные участки, необходимо воспользоваться любым инструментом выделения, с помощью которого и будут вырезаны лишние области изображения. К таким инструментам относятся: «Прямоугольная область», «Овальная область», «Область (горизонтальная строка)», «Область (вертикальная строка)», «Лассо», «Прямолинейное лассо», «Магнитное лассо», «Быстрое выделение», «Волшебная палочка» или с помощью инструмента «Кисть» с включенной функцией «Маска». В данном случае использован инструмент «Быстрое выделение».cut-background-photoshop (6)7. Как только вы выделите необходимую область, подлежащую удалению, нажмите сочетание клавиш Ctrl+Delete.Как сделать прозрачный фон в ФотошопеНа заметку: чтобы подолгу не выделать фон, можно поступить наоборот: выделить необходимый объект, а затем открыть вкладку «Выделение» и выбрать «Инверсия». Область выделения поменяется местами с объектом и фоном, после чего также можно нажать Ctrl+Delete, чтобы удалить ненужные участки.

Готовое изображение сохраните на компьютер.

faytan.ru

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

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

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

Инструкция

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

Основа работы фотошопа – это его способность работать со слоями (layers). Аналогией слоев в фотошопе будет аккуратно сложенная стопка листов, где одни листы будут непрозрачны, другие будут прозрачны в каких-то местах, а в третьих будут отверстия. Таким образом при взгляде на стопку сверху мы получим комбинированное изображение из всех слоев, где через области прозрачности или отверстия будут видны нижние листы.

2Фотография загружается в фотошоп в виде одного слоя, полностью непрозрачного. В программе есть специальная панель, где можно увидеть всю стопку слоев. Вызывается и прячется она по нажатию клавиши F7, либо через меню Window-Layers (Окна-Слои). В панели слоев фотография отображается как Фон (Background). Это специальный самый нижний слой, который обладает некоторыми ограничениями. Работать на нем не нужно и непродуктивно, ведь под рукой всегда лучше иметь исходное изображение. Потому первым делом нужно кликнуть по этому слою правой кнопкой мыши и выбрать пункт Дублировать Слой (Duplicate Layer), задать новому слою имя и нажать Ок. Теперь можно скрыть фоновый слой, чтобы он не мешал, нажав на глазик рядом с превью слоя.

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

3Для того, чтобы работать со слоем, его нужно сначала выделить. Нужно просто кликнуть мышью по нужному слою в панели Слои. Он подсветится особым образом, так что всегда можно сказать какой слой в данный момент является рабочим. Теперь можно сделать фон прозрачным. Начинать нужно всегда с выделения той части фотографии, которую нужно оставить видимой. Если объект с четкими геометрическими границами, лучше всего подойдет инструмент Полигональное Лассо (Polygonal Lasso Tool). Этим инструментом нужно прокликать по углам объекта вдоль его границ, создавая замкнутую рамку выделения из прямых отрезков. Все, что окажется внутри границ выделения будет считаться объектом обработки для инструментов фотошопа, все, что останется снаружи рамки, будет игнорироваться. Теперь можно скопировать выделенную область с одного слоя на другой командой Ctrl+J или через контекстное меню правой кнопкой мыши «Скопировать на новый слой» (Layer via copy). В панели слоев появится новый слой со скопированной областью. Его содержимое можно посмотреть, выключив глазик просмотра нижнего слоя, и оставив просмотр только нового. Область вокруг объекта на этом новом слое будет заполнена шахматным рисунком из бело-серых квадратов. Так Фотошоп показывает область прозрачности. Теперь фото можно сохранить в формате png, который поддерживает прозрачность, либо назначить ему новый фон.

4Копировать или вырезать на новый слой – самый незамысловатый способ удалить фон, но и не слишком гибкий, ведь чтобы исправить ошибки нужно начинать все сначала. Есть и другой способ. В самом низу панели слоев есть ряд кнопок. Если нажать на третью справа, которая называется “Добавить слой маску» (Add layer mask), то к выделенному слою на панели Layers добавится белый прямоугольник. Это маска прозрачности слоя, она определяет что в слое будет видимым, что невидимым и что полупрозрачным. Работает она следующим образом: все, что закрашено на маске черным цветом – невидимо, что закрашено белым цветом – видимо полностью, и все, что закрашено оттенком серого будет видимо частично. Причем чем светлее серый, тем более прозрачной будет область, и чем темнее, тем более непрозрачным будет все закрашенное. Рисовать по маске можно любыми инструментами рисования фотошопа, но чаще всего рисуют кистью (brush) черного и белого цветов. Если создавать маску, когда на слое уже что-то выделено, то область выделения на маске будет залита белым, а все остальное – черным. Кликнув по иконке маски в панели Слои можно подправить ошибки выделения белой/черной кистью, что дает дополнительную гибкость в работе. Плюсом выступает и то, что выделение не будет сбрасываться всякий раз, когда вы решите выделить на фото что-то другое, а останется на маске. Также маска ничего по-настоящему не удаляет и не перекрашивает, только прячет, потому все изменения полностью обратимы.

5Обычно работают следующим образом. Инструментом выделения делают грубый трафарет объекта с фотографии, а затем его уточняют вручную с помощью маски, корректируя границы с помощью небольшой кисти с жесткостью 95%. Дополнительные опции для уточнения маски можно получить, если выделить маску в панели слоев и открыть панель Свойства (Properties) через меню Окна. В панели свойств маски можно задать общую прозрачность, размытость границ, а также открыть дополнительные опции, нажав на кнопку Выделение и Маска (Selection and Mask). В открывшемся окне можно задать «умный радиус», чтобы уточнить границы автоматически, что неплохо помогает в выделении волос. Так же настраивается растушевка, гладкость границ и их контрастность, можно отодвинуть границу выделения наружу или вовнутрь, и настроить каким образом вывести все эти изменения.

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

Как сделать прозрачный фон в фотошопеИсточник

omj.ru

Как сделать прозрачный фон картинки в фотошопе 3 разных способа.

Прозрачный фон изображения 3 интересных способа

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

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

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

Но лучшим решением будет подготовить изображение в Photoshop и сохранить в формате поддерживающим прозрачность фона.

В этом видео уроке подробно опишу 3 способа, а также, какие форматы поддерживают прозрачность.

Вырезание объекта в фотошопе

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

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

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

Вырезание объекта, выделение лассо

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

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

Основной предмет с высокой четкостью границ можно выделить обычным инструментом "Лассо", а нечеткие края - мягкой кистью в режиме "Быстрой маски" (Quick Mask - Клавиша Q), как показано на снимке ниже.

Выделение Быстрой маски Quick Mask

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

Добавление к выделению нечетких областей

А теперь, подробнее о другом способе выделения. Выделите основную часть изображения с четкими границами, затем нажмите - Select/Save Selection...

Save Selection Сохранить выделение

Снимите выделение и создайте новое, вокруг нечеткой области. Нажмите правой кнопкой мыши - Feather... (Растушевка...) Задайте необходимое значение. Как правило, нескольких пикселей будет достаточно.

Теперь, нажмите - Select/Load Selection... Выберите пункт - Add to Selection (добавить к выделению). Ваше прошлое выделение склеиться с новым, а разные степени размытия сохранятся.

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

Форматы поддерживающие прозрачный фон

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

Форматы поддерживающие прозрачный фон

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

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

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

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

Отсечение фона маской

Этот метод не требует использования программы Photoshop. Непосредственно в программе верстки CorelDRAW или Illustrator вы можете обрисовать предмет контуром, а затем скрыть все, что за его пределами.

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

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

Clipping Mask в Adobe Illustrator

Разместите изображение в редакторе Illustrator и обрисуйте контуром предмет. Затем выделите изображение и контур вместе и нажмите правой кнопкой мыши - Обтравочная маска (Make Clipping Mask). Часть изображения за пределами контура скроется.

Обтравочная маска Make Clipping Mask

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

PowerClip в CorelDRAW

В CorelDRAW есть такой же прием, однако работает он немного иначе. Также нужно обрисовать предмет контуром, а затем, выделить изображение и нажать - Effects/PowerClip/Place inside Frame.... Вместо указателя появится стрелка, которой нужно показать контур.

PowerClip

Контур в CorelDRAW также можно редактировать после создание маски.

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

3. Прозрачность режимом наложения

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

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

В Illustrator нужно открыть панель прозрачностей - Window/Transparency. А затем выбрать режим - Multiply (Умножение).

Прозрачность режимом наложения Multiply Умножение

В CorelDRAW возьмите инструмент - Transparency.

Инструмент Transparency

В панели параметров инструмента настройте так, как показано на скриншоте ниже:

Multiply в CorelDraw

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

Видео урок: прозрачный фон

Смотрите подробный видео урок, как сделать прозрачный фон в Adobe Photoshop, Illustrator, CorelDraw тремя разными способами:

expert-polygraphy.com


Смотрите также