Тема: Подготовка файлов для web
Цель:
В этом уроке необходимо
узнать, как делать следующее:
• Создавать срезы изображения
с помощью инструмента Slice (Раскройка).
• Отличать пользовательские срезы от
автосрезов.
• Создавать для
пользовательских срезов ссылки на HTML-документы или другие ресурсы.
• Определять состояния ролловеров для
реагирования на действия мыши.
• Просматривать эффекты ролловеров.
• Использовать многослойные
файлы формата GIF
в качестве основы анимации.
• Использовать палитры Layers (Слои) и Animation (Анимация) для создания анимационных
последовательностей.
• Создавать анимации на
основе изменения положения, видимости слоев и эффектов слоев.
• Вносить изменения в одиночные кадры, во
множество кадров и во всю анимацию.
• Использовать команду Tween (Создать промежуточные кадры) для создания
плавных переходов между кадрами с различными настройками непрозрачности и
положения слоев;
• Просматривать анимации в web-браузере.
• Оптимизировать анимацию
изображения для web
и выбирать оптимальные параметры сжатия.
• Понимать отличия между оптимизациями в
форматах GIF
и JPEG.
• Экспортировать файлы большого размера с
высоким разрешением, размеры изображений которых превышают размеры экрана, для
изменения масштаба отображения и панорамирования.
Ход работы:
1. Открыли исходное изображение (рис.1).
Рисунок 1 – Исходное
изображение.
2. Выполнили выделение среза и настроили его
параметры с помощью инструмента Выделение фрагмента (рис.2).
Рисунок 2 – Выделение среза и
настройка его параметров.
3. Создали кнопки навигации. Инструментом Slice (Нарезка)
раскроили область на 5 равных частей. Присвоили каждой из 5 областей имя и
ссылку (рис.3).
Рисунок 3 – Создание кнопок навигации.
4. Открыли палитру Анимация. Переместили буквы анимации в
исходное положение (рис.4).
Рисунок 4 – Палитра Анимация.
5. Создали промежуточные кадры (рис.5).
Рисунок 5 – Создание промежуточных
кадров.
6. Добавили еще один дополнительный кадр. Применили к
нему эффект Свечение (рис.6).
Рисунок 6 – Применение эффекта Свечения.
7. Сохранили весь файл для web-приложений. Просмотрели
html-страницу (рис.7).
|