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

Три способа сделать картинку полупрозрачной в Adobe Photoshop

Опубликовано: 08.10.2019Автор: Артём Чёрный

Полупрозрачное изображение может применять в самых разных сферах. Например, таковые картинки часто можно встретить на сайтах, в социальных сетях, при оформлении какого-либо дизайнерского продукта и т.д. Создать полупрозрачное изображение достаточно просто, если использовать специальные программы. В данном случае рассмотрим, как работать с Adobe Photoshop.

Содержание

1. Как сделать картинку полупрозрачной в Adobe Photoshop
2. Вариант 1: Изменение прозрачности для всего изображения
3. Вариант 2: Установка частичной прозрачности
4. Вариант 3: Градиентное наложение
5. Как сохранить готовую работу

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

Вариант 1: Изменение прозрачности для всего изображения

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

1. Загрузите в рабочий интерфейс программы нужную картинку. Вы можете работать с любым форматом, неважно, JPG или PNG. Загрузка может быть произведена с помощью обычного перетаскивания картинки в рабочую область. Также можно воспользоваться сочетанием клавиш Ctrl+O и указать программе путь до нужного изображения в «Проводнике».
2. Это изображение можно будет видеть на панели слоёв, что расположена в правой нижней части интерфейса программы. Оно по умолчанию помечено как фоновое и закрыто для редактирования (стоит иконка замка напротив названия). От вас требуется просто кликнуть два раза левой кнопкой мыши по этой иконке, чтобы получить доступ к редактированию этой картинки.
3. Теперь в графе «Непрозрачность» установите приемлемое значение. По умолчанию там стоит 100%, что означает, что картинка совсем непрозрачная. Если установить 0%, то её вообще не будет видно. Вам нужно подобрать нужный диапазон непрозрачности.
4. Теперь останется только сохранить изображение. О том, как это правильно сделать для прозрачных картинок написано в самом конце статьи.

Вариант 2: Установка частичной прозрачности

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

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

Сам же алгоритм действий выглядит следующим образом:

1. Загрузите нужное изображение и создайте дубликат его слоя, воспользовавшись сочетанием клавиш Ctrl+J. Работать будем с этим дубликатом.
2. Фоновый слой можно сделать невидимым, переключив отображение с помощью иконки глаза, что расположена в левой части слоя.
3. Теперь на сдублированном слое установите слой-маску с помощью иконки, что отмечена на скриншоте ниже.
4. Переключите на маску. Выберите инструмент «Кисть» в левой панели инструментов.
5. Обязательно установите чёрный цвет в качестве основного. Другие параметры, такие как размер кисти, непрозрачность, тип и т.д. Можно установить в верхней части интерфейса программы.
6. У самой кисти можно установить параметры непрозрачности. Для примера поставим там около 70%.
7. Теперь пройдитесь этой кистью по той части изображения, которую вам требуется сделать полупрозрачной.

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

1. У дублированного слоя изображения установите маску, как это было описано в инструкции выше.
2. В панели с инструментами выберите инструмент «Выделение прямоугольной области». Его расположена можно посмотреть на скриншоте ниже.
3. Выделите ту область, которая должна быть полупрозрачной.
4. Теперь выберите инструмент «Заливка».
5. Если в качестве основного цвета установить чисто чёрный, то часть изображения, находящаяся в зоне выделения, станет полностью невидимой. Рекомендуется выбрать в качестве основного цвета серый. Чем больше он приближен к чёрном по оттенку, тем более прозрачным будет залитая область.
6. Залейте выделенную область, просто нажав по ней левой кнопкой мыши.
7. Уберите выделение, воспользовавшись сочетанием клавиш Ctrl+D.

Вариант 3: Градиентное наложение

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

1. Как в предыдущей инструкции добавьте к слою с изображением маску.
2. В панели инструментов нажмите правой кнопкой мыши по инструменту «Заливка». Из небольшого меню выберите пункт «Градиент».
3. Сам градиент можно настроить с помощью функциональных инструментов, расположенных в верхней части интерфейса. Например, здесь вы можете задать шаблон наложения градиента, его стили. Стоит учитывать, что в режиме работы с масками доступны только варианты с чёрно-белым оформлением.
4. Теперь на изображении установите начальную и конечную точку градиента. После этого на маске нужная часть зальётся и станет полупрозрачной.

Читайте также:
Как в PowerPoint сделать фон картинки прозрачным — инструкция
Как создать и работать с альфа-каналами в Adobe Photoshop
Два способа выделить один цвет в Adobe Photoshop
Как создать водяной знак в Paint.NET: пошаговая инструкция

Как сохранить готовую работу

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

1. По завершению работы нажмите «Сохранить как». Этот пункт можно найти в контекстном меню при нажатии на кнопку «Файл».
2. В «Проводнике» обязательно выберите напротив графы «Тип файлов» PNG, PNS. Это универсальный типы файлов, которые можно использовать на веб-сайтах и которые сохраняют прозрачность изображения.
3. Задайте имя для файла и воспользуйтесь кнопкой «Сохранить».

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

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

Гость

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

Иван В.5

Всего 1 ответ.

Как сделать картинку полупрозрачной онлайн?

Sonchik3

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

Kerba­l1

Всего 3 ответа.

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

Необходимо в Photoshop cc наложить на одну картинку другую, но так чтобы сквозь нее было видно 1-й слой.
Как это сделать?никита гуро6

наложи одну картинку на другую и на верхней ПКМ – Blending Options > Opacityblack_climber2

Всего 2 ответа.

Есть ли хорошие (и бесплатные) графические редакторы для работы со слоями, кроме фотошопа?

Marina Stepanova2

Источник: rus-fotoshop. ru

GIMP – абсолютно бесплатный софт, есть версия как для линукса, так и для винды. Имеет основной базовый функционал фотошопа, но при этом у него гораздо более удобный и интуитивно понятный интерфейс. Работа со слоями, с прозрачностью/полупрозрачностью, рисование простыми кистями, штамп, каналы, маски, выделения, стёрка, пипетка, коррекция цветов, кривые, яркость/контраст, гистограммы, искажения изображения типа перспективы, поворота, отражения и т.п. всё это есть в гимпе, и, как мне кажется, благодаря интерфейсу работа в гимпе быстрее и приятнее, если сравнивать с фотошопом. Вообще, если я могу что-то сделать в гимпе, то я делаю это в гимпе, а не в фотошопе. Если честно, то в фотошопе я только гифки делаю – гимп как-то гифки в плохом качестве сохраняет, но всю предварительную работу с кадрами делаю все равно в гимпе. Ещё можно отметить возможность многооконного режима работы гимпа.

Roman Bikbaev4

Всего 3 ответа.

При копировании прозрачной картинки, например, из гугла, в Photoshop копируется с черным фоном.

При копировании прозрачной картинки, например, из гугла, в Photoshop копируется с черным фоном. Что необходимо сделать, чтоб копировалось с сохранением прозрачности?
Photoshop CS6Guest3

Режим наложения на Экран смени, или качай действительно с прозрачностью.

Гость1

Всего 1 ответ.

Вам также может понравиться

Как сделать изображение прозрачным в Photoshop: 3 простых шага [2023]

4 января 2023 г. 25 октября 2022 г. | Морган Оверхольт

(исходное фото Andrey_Popov/shutterstock.com)

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

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

В эту статью включены следующие темы:

• Инструмент непрозрачности Photoshop
• Как сделать изображение прозрачным (как настроить непрозрачность)
• Как изменить белый фон на прозрачный (как создать вырез)

Но сначала обратимся к слону в комнате.

Есть ли в Photoshop инструмент прозрачности?

Да, в Adobe Photoshop есть инструмент прозрачности. Он называется Инструмент непрозрачности , и его можно применять как к отдельным слоям, так и к отдельным стилям слоя.

Его можно найти как на панели слоев , так и в окне стилей слоя . Настройка указывается в процентах.

Значение 0% означает, что элемент полностью прозрачен. Значение 50% означает, что элемент на 50% прозрачен. А значение 100% означает, что элемент полностью непрозрачен.

(оригинальные фото Софии Журавец/shutterstock.com и Натыкач Наталии/shutterstock.com)

Как сделать картинку прозрачной?

Сделать картинку прозрачной или прозрачной в Photoshop проще простого. Вот шаги:

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

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

2. Затем щелкните раскрывающееся меню инструмента «Непрозрачность» (расположено в верхней части панели «Слои» ).

3. Наконец, переместите ползунок , чтобы изменить процент непрозрачности, или вручную введите новое значение (0% = прозрачный, 100% = непрозрачный).

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

(оригинальные фото Софии Журавец/shutterstock.com и Натыкач Наталии/shutterstock.com)

Как сделать белый фон прозрачным?

Далее поговорим о том, как удалить фон и создать вырезы в Photoshop.

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

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

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

(исходное фото Софии Журавец/shutterstock.com)

Способ 1: новый инструмент Photoshop «Выбрать тему» ​​ (простой)

В новейших версиях Photoshop (2019+) я рекомендую использовать инструмент «Выбрать тему» ​​ . Чтобы использовать инструмент Select Subject , просто выполните следующие действия:

1. Сначала щелкните миниатюру слоя, который вы хотите вырезать, на панели слоев .

2. Далее щелкните любым инструментом выделения на панели инструментов (Инструмент выбора объектов, Инструмент быстрого выбора или Инструмент «Волшебная палочка»)

3. Затем в верхнем меню нажмите Выбрать тему . Для достижения наилучших результатов выберите Cloud в раскрывающемся меню.

4. Далее нажмите Select and Mask .

5. Уточните свой выбор по вкусу на панели Selection Properties . Если вы имеете дело с объектами с тонкими краями, такими как волосы или мех, вам может пригодиться Refine Hair 9.вариант 0033. Нажмите OK , когда закончите.

6. Наконец, нажмите кнопку Добавить векторную маску на панели слоев .

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

(оригинальная иллюстрация Natykach Nataliia/shutterstock.com)

Метод 2: Инструмент «Перо» в Photoshop (расширенный)

Если инструмент «Выбрать тему» ​​ не дал желаемых результатов, можно выполнить вырезание вручную используя Инструмент «Перо»

. Тем не менее, я предупрежу: этот метод не предназначен для начинающих. Обычно требуется немного практики, чтобы правильно освоить этот инструмент. И я редко рекомендую пробовать Pen Tool на любом вырезе с мягкими краями, такими как волосы или мех.

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

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

Вот шаги:

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

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

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

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

5. Затем закройте путь и выберите (кнопка Command на Mac, кнопка Windows на ПК) новый путь на панели

Paths (Window > Paths).

6. Затем вернитесь на панель слоев и щелкните слой, который хотите вырезать.

7. Наконец, нажмите кнопку Добавить маску слоя .

Вот и все — готово!

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

Adobe Photoshop

— Как сделать изображение прозрачным?

спросил 12 лет, 6 месяцев назад

Изменено 12 лет, 5 месяцев назад

Просмотрено 23 тысячи раз

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

png . Я помню в Photoshop CS2 Был один хороший инструмент, который по умолчанию удалял белый цвет. В настоящее время я использую Photoshop CS4 . И я не могу найти этот инструмент. На самом деле я использую Photoshop после нескольких месяцев молчания. Может ли кто-нибудь помочь мне с этим? Мне нужен самый простой способ сделать это. Я не мастер фотошопа. Это должно быть легко для вас, ребята.

Заранее спасибо 🙂

• Adobe-Photoshop

1

Для прозрачности нужно

• Открыть JPEG
• Дважды щелкните фоновый слой, чтобы сделать его обычным слоем (я думаю, фоновые слои всегда имеют фоновый цвет)
• Используйте ластик или что-то еще, чтобы удалить ненужные части изображения. Чтобы убрать белый, я бы, наверное, попробовал использовать Wand или каналы или что-то в этом роде.
• Сохраните его в формате, поддерживающем прозрачность (например, PNG)

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

Сохраните файл для Интернета (в меню файлов), выберите GIF или PNG8 в качестве вывода. в таблице цветов выберите белый цвет и щелкните значок прозрачности внизу таблицы цветов.

Однако не работает с PNG24. Cmd + Shift + I) и используйте это как маску слоя для вашего базового слоя.

Формат JPEG не поддерживает прозрачность.

Необходимо использовать PNG или GIF.

3

Когда вы откроете файл JPEG в Photoshop, он будет одним фоновым слоем.

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