| |
одготовка графики
J№/8. Прозрачные изображения
В одном из предыдущих опытов, в котором «оживлялась» кнопка, мы научились
создавать
изображение на прозрачном фоне. При этом мы рисовали кнопку «с нуля» и могли
сразу, создав новый документ, начать работать с прозрачным фоном. Теперь
рассмотрим
случай, когда требуется сделать прозрачным фон уже готового рисунка,
Формат GIF хотя и не сохраняет прозрачность, но позволяет присвоить в
изображении
атрибут прозрачности выделенной области; все пикселы в пределах этой области в
браузере
показываться не будут, т.е. станут невидимыми. Для примера создания изображения
с прозрачным фоном воспользуемся фотографией из файла Samolet.psd.
>- Откройте файл Samolet.psd, который вы сохранили в опыте о комбинировании
фотографий.
Посмотрим, как создать прозрачность для той части изображения, которая
находится за
пределами самолета на переднем плане фотографии так, чтобы на Web-странице был
виден только самолет, а все, что его окружает, стало невидимым.
Сначала нужно выделить изображение самолета, преобразовав контур, который мы
нарисовали
вокруг самолета, в выделение. Этот контур автоматически сохранен в палитре
Paths (Контуры).
>• Щелкните мышью на ярлыке Paths (Контуры) в третьем сверху окне палитр, чтобы
открыть эту палитру.
Make Selection
> Щелчком мыши на имени контура Path 1
(Контур 1) в палитре Paths (Контуры) выде-Г Rendering
лите его. В окне документа вокруг изображе-
Eeather Radius: 10 | pixels Cancel
ния самолета появится контур.
0 Anll-aliased
Создадим выделенную область, ограниченную
- Operation
контуром.
© [Jew Selection
О add to Setectfcfi
Нажмите кнопку 0 в правом верхнем углу
О Subtract torn Selection
палитры Paths (Контуры) и в появившемся
О intersect with Setecttai
меню выберите команду Make selection (Соз
дать выделенную область). На экране появит
ся диалог Make selection (Создать выделен-Рис. 4.123. Диалог Make selection
ную область) (Рис. 4.123). (Создать выделенную область)
В поле ввода Feather Radius (Радиус растушевки)
следует указать величину радиуса растушевки выделения в пикселах. Растушевка
делает края выделенной области более расплывчатыми благодаря созданию «зоны
перехода
» между пикселами выделенной области и окружающими пикселами. В этой зоне
происходит постепенное смешивание цветов. В результате растушевки может
произойти
потеря четкости изображения вблизи границы выделенной области. По умолчанию для
этого параметра предлагается значение 0 (ноль) пикселов. Оставим его без
изменения.
Обратите внимание, что по умолчанию установлен флажок Anti-aliased
(Сглаживание).
Сглаживание границ происходит за счет частичного наполнения цветом граничных
пикселов
и делает границы выделенных областей более плавными, поэтому Оно особенно
эффективно при создании сложных изображений из отдельных фрагментов с использо
Создание Web-сайтов
ванием операций вырезания и вклеивания. При этом не происходит какой-либо
потери
качества изображения, поскольку изменения затрагивают только граничные пикселы
выделенных областей.
> Нажав кнопку ОК, закройте диалог Make selection (Создать выделенную область).
Изображение самолета будет выделено движущейся пунктирной границей.
Автом
|
|