Компьютерная графика.Раздел 3.3

Если есть желание создать изображение на прозрачном фоне, то не обойтись для окончательного сохранения без использования формата GIF (см. главу 1.5.5).

Рисунок 3.7 - Фон
для рисунка

Рассмотрим на примере, как сделать рисунок с прозрачным фоном. В главе 2.5.1 при описании процесса создания анимационного изображения использовалась отсканированная иллюстрация из учебника биологии "Уничтожение микроба фагоцитом" (scan1.gif).

Желательно, чтобы данный рисунок был на прозрачном фоне, тогда и созданное анимированное изображение также будет на прозрачном фоне. При размещении такого изображения на web-странице с фоном (см. рис.3.7) изображение будет выглядеть как на рис 3.8. Данное изображение сканировалось из учебника. Оно было сохранено в формате GIF. Однако изначально оно было на белом фоне.

Рисунок 3.8 - Иллюстрация "уничтожение микроба
фагоцитом" на цветном фоне.

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

Используя инструмент Волшебная палочка

выделить все фоновое пространство.

Командами Выделение - Инверсия перевести синие фагоциты в выделенные объекты.

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

Командами Редактирование - Скопировать (Ctrl-C) скопируем выделенные объекты в буфер обмена.

Создать новое изображение Файл - Новый (ширина и высота нового изображения должны выставиться автоматически в соответствии с размерами объектов из буфера обмена), задать в поле Содержимое фона - Прозрачный (выбрать из списка Белый, Фоновый цвет, Прозрачный). - Ok.

Вставить содержимое буфера обмена Редактирование - Вклеить (Ctrl-V).

Рисунок 3.9 - Изображение на
прозрачном фоне в формате PSD

У нас получилось изображение на прозрачном фоне в формате PSD (см. рис. 3.9).

Далее это изображение необходимо сохранить в этом формате и используя команды Файл - Сохранить для Web (Save for Web) сохранить с оптимизацией в формате GIF с включенной опцией Transparency (подробнее будет рассмотрено ниже).