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

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

  1. Sawyn Ответить

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


    Затем инвертируем выделение сочетанием клавиш CTRL+SHIFT+I и нажимаем DEL. Результат такой же.
    Третий способ самый сложный и применяется на цветных изображениях, где нужный участок сливается с фоном. В данном случае нам поможет только ручное выделение объекта.
    Для ручного выделения в Фотошопе есть несколько инструментов.
    1. Лассо. Используйте его, только если у Вас твердая рука или имеется графический планшет. Попробуйте сами и поймете, о чем пишет автор.
    2. Прямолинейное лассо. Данный инструмент целесообразно применять на объектах, имеющих в своем составе только прямые линии.
    3. Магнитное лассо. Применяется на однотонных изображениях. Выделение «примагничивается» к границе объекта. Если оттенки изображения и фона идентичны, то края выделения получаются рваными.

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

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

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

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

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



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

  2. Darkbourne Ответить

    Самый простой способ сделать прозрачный фон в Фотошопе CS6 и новых версиях — это использования инструмента «волшебная палочка» или «magic wand». Далее дана пошаговая инструкция:
    Открыть изображение. Легче всего работать с изображениями, где задний план имеет однотонный цвет, для других придется использовать иные средства. Перед началом работы с картинкой следует ее разблокировать, для этого 2 раза кликните по замочку в правом нижнем углу экрана и он исчезнет.
    Далее необходим инструмент «волшебная палочка», в англоязычной версии «magic wand tool». Кликаем с помощью него на область иллюстрации, которую хотим удалить, автоматически выделится область с одинаковым цветовым тоном.
    После этого надо нажать Delete и выделенное изображение удалится, а фон станет прозрачным.
    Далее можно наложить любую картинку или картинку позади изображения, просто перетащив ее и поменяв местами нужные слои.

    Ластик

    Инструмент «волшебный ластик» удаляет близкие цвета, более того он автоматически преобразует фоновый слой в обычный. Далее дана пошаговая инструкция по созданию прозрачного фона у картинки:
    Открыть изображение. После открытия картинки снимать блокировку не обязательно, инструмент «волшебный ластик» сам снимает блокировку и изменяет тип изображения с фонового на обычное.
    Найдите на панели инструмент «ластик» и, нажав правой кнопкой мыши на открывшейся панели, выберите инструмент «волшебный ластик».
    Далее нужно настроить параметры. Они по умолчанию должны быть такими: допуск — 32, сглаживание — активно, смеженные пиксели — активно, образец со всех слоев — неактивно, непрозрачность — 100%. Если параметры не такие, то нужно изменить их для более комфортной работы и лучшего результата. Параметр «допуск» задает чувствительность. Параметр «сглаживание» нужен для того, чтобы контуры объекта зрительно были ровными. Функция «смежные пиксели» нужна для того, чтобы при выделении объекта не выделялись другие части изображения того же тона, но в иных местах.
    Нужно провести волшебным ластиком по заднему плану вокруг объекта. Заметим, что после использования инструмента блокировка снялась, и изображение из фонового стало стандартным.
    Далее можно обычным ластиком убрать остатки заднего плана и закончить редактирование, что позволить сделать картинку на прозрачном фоне.

  3. Vova_Play_YT Ответить

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

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

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

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

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

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

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

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

  4. Miranaya Ответить

    Удаляем небо

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

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

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

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

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

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

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

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

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

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

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

  5. Malothris Ответить

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

    2. Заходим в пункт «Выделение», после в «Цветной диапазон».

    3. Выбираем «По образцам», кликаем пипеткой левой кнопкой мыши по белой области картинки. Разброс ставим 40 и нажимаем «ОК».

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

    4. Переходим в инструмент «Быстрое выделение». Нажав кнопочку ALT, левой кнопкой мыши убираем ненужное выделение.

    5. Перед удалением фона, нужно разблокировать слой. Разблокируем, нажав два раза левой кнопкой мыши. Если этого окна нет, зайдите в пункт меню «Окно» и поставьте флажок на «слои».

    6. Удаляем фон нажав кнопочку «Delete». После правовой кнопкой мыши кликаем на картинке и выбираем «Отменить выделение», если не получается, нажимаем Ctrl + D, выделение уберется.

    7. На этом этапе мы и закончили удаление белого фона в улитке.

    8. Теперь переходим в меню «Файл», «Сохранить как».

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

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

    Удаляем сложный задний фон в картинке

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

    2. Теперь левой кнопкой мыши выделяем фон, который хотим удалить. Если выделение залазит не туда, куда нам нужно, в нашем случае на гепарда и его жертву, тогда зажмите клавишу «ALT» и левой кнопкой мыши уберите выделение, которое залезло. Что бы увеличить-уменьшить масштаб зажмите клавиши Shift+Alt и крутите колесико на мышке. Чтобы «ходить» по картинке при выделении зажимайте пробел.

    После, как выделили, кликаем правой кнопкой мыши не выходя с инструмента «Быстрое выделение» и переходим в пункт «Уточнить край» и в настройках краев, в пункте сгладить, в нашем случае указываем где-то 10 и нажимаем «ОК». После разблокируем слой и нажимаем «Delete» и удаляем фон.
    Функция «Сгладить» нужна для того, что бы при удалении края были гладкие.

    Если нужно немножко подтереть, используйте «Ластик»

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

    Посмотреть этот урок у видео формате

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

  6. Fordrelace Ответить

    Запустите программу Photoshop и раскройте меню File, выберите пункт Open, укажите место хранения картинки на жестком диске и нажмите кнопку «Открыть». Разблокируйте загруженное изображение двойным щелчком и кликните ОК.
    Далее вам следует отделить нужный объект изображения от фонового слоя. Выбор инструмента для данной операции зависит от характеристик фона и самого объекта: для однотонного объекта подойдет опция Magic Wand или инструмент Color Range.
    Опция Magic Wand
    Если на изображении четко отделен контур объекта, то лучше всего использовать опцию Polygonal Lasso.
    Опция Polygonal Lasso
    Смешанные изображения со сложными границами контура можно отделять фильтром Extract или самостоятельно нарисовать маску.
    Если вы решите использовать Magic Wand, то настройте для него параметр Tolerance. Для выделения одноцветного объекта данному параметру достаточно присвоить значение равное десяти единицам. Увеличение этого параметра приведет к увеличению количества выделяемых цветов.
    Подобными возможностями обладает инструмент Color Range из раздела Select. Активируйте эту опцию и нажмите на цвет объекта, на который будет ссылаться инструмент при выделении. Если на объекте остались не отмеченные места, то увеличьте параметр Fuzziness.
    Для отделения сложных объектов нужно выполнить ряд дополнительных операций: сделайте копию слоя комбинацией клавиш Ctrl+J и откройте меню Filtr, выберите опцию Extract.
    Опция Extract в меню Filtr
    Активируйте функцию Edge Highlighter и обозначьте контур объекта. Внутреннюю область изображения заполните инструментом Fill. Подтвердите действие командой ОК, зажмите кнопку Ctrl и щелкните по иконке обработанного слоя.
    Неважно, каким способом вы выделяли объект, все дальнейшие действия будут одинаковы: выполните команду в редакторе Add layer mask, будет создана маска слоя. Если вы создавали выделение фильтром Extract, то вам нужно переключиться на слой с исходным изображением.
    Маска должна скрыть фон, если пропал предмет, то откройте меню Image и в разделе Adjustments укажите Invert. Подредактируйте маску функцией Brush. Черным цветом зарисуйте лишние фрагменты на маске, а белым зарисуйте места, которые должны остаться видимыми.
    Для сохранения откройте меню File и нажмите Save As. Сохраненный файл должен иметь расширение png.

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

  7. Kanis Ответить

    Первый шаг – это создание файла. Для этого откройте Adobe Photoshop и в меню «Файл» (File) вверху страницы выберите «Создать» (New).
    Затем в появившемся окне «Новый документ» (New Document) создайте файл нужного размера, и убедитесь, что разрешение документа составляет 72 пикселя на дюйм (поскольку файл предназначен для использования в веб). А также, что вы выбрали значение «Прозрачный» (Transparent) в выпадающем списке «Содержимое фона» (Background Contents).
    *Перед тем, как сделать PNG с прозрачностью в Фотошопе, нужно уточнить, что в этом примере мы создаем изображение для загрузки в качестве фона для сайта, поэтому размер документа задан следующим образом: ширина 3000 пикселей, высота 1730 пикселей, что является рекомендуемыми размерами для загрузки HD изображений:

    После того, как вы задали значения параметров, нажмите «OK», чтобы открыть новый документ.
    Затем в панели «Слои» (Layers) убедитесь, что работаете на прозрачном слое, а не на фоновом:

    После того, как вы завершили создание и готовы сохранить прозрачное изображение, в зависимости от используемой версии Photoshop, в меню «Файл» (File) вы можете использовать один из возможных вариантов:

    Photoshop версии ранее, чем CC 2015:

    Сейчас мы расскажем, как сделать прозрачность картинки в Фотошопе, который вышел раньше CC 2015. В этих версиях используют метод «Сохранить для Web» (Save for Web & Devices), чтобы сохранить и оптимизировать PNG изображения для использования в вебе. Чтобы воспользоваться этим методом, просто зайдите в меню «Файл» (File), и далее – «Сохранить для Web» (Save for Web & Devices):

    Затем в появившемся окне выберите PNG-24 из выпадающего меню возможных значений, а потом убедитесь, чтобы выбраны опции «Прозрачность» (Transparency) и «Преобразовать в sRGB» (Convert to sRGB). Это подтверждает, что изображение будет содержать прозрачный фон и его цветовой режим будет преобразован в sRGB, рекомендованное цветовое пространство для веб.

    Поля «Размер изображения» (Image Size) автоматически заполняются значениями, которые вы задали, когда создавали файл. Но если вы хотите изменить размер файла перед сохранением, то можно сделать это сейчас.
    Чтобы сохранить изображение, нажмите кнопку «Сохранить» (Save) внизу окна.

    Photoshop версии CC 2015:

    Перед тем, как сделать прозрачность фото в Фотошопе, нужно знать, что с версии CC 2015 опция «Сохранить для Web» (Save for Web & Devices) в меню «Файл» (File) помечена как Legacy (устаревшая). И замещена на новую опцию «Экспорт» (Export), которая предлагает идентичную функциональность с более быстрым сохранением в файле меньшего размера и в лучшем качестве. Чтобы воспользоваться опцией «Экспорт», нажмите меню «Файл» (File), а затем — «Экспортировать как» (Export As).
    Примечание: Adobe по-прежнему предлагает опцию «Сохранить для Web» (Save for Web & Devices) в Photoshop CC 2015, и она доступна через меню Файл > Экспорт (File > Export) или при использовании комбинации клавиш Command+Option+Shift+S (для Mac) или Ctrl+Alt+Shift+S (для ПК):

    Затем в появившемся окне выберите PNG из выпадающего меню «Формат» (Format) и убедитесь, что выбраны опции «Прозрачность» (Transparency) и «Преобразовать в sRGB» (Convert to sRGB).
    Поля «Размер изображения» (Image Size) и «Размер холста» (Canvas Size) должны автоматически заполниться значениями, которые вы задали, когда создавали файл. Но при желании можно изменить эти параметры перед тем, как сделать эффект прозрачности в Фотошопе:

    Когда закончите, нажмите «Экспортировать все» (Export All).
    Данная публикация представляет собой перевод статьи «How can I create a PNG with transparency in Adobe Photoshop (CC and higher)?» , подготовленной дружной командой проекта Интернет-технологии.ру

  8. Mazilkree Ответить

    Веб-Шаблоны
    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
    Туториалы

  9. Kirat Ответить

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

    Замочек должен исчезнуть
    2. Далее…
    Если фон однотонный:
    Выбираем инструмент «Волшебная палочка» — это очень гибкий инструмент для выделения нужной области. Наша задача выделить весь фон, кроме рисунка. Для этого подгоняем настройки волшебной палочки (параметр допуск), пока не получим нужный результат. Так-же пользуемся клавишей Shift, чтобы выделить область помимо уже выделенной. Нажимаем Del и выделенная облась удаляется.
    Если фон разноцветный:
    Используем инструмент «Быстрое выделение«. Тут наша задача выделить не фон, а сам объект, который должен остаться. Нажимаем до тех пор, пока не выделится нужная область. Если выделилось лишнее, зажимаем Alt и минусуем облась. Посмотреть результат можно клавишей Q.
    Когда выделение готово, копируем его Ctrl+C. Создаем новый документ с прозрачным фоном (Ctrl+N) и вставляем туда объект Ctrl+V.
    3. Если на рисунке осталось что-то лишнее, используем инструмент «Ластик«, просто затираем лишний фон.
    4. Сохраняем изображение для Web (Alt+Shift+Ctrl+S) выбираем формат GIF либо PNG (в других наш прозрачный фон превратится в белый).
    Полезное видео в тему:

  10. VideoAnswer Ответить

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

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