Делаем прозрачный фон изображения. 3 разных способа

Содержание:

Конверторы png файлов

В Интернете есть бесплатные конверторы png файлов. Воспользуемся одним из них – «convertio.co/ru/png-converter», а затем перечислим небольшой список конверторов. Итак, нажимаете кнопку на сервисе – «С компьютера» и выбираете те картинки, которые хотите конвертировать в Png (Скрин 5).

Если перейдёте по указанной ранее ссылке, в настройках на сервисе, будет стоять формат PNG. Далее, кликните на кнопку «Конвертировать», чтобы преобразовать формат. Затем, нажмите «Скачать» и файл будет загружен на компьютер в формате Png.

Есть ещё такие конверторы, которые Вы можете использовать:

  1. PNG To JPG Converter.
  2. Online-converting.ru.
  3. Конвертор Png
  4. Pixlr

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

Формат png: Portable network graphics

Выбор между *.png (8 bit) и *.png (24 bit) осуществляется только в File ? Save for Web & Devices…

*.png (8 bit)

Во многом похож на *.gif. Также поддерживает всего лишь 256 цветов, а это значит, что для фотографий не подойдет. Использование *.png (8 bit) приоритетно, если есть градиенты — алгоритм этого формата позволяет сжимать их более компактно.

Как и *.gif может содержать прозрачность. Не умеет сохранять анимацию.

*.png (24 bit)

Имеет одно неоспоримое преимущество перед *.jpg, *.gif, *.png (8 bit) — он единственный умеет сохранять полупрозрачность, т.е. если *.gif и *.png (8 bit) сохраняют только 2 значения прозрачности: прозрачно или непрозрачно, то в *.png полупрозрачность имеет множество промежуточных значений.

Хотя в основном полупрозрачность может потребоваться людям, занимающимся веб-дизайном, а они и так уже знают об этом преимуществе.

Остальные множественные форматы в повседневной жизни вам вряд ли пригодятся. И еще одно: все описанные форматы, кроме *.psd, можно открыть на любом компьютере, в стандартной программе просмотра изображений. А так же загрузить в интернет, где их смогут увидеть пользователи.

Теперь пару слов, о методах сохранения, первый метод:

Прозрачность фона

Есть два возможных способа сделать элемент прозрачным: свойство , описанное выше, и указание цвета фона в RGBA формате.

Возможно вы уже знакомы с моделью представления цвета в формате . (Red, Green, Blue — красный, зеленый, синий) — цветовая система, определяющая оттенок путем смешивания красного, зеленого и синего цветов. Например, для задания желтого цвета для текста можно воспользоваться любым из следующих объявлений:

color: rgb(255,255,0);
color: rgb(100%,100%,0);

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

Объявление цвета схоже по синтаксису со стандартными правилами . Однако, кроме всего прочего, нам потребуется объявить значение как (вместо ) и задать дополнительное десятичное значение прозрачности после значения цвета в промежутке от (полная прозрачность) до (полная непрозрачность).

color: rgba(255,255,0,0.5);
color: rgba(100%,100%,0,0.5);

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

body { background-image: url(img.jpg); }
.prim1 {
  width: 400px;
  margin: 30px 50px;
  background-color: #ffffff;
  border: 1px solid black;
  font-weight: bold;
  opacity: 0.5;
  filter: alpha(opacity=70); /*для IE8 и более ранних версий*/
  text-align: center;
}
.prim2 {
  width: 400px;
  margin: 30px 50px;
  background-color: rgba(255,255,255,0.5);
  border: 1px solid black;
  font-weight: bold;
  text-align: center;
}

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

background: rgb(255,255,0);
background: rgba(255,255,0,0.5);

Сервис IMGonline позволяет сделать прозрачный фон

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

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

Задаём однотонный фон для изображения

После обработки вы получите возможность просмотреть полученный результат или скачать его к себе на компьютер с помощью соответствующих ссылок.

Замечу, что за счёт автоматизации качество получаемой обработки обычно хуже, чем в перечисленных выше Online-Photoshop и Pixlr.

Программы для работы с png, как скачать и установить

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

Как правило, использование утилит ПНГ подразделяют на несколько категорий:

  • предназначенные для работы в Windows, Mac, Linux;
  • на мобильных устройствах.

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

Программы для работы с png в Windows

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

  1. Movavi Fhoto Editor. Эта отличная программа для Виндовс, которая редактирует фотографии и картинки. Вместе с тем, открывает форматы картинок в Png.
  2. Microsoft Paint. Об этой программе мы уже говорили раньше в статье. Она поможет Вам просматривать ПНГ файлы и сохранять их в другие форматы. Данная программа есть в каждой Виндовс, её не нужно устанавливать на компьютер.
  3. Artweaver. Эта утилита умеет качественно редактировать любые изображения. С помощью неё Вы так же сможете открыть ПНГ картинки.
  4. Adobe Photoshop. Думаю эта программа известна многим пользователям. Она редактирует изображения, делает их уникальными и сохраняет их в формате Png.

Этих программ Вам вполне хватит, чтобы отредактировать картинку в PNG и её открыть.

Программы для работы с png в Mac, Linux и мобильных устройствах

Рассмотрим ещё программы для редактирования ПНГ файлов на других устройствах:

  1. MacPhun ColorStrokes. Эта программа в основном используется в операционной системе MAC. Она довольно быстро редактирует картинки ПНГ.
  2. GIMP. Простой редактор, который предназначен для создания и редактирования картинок Png и других форматов. Он работает в системе Linux.
  3. Adobe Photoshop Express for Android. Это своего рода специальное приложение, которое устанавливается на телефон через App Story или Плей Маркета. Оно может Вам помочь отредактировать фотографию для Вашего блога и социальных сетей.

Конечно, это не все программы. На просторах Сети Вы сможете найти ещё больше похожих программ.

Сервис LunaPic убираем задний фон изображения

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

Сервис LunaPic

  1. Для работы с сервисом выполните вход на него, нажмите на «Обзор» и загрузите требуемое фото (или укажите ссылку на него в сети в строке ниже).
  2. Затем выберите цвет на фото, который бы вы хотели сделать прозрачным и кликните на него мышкой.
  3. Фото будет обработано, и вы, в идеале, получите прозрачный цвет заднего фона.

По сравнению с сервисом Watermark.Algid.Net сервис LunaPic больше похож на полноценный фоторедактор, позволяя окрасить задний фон одним цветом с помощью встроенных в данный сервис инструментов.

Создание нового изображения с прозрачным фоном

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

Появляется окно, в котором задаются параметры создаваемого изображения

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

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

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

Шаг 2. Делаем фон прозрачным

В меню «Эффекты» кликнете по вкладке «Замена фона». Первое, что потребуется сделать, – отделить объект от фона. Для этого аккуратно обведите фигуру по краю с помощью курсора. Ошиблись? Не страшно! Просто воспользуйтесь функцией «Выделить другую область» и начните работу заново. Для удобства вы можете увеличить масштаб изображения, нажав кнопку «100%». Замкните начало и конец выделения двойным щелчком мыши. Получилось неровно? Скройте небрежные края, увеличив степень размытия границ.

Обведите контур объекта

Отлично! Теперь в списке вариантов для оформления отметьте самый первый пункт – «Без фона». Один клик – и всё, что находится за границей выделения, удалено. На изображении это будет обозначено шахматным узором. На примере – фото с цветным задним планом, но вы также можете сделать белый фон картинки прозрачным. Алгоритм действий не изменится.

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

Не подошли варианты коллекции программы? Загрузите файл с вашего компьютера. Всё – очень просто!

Делаем фон прозрачным

Дополнительные советы:

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

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

Об авторе: Сергеева Елена Михайловна, учитель начальных классов, ГБОУ гимназия №498 Невского района г. Санкт-Петербурга.

RGBA

Современный подход гораздо проще и нагляднее вышеприведенных методов и состоит в использовании для цвета и фона формат RGBA. Первые три буквы знакомы многим и расшифровываются как red, green, blue (красный, зеленый, синий), последняя символизирует собой альфа-канал и задает прозрачность элемента. Формат записи такой.

background-color: rgba(r, g, b, a);

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

Не все браузеры поддерживают такой формат: Internet Explorer начиная с версии 9, Opera с версии 10, Firefox с 3, Safari с 3.2. Но в целом, современные браузеры корректно отображают прозрачность. Для старых версий IE можно отдельно указать цвет в привычном для него формате, при этом, естественно, никакой прозрачности не будет. Или опять воспользоваться свойством filter, но тогда придется мириться, что прозрачность также затронет и текст (пример 3). Чтобы соблюсти валидный код CSS, я воспользовался условными комментариями.

Пример 3. Использование RGBA

HTML5CSS3IECrOpSaFx

Результат примера можно посмотреть на рис. 6.

Рис. 6. Полупрозрачный фон с непрозрачным текстом

Сравните картинку с предыдущей, буквы стали ярче и четче.

В браузере Internet Explorer 7 обнаружился баг при сочетании background-color с разными значениями. К примеру, если задать цвет фона красным, как показано ниже, то фон в IE7 вообще не отобразится.

Решается это заменой свойства background-color на background.

backgroundbackground-color

PNG в качестве фона

В графическом редакторе предварительно готовится однотонный полупрозрачный рисунок, который сохраняется в формате PNG-24 (рис. 1). Особенностью этого формата является поддержка 256 уровней прозрачности, или попросту говоря, он умеет отображать полупрозрачные картинки.

Рис. 1. Изображение для создания фона

После чего добавляем рисунок в качестве фона через свойство background, как показано в примере 1.

Пример 1. Использование полупрозрачного рисунка

XHTML 1.0CSS 2.1IECrOpSaFx

Результат данного примера показан на рис. 3.

Рис. 2. Применение фонового рисунка

Устаревший браузер Internet Explorer 6 не работает с полупрозрачностью в PNG-24, если по каким-либо причинам необходимо поддерживать этот браузер, для него придется использовать скрипты.

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

Как удалить фон на изображении

Шаг 1. Нажимаем кнопку «Выбрать» в левой верхней части сервиса. Открываем изображение или фотографию из которой нам необходимо удалить фон или его часть.

После успешной загрузки в левой части сервиса вы увидите выбранное изображение.

Шаг 2. Выбираем размер «Режущей кисти», чтобы наиболее оптимально очертить контуры разделяемого изображения. Выбрав значение от 1 до 3, можно приступать к выделению контура.

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

Шаг 3. Указав сервису границу разделения, необходимо уточнить какие части изображения будут удаляться, а какую часть (или части) нам необходимо оставить. Используя инструменты «Переднего» и «Заднего» плана (зеленая и красная точки соответственно) — делаем пометки для скрипта сервиса, какой из элементов изображения чем является.

Достаточно прочертить полоски, чтобы сервис смог верно распознать эти элементы. Зеленую полоску там, где оставляем область, красная полоска — удаляем область.

Шаг 4. В случае необходимости, при ошибочном указании, мы можем воспользоваться ластиком, чтобы удалить часть проведенных линий и заново их очертить. Также, в случае сплошного фона, хорошо визуально отделяемого от остальной части изображения, для определения контура можно воспользоваться инструментом «Волшебная палочка», который позволяет автоматически выделить требуемые области на фото.

Шаг 5. Творим волшебство: нажимаем кнопку «Вырезать фон», немного ждем и вуаля!

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

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

Делаем прозрачный фон на картинке

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

Все, теперь у нас холст стал невидимым, а его границы отмечены тонкой рамочкой – чтобы при рисовании не выйти за его пределы. После того, как будет нарисован рисунок, его обязательно нужно сохранить в формате JPG или PNG. В любом другом формате вместо прозрачного появится белый фон. Для этого заходим в Меню – Сохранить как – Изображение и выбираем формат JPG или PNG.

Как видите, ничего сложного в создании прозрачного холста при помощи программы Paint 3d нет. Однако не всегда приходится рисовать на готовом холсте, иногда нужно убрать фон с уже готового изображения. И тут уже простым нажатием на «Прозрачный фон» делу не поможешь, но и на этот случай у программы Paint 3d есть решение.

Убираем цветной фон

Если у Вас рисунок с множеством различных цветов, а Вам нужно убрать все лишнее и на прозрачном оставить только определенные фрагменты, давайте рассмотрим, как сделать фон картинки прозрачным в Paint.net.

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

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

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

Как видите, несложно сделать прозрачный фон, используя графический редактор Paint.net. Используйте подходящий инструмент и сохраните изображение в правильном формате.

Шаг 1. Работаем с оригиналом

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

Открыть фото для работы

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

Улучшите качество фото

Довольны результатом? Замечательно, теперь вам предстоит изменить фон на фото.

Сервис Watermark.Algid.Net

Ещё один сервис, позволяющий сделать прозрачный фон на фото онлайн бесплатно.

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

Также важно, чтобы фото было в формате png или gif

Синий фон на картинке

  1. Затем необходимо перейти на сам сайт, нажать на кнопку «Обзор», указать сервису путь к вашему файлу и кликнуть на «Следующий шаг».
  2. Откроется ваше изображение, вам будет необходимо кликнуть мышкой на цвете фото, который вы хотите сделать прозрачным (задний фон для удаления должен иметь один цвет после обработки).
  3. Кликните на цвете заднего фона, программа обработает его и он станет прозрачным.
  4. Если обработка вас устроила, нажмите правой клавишей мыши на фотографии и выберите «Сохранить изображение как».

В каких случаях стоит убирать фон

Чтобы не повредить удачную композицию, удалять фон стоит только в ряде случаев.

Чтобы выдержать необходимую цветовую гамму

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

Для яркой композиции

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

Чтобы помечтать

Многие делают мотивационные коллажи – они помогают визуализировать желаемое. Для этих целей можно использовать свою фотографию на прозрачном фоне. Например, поместив ее на фоне рельефа, характерного для Марса.

Чтобы сфокусировать внимание

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

Для интересной истории

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

Чтобы добавить текстуры

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

Для красивой рамки

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

Чтобы сделать несколько копий объекта

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

Для продвижения творчества

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

Отсечение фона маской

Этот метод не требует использования программы Photoshop. Непосредственно в программе верстки CorelDRAW или Illustrator вы можете обрисовать предмет контуром, а затем скрыть все, что за его пределами.

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

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

Clipping Mask в Adobe Illustrator

Разместите изображение в редакторе Illustrator и обрисуйте контуром предмет. Затем выделите изображение и контур вместе и нажмите правой кнопкой мыши — Обтравочная маска (Make Clipping Mask). Часть изображения за пределами контура скроется.

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

PowerClip в CorelDRAW

В CorelDRAW есть такой же прием, однако работает он немного иначе. Также нужно обрисовать предмет контуром, а затем, выделить изображение и нажать — Effects/PowerClip/Place inside Frame…. Вместо указателя появится стрелка, которой нужно показать контур.

Контур в CorelDRAW также можно редактировать после создание маски.

Еще в CorelDRAW можно сделать объект прозрачным, не создавая контура, вы можете просто перемещать узлы краев изображения инструментом Shape tool, тем самым меняя его форму. Двойной щелчок по контуру будет создавать новые узлы.

Вырезание объекта в фотошопе

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

Качество готовой картинки в основном зависит от качества выделения. Постарайтесь максимально точно повторить форму предмета подходящими инструментами лассо.

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

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

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

Основной предмет с высокой четкостью границ можно выделить обычным инструментом «Лассо», а нечеткие края — мягкой кистью в режиме «Быстрой маски» (Quick Mask — Клавиша Q), как показано на снимке ниже.

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

Добавление к выделению нечетких областей

А теперь, подробнее о другом способе выделения. Выделите основную часть изображения с четкими границами, затем нажмите — Select/Save Selection…

Снимите выделение и создайте новое, вокруг нечеткой области. Нажмите правой кнопкой мыши — Feather… (Растушевка…) Задайте необходимое значение. Как правило, нескольких пикселей будет достаточно.

Теперь, нажмите — Select/Load Selection… Выберите пункт — Add to Selection (добавить к выделению). Ваше прошлое выделение склеиться с новым, а разные степени размытия сохранятся.

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

Форматы поддерживающие прозрачный фон

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

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

Tiff — формат похожий по свойствам с предыдущим. Тоже может содержать прозрачные области. Из-за высокого качества, часто используется в полиграфии.

PNG — имеет относительно не большой вес и позволяет сохранять качество изображения. Чаще всего используется в веб-дизайне. Баннера, кнопки сайтов, графические элементы веб-страницы часто содержат этот формат.

Внимание! Прежде чем сохранять обязательно удалите альфа каналы, если вы их создавали в процессе выделения

Добавить комментарий

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

Adblock
detector