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

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

  1. Rain_69 Ответить

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

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

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

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

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

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

    Затем появляется окошко “образовать выделенную область”. Просто кликаем “ОК”.

    Вот и все, нажимаем DEL и фон будет удален. Если вместо фона удалился выделенный вами объект не стоит паниковать. Поможет комбинация клавиш CTRL+Z. Вернув все как было, нажимаем CTRL+SHIFT+I и снова DEL.
    Мы рассказали вам о самых популярных методах удаления фона с изображения. Конечно, существуют и другие способы, но они все менее эффективны и удобны.

  2. Bergsh Ответить

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

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

    Каким оно будет — зависит от самой подписи.  Подбирайте экспериментально. Главное, что бы в итоге была выделена и подпись фон вокруг нее. В моем варианте значение допуска было равно 70. Щелкаем «волшебной палочкой» по документу и получаем такой результат.

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

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

    Теперь осталось вставлять ее в нужное место в отсканированном документе или напечатанном. Или в шаблон документа программы 1С.  Вот так достаточно просто можно сделать прозрачный фон. Главное, не забыть сохранить картинку именно в формате PNG! Тогда прозрачный фон сохранится для других проектов.  Успехов!

  3. molodezromik Ответить

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

    если эту картинку нанести на другую, получится примерно так:

    Для кого-то это может показаться некрасиво! так как один фон залезает (накладывается) на другой.
    Так как же сделать фон картинки прозрачным ?? чтобы при наложении картинки получилось так, как на скриншоте ниже:

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

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

    Открываем программу Photoshop (фотошоп).
    …затем открываем требуемую для удаление фона картинку…

    Для того чтобы убрать с картинки фон, сделать его прозрачным, нам потребуется инструмент «Быстрое выделение»…

    нажимаем на кнопку «Быстрое выделение» (см. горизонтальное меню слева)…
    Преступим к правке картинки:

    делаем фон картинки прозрачным — Photoshop

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

  4. todnaz Ответить

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

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

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

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

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

    Немного сложнее обстоит ситуация, когда нужно сделать так, чтобы только часть изображения была прозрачной. В этом случае можно воспользоваться масками.
    Подробней про работу с масками в Adobe Photoshop мы уже писали в одной из наших статей. Рекомендуем с ней ознакомиться, чтобы лучше понимать, о чём идёт речь в инструкции.
    Сам же алгоритм действий выглядит следующим образом:
    Загрузите нужное изображение и создайте дубликат его слоя, воспользовавшись сочетанием клавиш Ctrl+J. Работать будем с этим дубликатом.
    Фоновый слой можно сделать невидимым, переключив отображение с помощью иконки глаза, что расположена в левой части слоя.
    Теперь на сдублированном слое установите слой-маску с помощью иконки, что отмечена на скриншоте ниже.

    Переключите на маску. Выберите инструмент «Кисть» в левой панели инструментов.
    Обязательно установите чёрный цвет в качестве основного. Другие параметры, такие как размер кисти, непрозрачность, тип и т.д. Можно установить в верхней части интерфейса программы.
    У самой кисти можно установить параметры непрозрачности. Для примера поставим там около 70%.

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

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

    Залейте выделенную область, просто нажав по ней левой кнопкой мыши.
    Уберите выделение, воспользовавшись сочетанием клавиш Ctrl+D.

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

    Чем похож на предыдущий способ, но позволяет сделать более плавные переходы с изменением прозрачности изображения. Реализуется по следующей инструкции:
    Как в предыдущей инструкции добавьте к слою с изображением маску.
    В панели инструментов нажмите правой кнопкой мыши по инструменту «Заливка». Из небольшого меню выберите пункт «Градиент».

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

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

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

    Вне зависимости от того, какой способ реализации вы выбрали, вам нужно правильно сохранить полученный результат. Многие пользователи допускают ошибку при сохранении, что ведёт к частичной или полной потере прозрачности. Чтобы этого избежать, выполните небольшую инструкцию:
    По завершению работы нажмите «Сохранить как». Этот пункт можно найти в контекстном меню при нажатии на кнопку «Файл».
    В «Проводнике» обязательно выберите напротив графы «Тип файлов» PNG, PNS. Это универсальный типы файлов, которые можно использовать на веб-сайтах и которые сохраняют прозрачность изображения.
    Задайте имя для файла и воспользуйтесь кнопкой «Сохранить».
    С помощью рассмотренных в инструкции способов, вы сможете сделать прозрачным как всё изображение, так и какую-то его часть. Если у вас остались какие-либо вопросы по поводу инструкций, то задавайте их в комментариях. Мы постараемся ответить максимально оперативно.

  5. 19andrew74 Ответить

    Веб-Шаблоны
    JS-анимированный шаблон
    Описание Продукта
    Краткое руководство пользователя
    Туториалы
    PSD-шаблон
    Туториалы
    Адаптивные шаблоны
    Описание Продукта
    Краткое руководство пользователя
    Туториалы
    Bootstrap шаблоны
    Описание Продукта
    Краткое руководство пользователя
    Туториалы
    Landing Page
    Описание Продукта
    Краткое руководство пользователя
    Туториалы
    Туториалы
    Шаблон интернет-магазина
    PrestaShop
    Описание Продукта
    Краткое руководство пользователя
    Туториалы
    Обновления и Инновации
    Magento
    Описание Продукта
    Magento 1.x Краткое руководство пользователя
    Magento 2.x Краткое руководство пользователя
    Туториалы
    Обновления и Инновации
    OsCommerce
    Описание Продукта
    Краткое руководство пользователя
    Туториалы
    Обновления и Инновации
    VirtueMart
    Описание Продукта
    Краткое руководство пользователя
    Туториалы
    Обновления и Инновации
    ZenCart
    Описание Продукта
    Краткое руководство пользователя
    Туториалы
    Обновления и Инновации
    OpenCart
    Описание Продукта
    Краткое руководство пользователя
    Туториалы
    Обновления и Инновации
    Jigoshop
    Описание Продукта
    Краткое руководство пользователя
    Туториалы
    WooCommerce
    Описание Продукта
    Краткое руководство пользователя
    Туториалы
    Shopify
    Описание Продукта
    Краткое руководство пользователя
    Туториалы
    Обновления и Инновации
    Loaded Commerce
    Описание Продукта
    Краткое руководство пользователя
    Туториалы
    Обновления и Инновации
    Сравнение интернет-магазинов
    Сравнение интернет-магазинов: Методы оплаты и Доставки
    Таблица совместимости шаблонов интернет-магазина
    Шаблоны для CMS
    WordPress
    Описание Продукта
    Cherry Framework 3. Краткое руководство пользователя
    Cherry Framework 4. Краткое руководство пользователя
    Туториалы
    WordPress Хаки
    Обновления и Инновации
    Monstroid
    Описание Продукта
    Краткое руководство пользователя
    Туториалы
    Обновления и Инновации
    Joomla!
    Описание Продукта
    Краткое руководство пользователя
    Туториалы
    Обновления и Инновации
    Drupal
    Описание Продукта
    Краткое руководство пользователя
    Туториалы
    Обновления и Инновации
    Сравнение CMS
    Совместимость версий шаблонов для CMS
    Facebook шаблоны
    Flash шаблоны для Facebook
    Туториалы
    HTML шаблоны для Facebook
    Туториалы
    Раскрывающиеся Facebook шаблоны
    Описание Продукта
    Flash шаблоны для Facebook
    Туториалы
    Конструктор сайтов
    WIX
    Туториалы
    Jimdo
    Туториалы

  6. yavanya92 Ответить

    Удаляем небо

    Надоело нам скучное небо над городом. Поэтому удалим его с помощью инструмента «Стиратель фона». Он находится на боковой панели слева:

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

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

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

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

    После этого на выделенной области жмем правой кнопкой мыши, и в появившемся контекстном меню выбираем «Слой через обрезание»:

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

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

    Размытие заднего фона

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

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

  10. VideoAnswer Ответить

Добавить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *