Druzya.org
Возьмемся за руки, Друзья...
 
 
Наши Друзья

Александр Градский
Мемориальный сайт Дольфи. 
				  Светлой памяти детей,
				  погибших  1 июня 2001 года, 
				  а также всем жертвам теракта возле 
				 Тель-Авивского Дельфинариума посвящается...

Библиотека :: Компьютеры и Программирование :: В.Н. Печникова - Создание Web-страниц и Web-сайтов
<<-[Весь Текст]
Страница: из 416
 <<-
 
одготовка графики 

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 (Создать выделенную область). 

Изображение самолета будет выделено движущейся пунктирной границей. 
Автом
 
<<-[Весь Текст]
Страница: из 416
 <<-