Создайте прозрачное изображение с альфа-каналом

Все Axialis Software продукты поддерживают изображения с прозрачностью альфа-канала. Формат файлов PNG, BMP и PSD фактически поддерживает альфа-канал. Если вы хотите создать хорошую иконку (используя Axialis IconWorkshop ™ ) или заставку с гладкими спрайтами (используя Аксиалис Профессиональный Заставка Производитель ) мы рекомендуем использовать изображения с альфа-каналом.

Альфа-каналы - это маски, с помощью которых вы можете отображать изображения. Альфа-канал - это 8-битный канал, то есть он имеет 256 уровней серого от 0 (черный) до 255 (белый). Белый действует как видимая область; черный выступает в качестве прозрачной области (вы видите фон за изображением при отображении). Уровень серого между ними определяет уровень видимости. Например, 50-процентный серый цвет обеспечивает 50-процентную видимость. Альфа-каналы обычно используются с 16,8 МБ цветными изображениями RGB. Полученное изображение называется RGBA (RGB + A, A означает альфа-канал).

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

Мы научимся создавать прозрачное изображение с альфа-каналом из стандартного изображения. Photoshop® содержит мощные функции манипуляции альфа-канала. Здесь мы увидим один из самых простых способов: выдавить часть изображения и удалить существующий фон. Также существуют продвинутые методы для работы с альфа-каналом. См. Фотошоп, помогите прочитать больше.

Создайте прозрачное изображение с помощью Adobe Photoshop®

1. Откройте свое изображение в Photoshop® (мы используем версию 7.0 в этом уроке). Выберите Файл / Открыть ... Выберите файл и нажмите Открыть . Файл открывается в отдельном окне документа. Вы можете скачать оригинальное изображение, которое мы используем в этом уроке здесь: logo.bmp (щелкните правой кнопкой мыши и выберите « Сохранить объект как» ).

2. Если файл не в формате RGB (16,8 М цветов), преобразуйте его: выберите « Изображение / Режим / Цвет RGB» .

3. Теперь выберите фоновую область изображения (область, которую вы хотите удалить). Если фон изображения имеет сплошной цвет (в нашем примере белый), выберите инструмент « Волшебная палочка» (W) или нажмите в наборе инструментов. Обязательно укажите Допуск = 10 , Сглаживание и Непрерывность в параметрах выбора (диалоговое окно сверху, под меню). Возможно, вам придется настроить значение допуска (это зависит от вашего изображения). Когда закончите, нажмите на фоновую область изображения ( ):

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

5. Теперь мы выберем только логотип. Для этого выберите Select / Inverse (Shft + Ctrl + I) . Это почти не изменилось, но пунктирная линия вокруг квадратной границы изображения исчезла.

6. Выберите Edit / Copy (Ctrl + C) , затем Edit / Paste (Ctrl + V), чтобы создать новый слой с логотипом «extruded». Список «слоев» обновлен (см. Ниже). Новый слой, который выбран, появляется вверху списка ( ). Исходное изображение присутствует на заднем плане ( ). Теперь мы будем скрывать исходное изображение, нажав на кнопку «глаз» фонового слоя ( ). Если вы хотите, вы также можете удалить его, перетащив его в корзину (в правом нижнем углу списка).

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

6. Мы рекомендуем сохранить изображение в другой файл, чтобы сохранить исходный файл без изменений. Выберите «Файл / Сохранить как ...» . В поле « Формат» выберите «PNG» (наш любимый формат). Обратите внимание, что форматы BMP и PSD также поддерживают 32 BPP / альфа-канал. Нажмите Сохранить . Выберите Interlace: «None», нажмите OK.

7. Все готово, прозрачная версия вашего изображения создана. Вы можете скачать изображение, которое мы создали в этом уроке здесь: Логотип-PS.png (щелкните правой кнопкой мыши и выберите « Сохранить объект как» ).