- Руководство пользователя Adobe Animate
- Введение в Animate
- Анимация
- Основы анимации в Animate
- Кадры и ключевые кадры в Animate
- Покадровая анимация в Animate
- Работа с классической анимацией движения в Animate
- Инструмент «Кисть»
- Руководство по движению
- Анимация движения и язык ActionScript 3.0
- Сведения об анимации движения
- Анимация движения
- Создание анимации движения
- Использование ключевых кадров свойств
- Положения в анимации движения
- Использование Редактора движения для анимаций
- Редактирование траектории анимации движения
- Управление анимациями движения
- Настраиваемое ускорение и замедление
- Создание и применение стилей движения
- Настройка диапазонов анимации движения
- Сохранение анимации движения в файлах XML
- Анимация движения и классическая анимация
- Анимация формы
- Анимация с использованием инструмента «Кость» в Animate
- Работа с риггингом персонажей в Animate
- Слои-маски в Adobe Animate
- Работа со сценами в Animate
- Интерактивность
- Создание кнопок в Animate
- Преобразование проектов Animate в другие форматы документов
- Создание и публикация документов HTML5 Canvas в Animate
- Добавление интерактивных возможностей с помощью фрагментов кода в Animate
- Создание пользовательских компонентов HTML5
- Использование компонентов в HTML5 Canvas
- Создание пользовательских компонентов: примеры
- Фрагменты кода для пользовательских компонентов
- Рекомендации: реклама в Animate
- Разработка и публикация контента для виртуальной реальности
- Рабочая среда и рабочий процесс
- Создание и использование малярных кистей
- Использование шрифтов Google в документах HTML5 Canvas
- Использование библиотек Creative Cloud Libraries и Adobe Animate
- Использование рабочей области и панели «Инструменты» в Animate
- Рабочие процессы и рабочая среда Animate
- Использование веб-шрифтов в документах HTML5 Canvas
- Временные шкалы и ActionScript
- Работа с несколькими временными шкалами
- Задание настроек
- Использование панелей разработки Animate
- Создание слоев временной шкалы в Animate
- Экспорт анимаций для мобильных приложений и игровых платформ
- Перемещение и копирование объектов
- Шаблоны
- Поиск и замена в Animate
- Отмена/повтор действий и панель «История»
- Сочетания клавиш
- Использование временной шкалы в Animate
- Создание HTML-расширений
- Параметры оптимизации изображений и GIF-анимаций
- Настройки экспорта для изображений и GIF
- Панель «Ресурсы» в Animate
- Мультимедиа и видео
- Преобразование и объединение графических объектов в Animate
- Создание экземпляров символов и работа с ними в Animate
- Трассировка изображения
- Использование звука в Adobe Animate
- Экспорт SVG-файлов
- Создание видеофайлов для использования в Animate
- Добавление видео в Animate
- Рисование и создание объектов в Animate
- Изменение линий и фигур
- Обводки, заливки и градиенты в Animate CC
- Работа с Adobe Premiere Pro и After Effects
- Панели «Цвет» в Animate CC
- Открытие файлов Flash CS6 в Animate
- Работа с классическим текстом в Animate
- Размещение иллюстраций в Animate
- Импортированные растровые изображения в Animate
- Трехмерная графика
- Работа с символами в Animate
- Рисование линий и фигур в Adobe Animate
- Работа с библиотеками в Animate
- Экспорт звуков
- Выделение объектов в Animate CC
- Работа с AI-файлами Illustrator в Animate
- Применение режимов наложения
- Упорядочивание объектов
- Автоматизация задач с помощью меню «Команды»
- Многоязычный текст
- Использование камеры в Animate
- Графические фильтры
- Звук и ActionScript
- Настройки рисования
- Рисование инструментом «Перо»
- Платформы
- Преобразование проектов Animate в другие форматы документов
- Поддержка специализированных платформ
- Создание и публикация документов HTML5 Canvas в Animate
- Создание и публикация документа WebGL
- Упаковка приложений AIR for iOS
- Публикация приложений AIR for Android
- Публикация для Adobe AIR на настольных ПК
- Параметры публикации ActionScript
- Рекомендации: размещение ActionScript в приложении
- Использование ActionScript в Animate
- Специальные возможности в среде Animate
- Создание и использование сценариев
- Обеспечение поддержки специализированных платформ
- Общие сведения о поддержке специализированных платформ
- Работа с плагинами поддержки специализированных платформ
- Отладка сценариев ActionScript 3.0
- Обеспечение поддержки специализированных платформ
- Экспорт и публикация
- Экспорт файлов из Animate CC
- Публикация OAM
- Экспорт SVG-файлов
- Экспорт графики и видео из Animate
- Публикация документов AS3
- Экспорт анимаций для мобильных приложений и игровых платформ
- Экспорт звуков
- Рекомендации: советы по созданию контента для мобильных устройств
- Рекомендации: правила работы с видео
- Рекомендации: руководство по созданию SWF-приложений
- Рекомендации: формирование структуры FLA-файлов
- Рекомендации: оптимизация FLA-файлов для Animate
- Параметры публикации ActionScript
- Задание параметров публикации для Animate
- Экспорт файлов-проекторов
- Экспорт изображений и анимированных файлов GIF
- Шаблоны публикации HTML
- Работа с Adobe Premiere Pro и After Effects
- Быстрая публикация анимаций
- Устранение неполадок
Использование рекомендуемых размеров
При установке размеров рекламных роликов в Animate необходимо следовать нормативам Interactive Advertising Bureau (IAB). В следующей таблице перечислены рекомендованные отделом Interactive Marketing Unit (IMU) размеры рекламных материалов:
Тип рекламы |
Размеры (пикселы) |
---|---|
Широкий небоскреб |
160x600 |
Небоскреб |
120x600 |
Полустраничная реклама |
300x600 |
Полноразмерный баннер |
468x60 |
Баннер половинного размера |
234x60 |
Микропанель |
88x31 |
Кнопка 1 |
120x90 |
Кнопка 2 |
120x60 |
Вертикальный баннер |
120x240 |
Квадратная кнопка |
125x125 |
Передняя панель |
728x90 |
Средний прямоугольник |
300x250 |
Квадратное всплывающее окно |
250x250 |
Вертикальный прямоугольник |
240x400 |
Большой прямоугольник |
336x280 |
Прямоугольник |
180x150 |
При создании FLA-файла из шаблона (выберите «Файл» > «Создать» и перейдите на вкладку «Шаблоны») видны многие из этих размеров.
Создание рекламных SWF-файлов
При создании рекламных материалов следуйте приведенным ниже рекомендациям.
Оптимизируйте графические объекты. Старайтесь, чтобы размер рекламного SWF-баннера не превышал 15 Кбайт.
Размер рекламных GIF-баннеров Animate не должен превышать 12 Кбайт.
Ограничивайте циклические рекламные баннеры тремя повторами. Многие веб-сайты принимают рекомендации о стандартизированном размере файлов как технические требования к рекламе.
Используйте команду GET для передачи данных между рекламой и сервером. Не используйте команду POST. Дополнительные сведения о командах GET и POST см. в описании функции getURL в руководстве Справочник ActionScript® 2.0 для Adobe® Flash® Professional CS5.
Предоставьте управление пользователю. Если реклама содержит звук, добавьте кнопку для его выключения. При создании прозрачной рекламы Animate, всплывающей поверх веб-страницы, добавьте кнопку для закрытия рекламы в любой момент.
Отслеживание рекламы
Некоторые ведущие современные рекламные сети поддерживают стандартизированные методы отслеживания SWF-файлов Animate. Ниже приведены указания, в которых описан поддерживаемый метод отслеживания.
Создание кнопки или кнопки фрагмента ролика
Используйте стандартизированные размеры, указанные IAB. Список стандартизированных размеров см. на веб-сайте IAB. Дополнительные сведения о создании кнопки в Animate см. в разделе Создание кнопок.
Добавление сценария к кнопке
Сценарий выполняется при щелчке на баннере. Для открытия нового окна обозревателя можно использовать функцию getURL(). Приведенные ниже сниппеты — два примера кода ActionScript 2.0, который можно добавить в кадр 1 на временной шкале:
myButton_btn.onRelease = function(){ getURL(clickTAG, "_blank"); };
Следующий код можно добавить в кадр 1 на временной шкале.
myButton_btn.onRelease = function() { if (clickTAG.substr(0, 5) == "http:") { getURL(clickTAG); } };
Функция getURL() добавляет переменную, переданную в тегах object и embed, после чего направляет запущенный обозреватель по указанному адресу. Сервер, на котором размещена реклама, может отследить щелчки на рекламе. Дополнительные сведения об использовании функции getURL() см. в руководстве Справочник по языке ActionScript® 2.0.
Назначение кода clickTAG для отслеживания
Этот код отслеживает рекламу и позволяет сети, обслуживающей рекламу, определить, где отображалась реклама и когда на нее нажали.
Это стандартный способ создания рекламной компании с помощью типовой рекламы Animate. Если баннеру присвоена функция getURL(), то для отслеживания баннера можно использовать приведенный ниже процесс. В следующем примере к строке URL-адреса для передачи данных добавляется переменная, что позволяет задавать для баннера динамические переменные, а не создавать отдельные баннеры для каждого домена. Один и тот же баннер может использоваться во всей кампании, а отследить щелчки по баннеру может каждый сервер, на котором размещается реклама.
В тегах object и embed HTML-файла можно добавить код, аналогичный показанному в следующем примере (где www.helpexamples.com — рекламная сеть, а adobe.com — рекламируемая компания):
<EMBED src="your_ad.swf?clickTAG= http://helpexamples.com/tracking?http://www.adobe.com">
Добавьте в HTML-файл следующий код.
<PARAM NAME=movie VALUE="your_ad.swf?clickTAG =http: //helpexamples.com/tracking?http://www.adobe.com"> << этот фрагмент HTML, возможно, потребуется обновить с учетом текущего исправления содержимого, из-за которого пользователи, вероятно, будут редактировать файлы JS вместо файлов HTML - JayA >>
Тестирование рекламных файлов
Рекламные SWF-файлы следует протестировать в самых распространенных обозревателях, особенно в тех, которые использует целевая аудитория. Возможно, у некоторых пользователей не установлено приложение Flash Player или запрещены сценарии JavaScript. Учтите такую возможность и предоставьте этим пользователям замену в виде GIF-изображений по умолчанию и т. п. Дополнительные сведения об обнаружении проигрывателя Flash Player см. в разделе «Задание параметров публикации для SWF-файлов». Передайте пользователю управление SWF-файлом. Позвольте пользователю полностью управлять звуком в рекламе. Если реклама представляет собой плавающий по веб-странице SWF-файл без рамки, разрешите пользователю мгновенно закрыть рекламу в любой момент.
Новейшие сведения о распространении Flash Player в различных регионах см. по адресу www.adobe.com/go/fp_version_penetration_ru.