Компьютерная графика - Учебное пособие (Зайцева Е.А.)

3.3. подготовка изображения с прозрачным фоном

 

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

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

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

Данное изображение сканировалось из учебника. Оно было сохранено в формате GIF. Однако изначально оно было на белом фоне.

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

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

 

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

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

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

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

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

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

 

| Оглавление|