Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
то выберите ее, чтобы в дальнейшем сохранить созданный фильм в анимационном GIF-файле.
С помощью открывающегося списка Colors (Цвета) можно изменить количество используемых в анимации цветов. Сокращение числа цветов палитры уменьшает размер ани-• мационного файла. Открывающийся список Dither (Смеши- Puc. 4.20. Панель Optimize вать) . позволяет создавать отсутствующие в анимации цве- (Оптимизировать) та, смешивая имеющиеся. Следует отметить, что смешивание цветов может существенно увеличить размер файла.
¦: а.
С помощью поля ввода Loss (Потеря) есть возможность удалить пикселы из каждого кадра анимации. Высокие процентные значения удаленных пикселов в поле Loss (Потеря) приводят к уменьшению размера анимационного файла и снижению качества изображения.
Иногда анимация должна быть частично прозрачной, чтобы сквозь кадры фильма видеть
' : фоновую Web-страницу. Установим в созданной анимации .прозрачным зеленый цвет.
В нижнем открывающемся списке на панели Optimize (Оптимизировать) выберите строку Index Transparency (Прозрачный цвет), чтобы установить режим прозрачно-
• сти. В правой части окна документа белый фон станет прозрачным, на что указывает шахматная мозаика на месте белого фона.
Сделаем белый фон опять непрозрачным.
V Нажмите кнопку Щ\ в нижней части вкладки Optimize (Оптимизировать). Указатель мыши изменится на
, 1 > Щелкните мышью на любой точке белого цвета в левой части окна документа. Справа появится белый фон, то есть он опять стал непрозрачным.
¦ ' > Нажмите кнопку Щ\ в нижней части панели Optimize (Оптимизировать). Указатель мыши изменится на
Сделаем - прозрачным зеленый цвет вокруг названия фирмы АТЛАНТ.
Щелкните на точке фрагмента зеленого цвета, окаймляющего назва-
¦ ние фирмы АТЛАНТ, в правой части окна документа. Часть изображения зеленого ' '. цвета примет-вид .шахматной доски, а указатель мыши изменится на ^ (Рис. 4.21). ;Это означает, что зеленый цвет стал прозрачным во всех кадрах анимации.
1-е
Matte: JT^j
[jw* Adaptive jhjj Colors: |Э2 Ц]
LoK: І35—.іїі whw: 1??-іЗ
[КІОТ?ЛП?рДГЄПСу
Sort: [None Ц Э2 colors
132
Быстро и легко создаем, программируем и рскручиваем Web-сайт
ОгідігнІ: батвр prg
L
|Arei\atedGIF(„cument,fl) . |0ttdther
4.1? ........... adaptiv»
0 sec Ф56|фр5 32 colors, 35% loss
; >. Рис. 4.21. Рисунок с прозрачным цветом
Действуя описанным способом, можно установить прозрачными другие цвета. Теперь откажемся от прозрачности зеленого цвета.
>> Нажмите кнопку Щ\ в нижней части панели Optimize (Оптимизировать). Указатель мыши изменится на fl.
> Щелкните мышью на любом месте изображения, имеющего вид шахматной доски в правой части окна документа. Непрозрачный участок рисунка приобретет зеленый цвет, который снова станет непрозрачным.
> В нижнем открывающемся списке на вкладке Optimize (Оптимизировать) выберите строку No Transparency (Без прозрачности), чтобы отключить режим прозрачности.
Для установки прозрачным одного цвета можно воспользоваться кнопкой
части вкладки Optimize (Оптимизировать).
в нижней
f
В процессе оптимизации следует внимательно следить за качеством изображения в правой части окна документа. После завершения оптимизации графики полезно просмотреть все кадры анимации с помощью панели Frames (Кадры) для проверки корректности изменений в рисунках.
Чтобы сохранить анимацию в GIF-файле, выполните следующие шаги.
г'
> Выберите команду меню File ¦ Export (Файл ¦ Экспорт). На экране появится диалог Export (Экспорт) (Рис. 4.22).
> В открывающемся списке Папка (Save in) выберите диск для сохранения анимационного GIF-файла. ^ ;._ .
> В списке папок и файлов выберите папку, в которую нужно записать файл.
* Если в открывающемся списке Тип файла (File type) не выбрана строка Images Only . (Только изображения), то выберите ее, чтобы сохранить анимацию только в GIF-
файле. ;.¦ ; " -,
>¦ В поле ввода Имя файла (File name) введите название GIF-файла баннер. .
> Нажмите кнопку Сохранить (Save), чтобы закрыть диалог Export (Экспорт). Созданный фильм будет сохранен на диске в анимационном GIF-файле баннер.діт.
ГЛАВА 4. Анимация с помощью Macromedia Fireworks
133
¦ Vi
:• :::••-•;.. ¦¦b "-,
_P Of* 0 га-
Ц BACW3RND.GIF '*" HLPBELL.GIF Swiils.gif !етленг.Мее иа.М» «o_r1_cl.gif MeMO_r2_c1.gif Meteo..r2_c2.gif менп_г2_сЗ. gif Meteo_r3_c2.gif Mewo_r4_c2.gif CnHCWJMnI {тебяке-МЫ
Имя файла: Тип Файла:
|оаннео.д!
3 .'
Сомрежгь J
| Images Ot-Jy
El
| Отмене I
HTML:
I*™
LJ
ОрИив-.. I
Stele:
|None
a
? SileciedJcKonV
Doziert !rem ony
_ №cXi4fter««9v4№oiAs>№
•" 'J'i
'S* ii.J;'.
^.«^•..rf !.^•?.•-.^.,,•...•-- ./»«e 4,22, Диалог Export (Экспорт) , Г, ,
.'••1,--Ч'і"'.%. -V- ' "••-.•0"TSSTT ч'.Ч' ,
Теперь просмотрим нашу анимацию в программе Microsoft Internet Explorer, которая используется для путешествий по Web-страницам. -: ч ¦.