Как сделать прозрачный фон картинки в Фотошопе (Adobe Photoshop): ТОП-4 Способа | 2019

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

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

Содержание:

Кратко о возможных вариантах

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

  1. “Волшебная палочка”

  2. “Магнитное лассо”

  3. “Быстрое выделение” (если фон картинки разноцветный)

  4. “Быстрая маска” (если разноцветный)

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

back to menu ↑

Способ №1 “Волшебная палочка”

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

Вот что нужно сделать:

1

Откройте изображение в Фотошоп. Картинки с непрозрачным фоном обычно имеют формат Jpg, и у них фоновый слой недоступен для редактирования. Чтобы его разблокировать в правом нижнем углу выберите раздел Слои и кликните по замочку в строке Слой 0 (Layer 0)

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

2

Теперь активируйте инструмент Волшебная палочка (Magic wand). Если его никак не найти, то кликаем правой кнопкой по инструменту Быстрое выделение, и в ниспадающем меню появится нужная нам палочка

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

3

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

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

4

Теперь ненужный задний слой необходимо удалить (нажмите на клавиатуре клавишу Delete). То что задник стал невидимым понятно по открывшемуся полю из бело-серых шашек. Можно сразу вставить объект в другой бэкграунд (копируем и вставляем с помощью сочетания горячих клавиш Ctrl+C и Ctrl+V)

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

5

Для того чтобы прозрачный бэкграунд не превратился в белый во время сохранения выберите формат GIF либо PNG. В меню Файл нужно будет выбрать функцию Сохранить как, тогда будет доступен выбор формата сохраняемого изображения. Если сохранять в Jpg, то все до одной картинки будут непрозрачными. Поддерживается получившийся формат всеми браузерами, поэтому можно сразу загружать работу на web-сайт

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

6

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

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

Теперь перейдем к работе с Лассо. 

back to menu ↑

Способ №2 “Лассо”

У инструмента есть три разновидности.

  • Обычное “Лассо” стоит применять только если у вас графический планшет либо твердая рука. Выделять границу объекта вместе со всеми неровностями придется самостоятельно, без помощи программы
  • “Прямолинейное лассо” подойдет только для объекта, состоящего из прямых линий
  • “Магнитное лассо” является самым удобным вариантом и подойдет неопытным пользователям. Им и будем работать

Вот что нужно сделать:

1

Откройте изображение в Фотошопе. В правом нижем углу кликните по окну Слои, а затем по иконке замка в строке Слои 0. Если он исчез, то это сигнализирует о допуске к работе

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

2

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

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

3

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

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

4

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

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

5

Теперь в верхнем меню кликните по разделу Выделение, а в ниспадающем меню выберите функцию Инверсия

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

6

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

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

7

Останется только удалить ее кнопкой Del. Не забудьте сохранить получившуюся картинку как PNG или GIF-изображение. Если нужно, то сразу используем Ctrl+C и вставляем скопированное изображение в новый фон

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

Разобранные способы хороши для одноцветного бэкграунда, но что делать, если он контрастный? 

back to menu ↑

Способ №3 “Быстрое выделение”

Инструмент для лентяев, как и магнитное лассо. Однако с “приталиванием” пограничной линии, возможно, придется повозиться.

Вот что нужно сделать:

1

Откройте изображение в Фотошоп. В правом нижнем углу выберите раздел Слои и в строке Слой 0 кликните на замочек

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

2

На панели инструментов выберите Быстрое выделение. Если инструмента не видно, то кликните правой кнопкой мыши по инструменту Волшебная палочка и в выпадающем меню перейдите на нужный

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

3

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

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

4

Теперь применим уже известный нам комбинацию с инверсией

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

5

Марширующие муравьи опять очертили весь ненужный фон

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

6

Осталось только удалить его, нажав Del, и сохранить получившееся изображение как PNG или GIF-картинку

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

Для полноты картины рассмотрим еще один способ устранения разноцветного фона. 

back to menu ↑

Способ №4 “Быстрая маска”

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

Вот что нужно делать:

1

Открываем изображение в фоторедакторе. В правом нижнем углу находим окно Слои и в строке Слои 0 нажимаем на иконку замка для разблокировки фона

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

2

На панели инструментов последовательно выбираем Быструю маску и Кисть

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

3

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

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

4

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

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

5

Теперь нажмите знакомую уже клавишу Delete фон для удаления. Готово. Осталось сохранить получившуюся картинку как PNG или GIF.

back to menu ↑

Заключение

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

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

Видео-инструкция доступна по ссылке ниже.

back to menu ↑

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

Как сделать прозрачный фон картинки в Фотошопе (Adobe Photoshop): ТОП-4 Способа | 2019

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

Как сделать прозрачный фон картинки в Фотошопе (Adobe Photoshop): ТОП-4 Способа | 2019

10 Total Score
4 инструкции как сделать прозрачный фон в Фотошопе

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

Помогла ли Вам наша сатья ? 🙂
10
Добавить свой отзыв

Оставить комментарий

avatar
  Подписаться  
Уведомление о
GeekHacker.Ru