Практическая часть
Задание 1. Технология отрисовки картинки во Flash
Откройте новый документ Macromedia Flash 8.0 или более поздней версии.
Импортируйте картинку, которую будем отрисовывать: Файл→Импорт→Импортировать на студию (Ctrl+R).
Заблокируйте слой с картинкой, установив замочек, и создайте еще один новый, где и будем работать.
Выберите инструмент Линия (N) Line Tool и начните обрисовывать картинку по контуру прямыми линиями яркого цвета, отличающегося от цвета фона и рисунка – для удобства обрисовки. У вас должен получиться следующий контур (рис. 14.1.).
Рис. 14.1. Обрисованный контур
Замечание: Обратите внимание, чтобы при отрисовке инструмент Чертеж объекта (J) не был нажат:
Рис. 14.2. Инструмент Чертеж объекта
Теперь линии нужно закруглить, для этого выберите инструмент Выделение (V) Selection Tool. Подведите курсор к линии и, не выделяя ее, потяните в нужном направлении (рис. 14.3).
Рис. 14.3. Скругление линий
Повторите эту операцию для каждой линии.
Для того, чтобы подкорректировать некоторые линии можно воспользоваться инструментом Подвыделение (А) Subselection Tools.
Рис. 14.4. Корректировка линий
Повторите шаги 4-5 с остальными (внутренними) линиями изображения. Должен получиться следующий результат (рис.14.5).
Рис. 14.5. Откорректированный обрисованный контур
Выберите инструмент Выделение (V) Selection Tool и двойным щелчком выделите все линии. Измените их цвет на черный (рис. 14.6.).
Залейте части картинки заливкой (инструмент массовой заливки (K) ) и добавьте надпись Epson.
Настройка цвета градиентной заливки
Рис. 14.6. Настройка цвета градиентной заливки
Сравним исходное и получившееся изображение (рис. 14.7.).
Рис. 14.7. Исходное и обработанное изображение
Выберите инструмент Выделение (V) Selection Tool и выделите изображение. Теперь преобразуйте в символ – тип графика: Convert to Symbol…→Graphic→OK.
Удалите исходное изображение из библиотеки для того, чтобы разрабатываемое пособие имело меньший объем.
Задание 2. Технология свободного перемещения объектов
Изображение у нас есть, теперь его необходимо преобразовать в символ – тип клип. Для этого при помощи инструмента Выделение (V) Selection Tool выделяем все изображение. Находясь курсором на выделенном изображении, щелкаем правой кнопкой мыши, в открывшемся меню выбираем Преобразовать в символ, тип – клип. (Convert to Symbol…→Movie Clip→OK).
Рис. 14.8. Преобразование в символ
Открываем закладку «Действия» (F9) и пишем код свободного перемещения для объекта (рис. 14.9.):
on (press) { //Кнопка мыши нажата
StartDrag (this); } //Начать перемещение
on (release) { //Кнопка мыши отпущена
StopDrag (); } //Закончить перемещение
Рис. 14.9. Написание кода свободного перемещения
Замечание: StartDrag и StopDrag находятся в разделе Movie Clip Control.
Данные операции повторяем для каждого подвижного объекта, который размещаем на отдельном слое. Для удобства можно блокировать каждый созданный кадр, тогда будет легче работать. Не забывайте, что каждый из них должен представлять из себя клип. Одинаковые объекты можно просто копировать и размещать на одном слое.
В 1-м кадре слоя прописываем код разворачивания клипа на весь экран:
fscommand("showmenu", "false");
fscommand("fullscreen","true");
Добавляем кнопку выхода из полноэкранного режима со следующим кодом:
on (release) {
fscommand("quit");
}
Нажимаем Ctrl+Enter – тестируем проект! Обратите внимание, что кнопка Выход будет работать только тогда, когда вы запустите ролик с расширением .swf или .exe и разворачивание окна во весь экран тоже будет происходить только при демонстрации ролика .swf или .exe.
Сохраните ролик (Файл→Сохранить как→……).
Опубликуйте ролик в формате swf: Файл→Публикация (Shift+F12)
Лабораторная работа №22
Технология создания кнопок
Цель работы: Освоение технологии создания клипа-кнопки и кнопки перемещения между сценами.
Теоретические сведения
Кнопка важный элемент любого интерактивного ресурса. Разрабатывая образовательный ресурс для интерактивной доски во Flash можно использовать кнопки из стандартной библиотеки компонентов Flash. В кнопке четыре кадра, которые соответствуют четырём её состояниям:
Up – первоначальное (пассивное) состояние кнопки. Кнопка находится в этом состоянии, когда курсор мышки находится за её пределами.
Over – это состояние соответствует виду кнопки, когда курсор находится над кнопкой. Многие в этом состоянии используют эффекты "подсветки", "приподнимания" и т.п. чтобы показать, что кнопка "готова к нажатию".
Down – состояние кнопки, когда она нажата. В этом состоянии используются эффекты "вдавливания", более тёмной "подсветки и т.п.
Hit – это состояние используется для области кнопки, которая будет реагировать на курсор. Контур, нарисованный в этом состоянии, будет обозначать активную область кнопки. Например, в символе arcade button - orange, активной является область кнопки, и окружающего её ободка - тень не входит в активную область (хотя тоже присутствует в символе кнопки), поэтому при нажатии на неё ничего не происходит.
В эти четыре состояния можно помещать всё что угодно, включая другие символы (даже объекты MovieClip), тем самым создавая всевозможные кнопки.
В работе понадобится для кнопки прописать код свободного перемещения с изчесновением.
on (press) //когда кнопка мыши нажата
{
this.startDrag(true); //начинаем перемещать текущий объект, ключевое слово true в данном случае задает привязку центра объекта к курсору
}
on (release) //когда кнопка мыши отпущена
{
this.stopDrag(); //заканчиваем перемещать текущий объект
if (this._droptarget == "/sistemnic") //осуществляем проверку условия - если есть столкновение с объектом по имени sistemnic, то
{
this._visible = 0; //текущий объект становится невидимым
} // конец выполнения условного оператора
}
- Поиск по названию
- Как найти дом на карте
- Построение маршрута
- Выбор точек для расчета проезда
- Изменение маршрута
- Создание связи с существующим файлом или веб-страницей
- Создание гиперссылок в документах Microsoft Word посредством перетаскивания
- Создание гиперссылки на файл или веб-страницу
- Создание гиперссылок в ms Excel Практическая часть
- 1. Основные сведения о сборниках, проектах и фильмах
- 2. Строка меню и панели инструментов
- 3. Окно монитора
- 4. Раскадровка и Шкала времени
- 5. Импорт существующих файлов мультимедиа
- 6. Перемещение и копирование клипов
- 7. Создание автофильма
- 8. Монтаж клипов
- 9. Обрезка клипов
- 10. Использование видеопереходов, видеоэффектов и названий
- 11. Работа со звуком
- Практическая часть
- Интерфейс системы Flash
- Инструменты системы Flash Линии: инструменты Line Tool (n)«Прямая линия» и Pencil Tool (y) «Карандаш»
- Правильные замкнутые фигуры
- Замкнутые фигуры произвольной формы
- Создание фигуры с помощью инструмента Brush Tool (b) «Кисть»
- Выделение объектов
- Градиентная заливка
- Редактирование параметров градиентной заливки
- Создание собственного варианта градиентной заливки
- Eraser Tool (e) Ластик
- Зеркальное отображение
- Группировка объектов
- 2. Фаерволы
- История TrueCrypt
- Возможности TrueCrypt
- Другие возможности TrueCrypt:
- Практическая часть
- Настройка учетной записи
- Уведомления
- 5. Календарь
- 6. Контакты
- Практическая часть
- Образовательные Web-ресурсы: сайты и порталы
- Образовательный портал
- Различия сайтов и порталов
- Сервисы и службы образовательного Web-ресурса
- Состав базовых сервисов и служб
- Практическая часть
- Практическая часть
- Комментарий к представленному скрипту
- Операторы языка ActionScript
- Практическая часть
- 1. Вычисление простейших арифметических выражений
- 2. Вычисление значений выражений, содержащий переменные
- 3. Вычисление значений функции пользователя
- 4. Построение графика функции
- 5. Преобразование алгебраических выражений
- 6. Символьное решение уравнений
- 7. Вызов справочной системы
- Практическая часть
- Лабораторная работа № 24 Система автоматизированного проектирования дизайна интерьеров
- Теоретическая часть
- Практическая часть