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

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

Использование волшебной палочки

Самый простой способ сделать прозрачный фон в Фотошопе CS6 и новых версиях — это использования инструмента «волшебная палочка» или «magic wand». Далее дана пошаговая инструкция:

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

Ластик

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

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

  Лучшие программы и конструкторы для создания сайтов

Замена фона

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

  1. Открыть картинку и снять блокировку.
  2. На рабочей панели выбрать «быстрое выделение» и настроить его размер. Размер можно регулировать клавишами с фигурными скобками на клавиатуре, левая клавиша уменьшает, а правая увеличивает размер кисти.
  3. После этого просто проводим инструментом по ненужному изображению, и оно автоматически выделяется. Выделение работает по принципу нахождения схожих по цветовой гамме пикселей смеженных с пикселями в зоне кисти.
  4. Чтобы убрать фон наиболее качественным способом следует использовать функцию уточнить край. Для этого нужно выбрать любой инструмент выделения и нажать на кнопку в правой верхней четверти экрана «уточнить край», однако если перед этим выделялась фоновая картинка, то используйте сочетание клавиш shift+ctrl+I, произойдет инверсия и будет выделено уже изображение, края которого и надо уточнить. После этого откроется панель, на которой можно будет выбрать контрастный фон и настроить сглаживание, растушевку, контрастность и положение края. Чаще всего используется функция сглаживания, которая визуально сделает все переходы между пикселями более плавными.
  5. Затем можно нажать клавишу delete и всё выделенное удалится. Выделенную часть можно удалить и при помощи обычного ластика просто начав проводить им по выделенной области (стираться будет только фоновая картинку).
  6. Также можно не только стирать задний план, но и скопировать его и вставить в другой редактор фото или текста, для этого нужно выделенный фон скопировать и вставить в другой программе, возможно и скопировать иллюстрацию, использовав инверсию и нажав ctrl+c.

Как сохранить картинку без фона в Фотошопе

Сохранить картинку без фона не получится в обычном формате JPEG, после сохранения иллюстрации фон создастся автоматически. Чтобы сохранить нужную иллюстрацию с прозрачным фоном надо использовать формат PNG. Для его использования нужно следовать пути: файлсохранить как – тип при сохранении указываем PNG.

  Что такое Atk Package

Прозрачный фон в Paint

Бесцветный фон можно сделать и в редакторе Paint. Существует единственное условие — однотонный задний план. Чтобы это сделать нужно:

  1. Открыть изображение в Paint.
  2. Выбрать функцию «волшебная палочка».
  3. Настроить чувствительность на 18 процентов.
  4. Кликнуть по белому фону.
  5. Использовать функцию обрезать (ножницы).
  6. Сохранить в формате PNG.

Читайте также:

  • Цифровая живопись

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

  • 11 марта 2018, 18:23

Возникла тут у меня необходимость обработать некоторое количество черно-белых картинок и удалить у них фон, сохранив в PNG. Я как-то уже делала такое, но нашла более легкий путь, которым и делюсь. Продублируйте картинку, с которой будете работать на новый слой, либо разблокируйте исходный слой. Ваш рисунок должен быть черно-белым. Лучше всего зайти в меню Изображение > Коррекция > Обесцветить или нажать Shift+Ctrl+U, потом там же открыть Уровни и сделать картинку как можно более контрастной. Дальше выделяем всю картинку (нажимаем М). Идем во вкладку Каналы и нажимаем внизу кнопку с пунктирным кругом. Возвращаемся в слои и жмем Delete — фон удаляется. Рисунок может быть бледным, поэтому нажимаем в верхней панели кнопку с картинки ниже, берем обычную черную кисть и проходимся поверх рисунка. Можно еще вместо этого продублировать слои, чтобы поэкспериментировать с качеством. Все! Сохраняем PNG и радуемся жизни. Отлично работает с карандашными эскизами и работами, а также любыми черно-белыми картинками. Способ элементарный, экономит время и занимает буквально минуту. В оформлении интернет-страниц нередко используются картинки с прозрачным фоном. При помощи инструментов редактора Photoshop можно превратить исходный фон изображения в прозрачный, выделив его и убрав под маску.

Вам понадобится

  • – программа Photoshop;
  • – изображение.

Инструкция

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

Главная > Подробные инструкции, Уроки Photoshop > Прозрачность и полупрозрачность в Photoshop

05.05.09    Подробные инструкции, Уроки Photoshop

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

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

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

1. Открываем Photoshop. Открываем в нем картинку, которую нужно разместить на прозрачном фоне (File->Open…).

2. Выделяем все изображение/фото (Ctrl+O).

3. Копируем выделенную картинку (Ctrl+C).

4. Открываем новый файл в Фотошопе (File->New… или Ctrl+N). В появившемся окне в самом нижнем выпадающем списке выбираем значение Transparent – «прозрачность»:

Нажимаем Enter и видим, что Photoshop создал новый файл с фоном, состоящим из бело-серых квадратиков. Такими квадратиками в Фотошопе обозначаются полностью прозрачные области.

5. Вставляем в новый файл с прозрачным фоном ранее скопированное изображение. Для этого используем традиционную комбинацию горячих клавиш Ctrl+V. В результате в текущий, полностью пустой и прозрачный слой будет вставлено ранее скопированное изображение.

6. Выделите область, которую нужно удалить с помощью обычных инструментов выделения (М)

или с помощью «волшебных» инструментов (W):

Нажмите на клавиатуре клавишу Delete и вместо выделенного фона или фрагмента картинки увидите бело-серые квадратики – эта область будет прозрачной. Далее можете либо сохранить изображение с прозрачностью либо продолжать эксперименты с картинкой в Фотошопе.

Как сделать полупрозрачный текст и «водяной знак»

В Фотошопе, помимо состояния «полностью видим» и «полностью прозрачен» существует состояние частичной видимости или частичной прозрачности. Частичная видимость объекта на рисунке указывается в процентах.

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

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

1. Запускаем Фотошоп и открываем в нем нашу фотографию (File->Open…).

2. Выбираем инструмент Текст (T) и пишем поверх фото надпись нужного размера, цвета и стиля:

При этом текст будет автоматически размещен в отдельном слое и быть 100% видимым.

3. Установим 40%-ю видимость белой надписи на фото. Для этого в окне слоев (Layers) передвинем ползунок свойства Opacity в значение 40%:

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

В каком формате сохранить картинку с прозрачностью

Обратите внимание, что сохранять обработанную в Фотошопе фотографию с прозрачными участками в формате JPEG нельзя – этот формат не поддерживает прозрачность. Прозрачные участки при сохранении в JPG автоматически будут заполнены цветом (по умолчанию — белым). Среди форматов, которые используются в веб, корректно отображаются браузерами и поддерживают прозрачность – только GIF и PNG. Родной формат Фотошопа PSD браузерами не отображается.

К сожалению, графические форматы GIF и PNG имеют свои ограничения. Формат GIF, как и 8-битный PNG, может запомнить максимум 256 цветов, потому для сохранения фотографий он не подходит. Несмотря на то, что 24-битный PNG подходит для хранения фотографий и другой графики с градиентами и прозрачностью, многие сайты ставят ограничение на форматы загружаемой посетителями графики. Потому свои фото или аватары можно загрузить на такие сайты только в формате JPG или GIF. В этом случае фотографию придется сохранять не на прозрачном фоне, а вставлять в Фотошопе тот фон, на котором она будет размещаться на сайте, сохранять результаты работы в JPG и уже потом заливать на сайт.

Читайте также:

    imageПриветствую!

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

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

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

    Инструкция по добавлению картинке плавного перехода в прозрачность в Фотошоп

    1. Открыв редактируемое изображение, в окне Слои нажмите по миниатюрной кнопке Добавления слой-маски. Как конкретно выглядит эта кнопка, можно увидеть ниже, на изображении.

      image

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

    2. Добавив слой-маску, вы увидите соответствующее обозначение в окне слоёв.

      image

    3. Теперь в панели инструментов выберите Градиент.

      image

    4. Дабы наделить редактируемое изображение прозрачностью, необходимо подвести курсор мышки к краю изображения (край может быть любой), нажать левую клавишу и провести курсор по изображению. Как только вы отпустите зажатую клавишу, вы сразу же увидите результат.

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

      image

    5. Результатом станет добавленная прозрачность. На приведённом примере ниже это можно наблюдать воочию.

      image

      image

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

    Видеоинструкция

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

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

    До новых встреч, уважаемый посетитель!

    Оцените статью
    Рейтинг автора
    5
    Материал подготовил
    Илья Коршунов
    Наш эксперт
    Написано статей
    134
    А как считаете Вы?
    Напишите в комментариях, что вы думаете – согласны
    ли со статьей или есть что добавить?
    Добавить комментарий