Как создать экран предварительной загрузки Adobe Flash: 9 шагов

2024 Автор: John Day | [email protected]. Последнее изменение: 2024-01-30 11:55

Предварительный загрузчик Flash привлекает пользователей к вашему веб-сайту, пока он все еще загружается, отображая полосу загрузки файла, которая обновляет ход веб-сайта. Вот как его сделать.

• Компьютер с доступом в Интернет
• Adobe Flash CS4
• Существующий веб-сайт Actionscript 3.0

Шаг 1. Шаг 1. Откройте ваши файлы Flash

Запустите программу Adobe Flash CS4 и откройте файлы своего Flash-сайта. Переключите макет рабочего пространства, щелкнув раскрывающееся меню в верхнем левом углу строки меню и выбрав «Конструктор».

Шаг 2. Шаг 2. Добавьте пустые ключевые кадры

На панели временной шкалы выберите все слои, выделив верхний слой, удерживая клавишу Shift и выделив нижний слой. Щелкните и перетащите первый кадр верхнего слоя на один кадр вправо, создавая пустой кадр в начале каждого слоя.

Шаг 3: Шаг 3: Создайте панель загрузки

Создайте полосу загрузки. Сначала выделите нижний слой временной шкалы и на панели «Инструменты» выберите инструмент «Прямоугольник». Затем в разделе «Свойства» измените цвета обводки и заливки прямоугольника, а также размер обводки. Нарисуйте прямоугольник в центре своей веб-страницы. Убедитесь, что прямоугольник и обводка не сливаются с фоном веб-страницы. СОВЕТ Если вы не уверены, что означает значок на какой-либо из панелей, удерживайте курсор мыши над ним, чтобы отобразить описание.

Шаг 4: Шаг 4: Преобразуйте контур панели загрузки

Преобразуйте контур полосы загрузки в фрагмент ролика. Выберите инструмент выделения в меню инструментов и дважды щелкните прямоугольник, чтобы выделить весь контур. Нажмите F8, чтобы открыть окно «Преобразовать в символ». Измените имя на «Контур» и измените тип на «Видеоклип». Щелкните ОК.

Шаг 5: Шаг 5: преобразование панели загрузки

Дайте общее описание шага Щелкните центр прямоугольника и нажмите F8, чтобы также преобразовать его в символ. Измените имя на прямоугольник и измените тип на Movie Clip. Для регистрации выберите центральный квадрат в крайнем левом углу. Затем нажмите ОК. Теперь перейдите на панель «Свойства» и измените имя экземпляра на rectangle_clip.

Шаг 6: Шаг 6: Создайте процентный текст

Выберите текстовый значок в меню «Инструменты». Настройте атрибуты текста в разделе «Свойства» и убедитесь, что для параметра «Текстовый инструмент» задан динамический текст. Нарисуйте текстовое поле в документе прямо под прямоугольником. Это заставит панель «Свойства» отобразить свойства текстового поля. В этих новых свойствах измените имя экземпляра на text_clip.

Шаг 7: Шаг 7: Напишите сценарии «стоп» и «событие»

Убедившись, что первый кадр нижнего слоя выбран на панели «Таймлайн», нажмите F9, чтобы открыть панель «Действия». В первой строке напишите сценарий остановки, который останавливает цикл веб-страницы. Нажмите Enter, чтобы перейти к следующей строке и добавить сценарий, который назначает функцию события веб-странице. Вызвать функцию preload1. Нажмите Enter.

Шаг 8: Шаг 8: Напишите сценарий "функции"

Напишите функцию preload1, которая содержит две переменные: одну, которая возвращает общее количество байтов для веб-страницы, и другую, которая возвращает количество загруженных байтов. Затем функция устанавливает размер полосы загрузки и текст в процентах, чтобы представить, сколько байтов было загружено. Последняя часть функции указывает Flash перейти ко второму кадру временной шкалы и воспроизвести его после загрузки всего документа. СОВЕТ Чтобы просмотреть документ в действии, выберите «Управление», «Тестировать ролик» в верхнем меню.

Шаг 9: Шаг 9: публикация и загрузка

Опубликуйте веб-сайт, выбрав «Файл», «Параметры публикации». Убедитесь, что установлены флажки SWF и HTML. Переименуйте оба файла и выберите место для сохранения. Затем нажмите «Опубликовать» и загрузите все опубликованные файлы на свой веб-сервер. Чтобы получить доступ к странице Flash, перейдите к HTML-файлу на своем веб-сервере.