Поиск

Программа Gif Construction Set

В следующих разделах этой главы речь пойдет о создании эффекта движения (анимации) при помощи GIFфайлов. Поэтому вначале нам необходимо позна комиться с инструментарием, который позволяет решать такие задачи. На мой взгляд, внимания заслуживает программа Gif Construction Set (GCS) для Windows 9x, о которой я уже упоминал в начале главы. Разберем ее основные функ ции. На рис. 7.6 показано окно GCS с открытым сложным GIFфайлом. Область в правой части окна позволяет посмотреть одиночное изображение (блок IMAGE) в уменьшенном формате.

Для выполнения основных операций предусмотрены кнопки, вынесенные на ос новную панель.

View Просмотр изображения. Для прекращения просмотра необходимо на жать клавишу Esc или щелкнуть правой кнопкой мыши.
Insert Добавление нового блока. На рис. 7.7 показана панель, которая позволяет выбрать нужный блок из тех, с которыми мы познакомились ранее (см. раздел «Форматы графических файлов»).
Edit Редактирование блока. Как правило, для каждого блока необходимо установить набор параметров. Это делается в режиме диалога после выбора блока и щелчке на этой кнопке.
Delete Удаление

Manage Работа с несколькими блоками CONTROL в одном файле. Соответствующее окно диалога показано на рис. 7.8.

Используя это окно, можно выполнить ряд операций.

  • Insert before selected images. Создание нового блока CONTROL перед каждым из выбранных изображений. Как правило, в сложных файлах для каждого блока изображения создается свой блок CONTROL. Это позволяет настраивать парамет ры каждого изображения отдельно.
  • Insert where required selected images. Создание блоков CONTROL перед выбранны ми блоками изображений там, где блоки CONTROL отсутствуют. Считается, что каждый блок изображения должен предваряться блоком управления. При нарушении этого условия программа выдает сообщение об ошибке в момент сохранения файла. На практике выполнение этого условия не всегда обяза тельно: например, при анимации, когда все блоки изображения имеют одина ковые характеристики и выводятся через равные промежутки времени.
  • Set all existing controls. Установка одинаковых параметров во всех выбранных блоках. Для этого надо выполнить следующие действия.
      1. Выделить необходимые блоки CONTROL в окне Block Management.
      2. Установить переключатель напротив данной команды и щелкнуть на кнопке Apply.
      3. В открывшемся окне Edit Control Block установить новые параметры и щелк нуть на кнопке ОК.
      4. Щелкнуть на кнопке ОК в окне Block Management.
      • Delete selected controls. Удаление выбранных блоков управления.

      Группа инструментов Image blocks позволяет управлять положением некото рых блоков изображения при выводе на экран всего файла. Перед установкой параметров соответствующие блоки CONTROL должны быть выделены.

      Кнопка Select All позволяет выделить все блоки CONTROL в списке окна Block Management. Кнопка Clear All снимает выделение со всех блоков CONTROL. Кнопка View позволяет просмотреть GIFфайл, не выходя из окна Block Management. About Получение справки о фирмепроизводителе и о регистрации продукта. ( Настройка программы. На рис. 7.9 показано окно диалога режима Setup.

      Как видим, здесь достаточно много параметров. Рассмотрим их назначение

      • Display interlace. Включение и отключение эффекта чередования строк и других похожих эффектов при выводе изображения.
      • Draw frame guides. В режиме редактирования блока изображения существует возможность просмотра отдельного блока. В этом случае через границы рисунка проводятся пунктирные линии, которые позволяют лучше понять положение рисунка на экране.
      • Use image offsets. При просмотре одиночного блока изображения этот параметр позволяет увидеть картинку в центре экрана или в том месте, где она будет выведена при просмотре всего GIFфайла.
      • Dither view background. Этот режим используется, если на компьютере установ лен цветовой режим 256 цветов или меньше. Установка данного флажка разре шит выполнение подбора цвета фона с помощью доступных цветов.
      • True transparency. Управление режимом создания прозрачности. Чтобы данный эффект был передан верно, помимо установки данного флажка необходим вы бор режима цветопередачи монитора High Color или True Color.
      • Write directory block. Если этот флажок установлен, то программа создает в фай ле блок TITLE, в котором размещает сведения о местонахождении файлов изоб ражений, включенных в качестве блоков IMAGE в данный файл. При создании изображений для Интернета этот флажок должен быть снят.
      • Adjust header on save. Проверка и вычисление значений для указания ширины и высоты экрана в блоке заголовка во время сохранения файла.
      • Check animations. Проверка GIFфайлов, содержащих несколько изображений, на предмет корректности структуры. Проверка выполняется перед сохранени ем, и в случае обнаружения ошибок выводятся соответствующие подсказки.
      • Add controls for drop. GCSподдержка технологии Drag and Drop (перетащить и оставить) при вставке новых блоков изображений. При установке данного флажка программа будет автоматически создавать для каждого блока изобра жения блок CONTROL, если блок IMAGE включен в состав файла перетаскиванием.
      • Dither contrast и Dither brightness. Выбор параметров контрастности и яркости соответственно для импорта изображения из другого файла. Изза ограничен ности количества цветов в GIFфайле при импорте иногда происходит потеря качества изображения. В таких случаях как раз и необходим тщательный под бор параметров.
      • Maximum blocks. Установка допустимого количества блоков в GIFфайле. Пос ле изменения этого параметра необходимо заново открыть файл, чтобы новое значение стало актуальным.
      • Interlace delay. Установка величины задержки (в миллисекундах) после вывода каждой строки изображения, в котором задан эффект чередования, то есть вывод строк не по порядку.
      • Default palette. Выбор типа палитры по умолчанию. На рис. 7.9 этот список по казан в раскрытом виде.
      • Edit view mode background. Выбор цвета фона для режима просмотра при редак тировании блока изображения.

      Теперь можно перейти к обсуждению режимов редактирования отдельных бло ков. На рис. 7.10 показано окно для редактирования блока заголовка. Напомню, что для перехода в режим редактирования блока надо выделить последний и щелк нуть на кнопке Edit. Установка ширины (Screen width) и высоты (Screen depth) скорее формальность, чем необходимость. В том случае, когда размер экрана задан меньше истинного, лишнее пространство заполняется черным цветом. Кнопка Background позволяет активизировать палитру для выбора цвета фона. Все эти параметры не имеют смысла, если GIFфайл используется в другой про грамме. Флажок Global palette позволяет реализовать общую палитру в GIFфай ле. Общая палитра создается по умолчанию при формировании файла с несколь кими изображениями. Работать с ней надо осторожно, так как с ее помощью легко испортить изображения. Кнопка Save позволяет сохранить палитру. Палитра может быть записана в отдельный файл формата СМР, а затем импортирована в другой GIFфайл.

      b

      При редактировании блока изображения окно диалога выглядит так, как по казано на рис. 7.11. Поля со счетчиками Image left и Image top позволяют задать положение рисунка относительно левого верхнего угла экрана. Установка флаж ка Interlaced обеспечит вывод рисунка в режиме чередования строк. Группа Palette содержит инструменты для создания собственной палитры изображения. Поле ввода Block title позволяет ввести название блока. Эта информация служит комментарием в GCS и при показе GIFфайла не используется. Кнопка View позволяет просмотреть отдельный блок. Это так называемый «режим просмот ра при редактировании» (edit view mode). Он отличается от основного режима просмотра. Средства непосредственного редактирования изображения в GCS крайне бедны. Они доступны в режимах редактирования блоков CONTROL и IMAGE, Так что для подготовки отдельных изображений лучше использовать графи ческий редактор.

      Окно для редактирования блока управления показано на рис. 7.12. Напомню, что каждый блок изображения может (и должен) дополняться блоком управления. Последний обязан располагаться перед блоком изображения. Для создания про зрачного цвета необходимо установить флажок Transparent colour и выбрать цвет при помощи одного из инструментов, расположенных справа от флажка. Надо заметить, что к выбору прозрачного цвета в данном случае надо подходить с осто рожностью. Назначение прозрачности не создает проблем в основном для про стых рисунков, в которых использовано мало цветов или существующие цвета легко отличить друг от друга. В некоторых изображениях, таких, как фотографии, могут присутствовать несколько оттенков одного цвета. При этом не имеет значе ния, что в палитре может быть не более 256 цветов. Оттенки могут быть трудно различимы для глаза. В результате пользователь может думать, что область рисун ка закрашена одним цветом. Если для такой области попытаться назначить прозрач ность, то прозрачными станут отдельные пикселы и изображение будет испорчено. Поле Delay позволяет установить величину задержки (в сотых долях секунды) перед выводом следующего блока. Список Remove by дает возможность определить, надо ли удалять изображение после того, как оно показано. Определяется также, каким изображением заменяется удаленная картинка. В списке могут присутство вать следующие значения:

      • Nothing — без изменений;
      • Leave as is — оставить как ест
      • Background — изображение заменяется фоном;
      • Previous image — изображение заменяется предыдущим изображением.

      При разработке GIFфайлов для WWW следует выбрать значение Nothing или Background.

      Обратите внимание на подсказку в окне редактирования блока CONTROL: Set Remove by to Background for transparent animated GIF files. На русском языке это напо минание выглядит так: «Выбирайте в списке Remove by значение Background для прозрачных движущихся GIFфайлов». Действительно, это правило должно всегда соблюдаться.

        Допустим, мы имеем анимационный GIFфайл и хотим создать в нем прозрачный фон. Для этого надо выполнить следующую последовательность действий.
      1. Откройте окно Block Management щелчком на кнопке Manage.
      2. Щелкните на кнопке Select All.
      3. Установите переключатель Set all existing controls в группе Control blocks и щелк ните на кнопке Apply.
      4. В открывшемся окне Edit Control Block установите флажок Transparent Colour щелкните сначала на кнопке с изображением пипетки, а затем — на фоне изоб ражения.
      5. Закройте оба окна щелчком на кнопках ОК.

      В движущихся изображениях с прозрачным фоном можно получить интересный визуальный эффект, если в списке Remove by выбрать значение Nothing. Изобра жения будут накладываться друг на друга. В некоторых случаях это позволяв создавать эффект следа от движения.

      На рис. 7.13 показано окно для редактирования блока текста. В левой части ОКНЕ находится область, где набирается текст, а все инструменты справа предназначе ны для его форматирования.

      Окно для редактирования блока цикла — самое простое. Оно показано на рис. 7.14 Здесь пользователь может установить число повторений при выводе блоков изоб ражений GIFфайла. По этой величине и длительности задержки вывода одиноч кого изображения можно определить время воспроизведения анимационного файла.

      После того как нужное количество итераций выполнено, смена изображе ний прекращается. В общем случае не имеет значения, что представляет собой сложный GIFфайл: набор версий .одной и той же картинки или набор разнород ных изображений и текстовых фрагментов. Эффекты анимации могут быть ис пользованы с равным успехом как для создания движения, так и для создания сложного мозаичного изображения, в котором отдельные детали выводятся последо вательно. Наличие блока LOOP само по себе является причиной цикличности про цесса, поскольку без этого блока каждое изображение выводится только один раз.

      В окне, показанном на рис. 7.14, имеется предупреждение, что блок LOOP поддер живается броузером Netscape 2.0 или более поздней его версией. Получается, что разработчик Webстраницы должен учитывать, в каком броузере будет просмат риваться его документ? Это интересный аспект создания Webстраниц, на кото ром надо остановиться особо. Дело в том, что подобные предупреждения верны только отчасти. Они позволяют нам увидеть возможную проблему. Что касается броузеров, то постоянно выходят их новые версии, в которых фирмыпроизводи тели стараются реализовать все получившие признание нововведения. С другой стороны, никто не может дать гарантию, что при просмотре Webстраницы у ка когонибудь пользователя не возникнут проблемы изза того, что в странице был реализован нестандартный эффект, а данный броузер не может его воспроизвес ти. Таким образом, разумное решение, на мой взгляд, заключается в том, чтобы разрабатывать страницы без оглядки на ограничения, связанные с версиями и типами броузеров, но использовать новинки дизайна так, чтобы их отсутствие не помешало прочитать страницу.