Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
Знлісол^^о мгго. Сохраняем фотографию для Web
После обработки фотографии ее следует оптимизировать и сохранить на диске. Для фотографии наиболее подходящим является формЪт JPEG.
Сначала оптимизируем полученное изображение.
> Выберите вкладку 2-Up (2 варианта) в окне документа (Рис. 3.89).
Рис. 3.89. Вкладка 2-Up(2варианта) окна документа
Напомним, что в левой части вкладки 2-Up (2 варианта) отображается оригинальный рисунок, а в правой части - фотография после оптимизации графики. Сравнивая изображения на вкладке, можно определить, насколько изменится качество рисунка после оптимизации графики.
> Откройте панель Optimize (Оптимизировать).
> Если во втором сверху открывающемся списке не выбрана строка JPEG, то выберите ее, чтобы в дальней-
¦ шем сохранить фотографию в JPEG-файле (Рис. 3.90).
>¦ В поле ввода Quality (Качество) введите величину качества изображения после оптимизации 60%.
Нажмите клавишу Качество фотографии в правой части окна документа останется примерно тем же, а размер оптимизируемого файла уменьшится примерно в два раза.
Теперь сохраним изображение в JPEG-файле.
-|У?6 ¦ Better Quatty
3 Mette: gj Qua** [so h|
Selective quaity; [9O]W
Smoothing: |p |v|
Sort: I Hone 1¦»I 0 colors
Рис. 3.90. Панель Optimize (Оптимизировать) для JPEG-формата
ГЛАВА3. Подготовка графики с помощью Macromedia Fireworks МХ_
117
> Выберите команду меню File ¦ Export (Файл ¦ Экспорт). На экране появится, диалог Export (Экспорт) (Рис. 3.41). •• •!¦»iW-"..:;» 'гру
> В ' открывающемся списке Папка (Save in) выберите диск для сохранения JPEG-файла. ¦.
> В списке папок и ' файлов диалога Export (Экспорт) выберите папку, в которую нужно записать файл. ,, ¦ , . ¦
> Если в открывающемся списке Тип файла (File type) не выбрана строка Images Only (Только изображения), то выберите ее, чтобы сохранить фотографию только в
>- В поле ввода Имя файла (File name) введите имя JPEG-файла фото. ^
>- Нажмите, кнопку Сохранить (Save), чтобы закрыть диалог Export (Экспорт). Фотография будет сохранена на диске в файле фото-jpg. ...
. <,i ¦>'' '<f --
> Закройте окна всех документов, нажав кнопку [х] в их заголовке, и завершите работу с программой Macromedia Fireworks MX, выбрав команду меню FUe ¦ Exit (Файл * Выйти).
Надеемся,' что теперь с помощью программы Macromedia Fireworks MX 2004 вы сможете быстро создавать привлекательную Web-графику разумных размеров. В следующей главе мы познакомимся с тем, как в программе Macromedia Fireworks MX 2004 создавать анимацию.
І •
' ¦: і ¦ ЕІІ, - ..
г л а в а 4.
Анимация с помощью Macromedia Fireworks
В детстве каждому доводилось смотреть мультипликационные фильмы. Сейчас их также называют анимацией. В последнее время анимация нашла широкое применение в Интернете, в первую очередь, в рекламных баннерах. Анимация привлекает внимание гораздо сильнее, чем статические изображения, на небольшой площади можно поместить много информации за счет чередующихся кадров.
Под анимацией понимают отображение в быстром темпе последовательности кадров, каждый из которых несколько отличается от соседних. Кадр демонстрируется в течение определенного промежутка времени. При достаточно высокой частоте смены кадров создается иллюзия движения.
До недавнего времени анимационные фильмы рисовались на бумаге. Для создания десятиминутного мультфильма требовалось нарисовать 10 тысяч изображений. В последние годы анимационные технологии переведены на компьютерную основу, что позволило резко ускорить создание таких фильмов. И концепции разработки
анимации остались прежними, используемые методы значительно отличаются. Качество анимации определяется числом использованных кадров. Чем больше кадров содержит анимация на единицу времени, тем более плавным и сглаженным будет движение в процессе проигрывания.
В компьютерной анимации для Web увеличение количества кадров приводит к росту размера файла и времени его загрузки по сети. При подготовке анимации для Web-страниц необходимо найти компромисс между ее качеством и размером файла.
В настоящее время существует несколько технологий создания анимации для WWW: анимационный GIF, Flash, Java, JavaScript и ActiveX. Из этих технологий анимационный GIF является самым простым в создании, практически любой современный браузер
может его отобразить. Формат GIF позволяет размещать в одном файле несколько кадров для их последовательного вывода на экран. В отличие от обычного фильма, где длительность анимации определяется скоростью воспроизведения, для каждого кадра GIF-
анимации может быть задана длительность его отображения на экране, а для всей анимации есть возможность указать количество повторений. Кроме того, изображения, содержащиеся в кадрах GIF-анимации, необязательно должны быть одного размера. Анимаци-, онные GIF-файлы имеют небольшой размер файла за счет оптимизации, для их просмотра не требуется постоянная связь с сервером. В то же время палитра этих файлов не превышает 256 цветов, а сжатие фотографических изображений менее эффективно, чем в •формате ' JPEG. Создание анимационных GIF-файлов будет рассмотрено в этой главе.' 3