Руководство пользователя Отмена

Использование веб-шрифтов в документах HTML5 Canvas

Поиск
Animate

Animate

Открыть приложение
  1. Руководство пользователя Adobe Animate
  2. Введение в Animate
    1. Новые возможности Animate
    2. Визуальный глоссарий
    3. Системные требования Animate
    4. Сочетания клавиш Animate
    5. Работа с несколькими типами файлов в Animate
  3. Анимация
    1. Основы анимации в Animate
    2. Кадры и ключевые кадры в Animate
    3. Покадровая анимация в Animate
    4. Работа с классической анимацией движения в Animate
    5. Инструмент «Кисть»
    6. Руководство по движению
    7. Анимация движения и язык ActionScript 3.0
    8. Сведения об анимации движения
    9. Анимация движения
    10. Создание анимации движения
    11. Использование ключевых кадров свойств
    12. Положения в анимации движения
    13. Использование Редактора движения для анимаций
    14. Редактирование траектории анимации движения
    15. Управление анимациями движения
    16. Настраиваемое ускорение и замедление
    17. Создание и применение стилей движения
    18. Настройка диапазонов анимации движения
    19. Сохранение анимации движения в файлах XML
    20. Анимация движения и классическая анимация
    21. Анимация формы
    22. Анимация с использованием инструмента «Кость» в Animate
    23. Работа с риггингом персонажей в Animate
    24. Слои-маски в Adobe Animate
    25. Работа со сценами в Animate
  4. Интерактивность
    1. Создание кнопок в Animate
    2. Преобразование проектов Animate в другие форматы документов
    3. Создание и публикация документов HTML5 Canvas в Animate
    4. Добавление интерактивных возможностей с помощью фрагментов кода в Animate
    5. Создание пользовательских компонентов HTML5
    6. Использование компонентов в HTML5 Canvas
    7. Создание пользовательских компонентов: примеры
    8. Фрагменты кода для пользовательских компонентов
    9. Рекомендации: реклама в Animate
    10. Разработка и публикация контента для виртуальной реальности
  5. Рабочая среда и рабочий процесс
    1. Создание и использование малярных кистей
    2. Использование шрифтов Google в документах HTML5 Canvas
    3. Использование библиотек Creative Cloud Libraries и Adobe Animate
    4. Использование рабочей области и панели «Инструменты» в Animate
    5. Рабочие процессы и рабочая среда Animate
    6. Использование веб-шрифтов в документах HTML5 Canvas
    7. Временные шкалы и ActionScript
    8. Работа с несколькими временными шкалами
    9. Задание настроек
    10. Использование панелей разработки Animate
    11. Создание слоев временной шкалы в Animate
    12. Экспорт анимаций для мобильных приложений и игровых платформ
    13. Перемещение и копирование объектов
    14. Шаблоны
    15. Поиск и замена в Animate
    16. Отмена/повтор действий и панель «История»
    17. Сочетания клавиш
    18. Использование временной шкалы в Animate
    19. Создание HTML-расширений
    20. Параметры оптимизации изображений и GIF-анимаций
    21. Настройки экспорта для изображений и GIF
    22. Панель «Ресурсы» в Animate
  6. Мультимедиа и видео
    1. Преобразование и объединение графических объектов в Animate
    2. Создание экземпляров символов и работа с ними в Animate
    3. Трассировка изображения
    4. Использование звука в Adobe Animate
    5. Экспорт SVG-файлов
    6. Создание видеофайлов для использования в Animate
    7. Добавление видео в Animate
    8. Рисование и создание объектов в Animate
    9. Изменение линий и фигур
    10. Обводки, заливки и градиенты в Animate CC
    11. Работа с Adobe Premiere Pro и After Effects
    12. Панели «Цвет» в Animate CC
    13. Открытие файлов Flash CS6 в Animate
    14. Работа с классическим текстом в Animate
    15. Размещение иллюстраций в Animate
    16. Импортированные растровые изображения в Animate
    17. Трехмерная графика
    18. Работа с символами в Animate
    19. Рисование линий и фигур в Adobe Animate
    20. Работа с библиотеками в Animate
    21. Экспорт звуков
    22. Выделение объектов в Animate CC
    23. Работа с AI-файлами Illustrator в Animate
    24. Применение режимов наложения
    25. Упорядочивание объектов
    26. Автоматизация задач с помощью меню «Команды»
    27. Многоязычный текст
    28. Использование камеры в Animate
    29. Графические фильтры
    30. Звук и ActionScript
    31. Настройки рисования
    32. Рисование инструментом «Перо»
  7. Платформы
    1. Преобразование проектов Animate в другие форматы документов
    2. Поддержка специализированных платформ
    3. Создание и публикация документов HTML5 Canvas в Animate
    4. Создание и публикация документа WebGL
    5. Упаковка приложений AIR for iOS
    6. Публикация приложений AIR for Android
    7. Публикация для Adobe AIR на настольных ПК
    8. Параметры публикации ActionScript
    9. Рекомендации: размещение ActionScript в приложении
    10. Использование ActionScript в Animate
    11. Специальные возможности в среде Animate
    12. Создание и использование сценариев
    13. Обеспечение поддержки специализированных платформ
    14. Общие сведения о поддержке специализированных платформ
    15. Работа с плагинами поддержки специализированных платформ
    16. Отладка сценариев ActionScript 3.0
    17. Обеспечение поддержки специализированных платформ
  8. Экспорт и публикация
    1. Экспорт файлов из Animate CC
    2. Публикация OAM
    3. Экспорт SVG-файлов
    4. Экспорт графики и видео из Animate
    5. Публикация документов AS3
    6. Экспорт анимаций для мобильных приложений и игровых платформ
    7. Экспорт звуков
    8. Рекомендации: советы по созданию контента для мобильных устройств
    9. Рекомендации: правила работы с видео
    10. Рекомендации: руководство по созданию SWF-приложений
    11. Рекомендации: формирование структуры FLA-файлов
    12. Рекомендации: оптимизация FLA-файлов для Animate
    13. Параметры публикации ActionScript
    14. Задание параметров публикации для Animate
    15. Экспорт файлов-проекторов
    16. Экспорт изображений и анимированных файлов GIF
    17. Шаблоны публикации HTML
    18. Работа с Adobe Premiere Pro и After Effects
    19. Быстрая публикация анимаций
  9. Устранение неполадок
    1. Исправленные неполадки
    2. Известные проблемы

 

Работа с веб-шрифтами из сервиса Adobe Fonts

Веб-шрифты Adobe Fonts теперь доступны для документов HTML5 Canvas в Adobe Animate.

Благодаря интеграции Adobe Fonts с Animate тысячи качественных веб-шрифтов премиум-класса от надежных дизайнеров моментально становятся доступны в документах HTML5 Canvas.

Ограниченный набор шрифтов из библиотеки Adobe Fonts доступен для ознакомления при подписке на любой план Creative Cloud. И если вы приобрели платную подписку, то можете получить доступ к полной библиотеке, содержащей тысячи шрифтов.

Дополнительные сведения о подписках Adobe Fonts см. в разделе Размещение веб-шрифтов с помощью Adobe Fonts.

В отличие от саморазмещаемых веб-шрифтов, Adobe Fonts размещает шрифты, которые вы выбираете для использования в размещенном содержимом. Если вы выбираете шрифты из библиотеки Adobe Fonts, а затем публикуете документ в Интернете, Adobe Fonts автоматически размещает эти шрифты и подключает вашу учетную запись Adobe Fonts к содержимому в Интернете.

Библиотека Adobe Fonts доступна при наличии подписки Creative Cloud. Дополнительные сведения см. на сайте https://fonts.adobe.com. Также можно приобрести новые шрифты Adobe Fonts. Повторно запустите Animate, чтобы просмотреть приобретенные шрифты на вкладке «Все шрифты» экрана шрифтов Adobe Fonts.

Использование веб-шрифтов в документе HTML5 Canvas

  1. Откройте документ HTML5 Canvas и выберите инструмент «Текст» на панели Инструменты.

  2. На панели «Свойства» выберите Динамический текст и нажмите кнопку «Добавить веб-шрифты» рядом с раскрывающимся списком Гарнитура шрифта.

  3. В открывшемся окне Добавление шрифтов Adobe Fonts щелкните Начало работы.

    Добавление шрифтов Adobe Fonts
    Добавление шрифтов Adobe Fonts

  4. В диалоговом окне Добавление шрифтов Adobe Fonts перечислены все шрифты Adobe Fonts, доступные для вашего типа подписки Creative Cloud. Теперь можно выбрать шрифт, который лучше всего соответствует вашему дизайну, просматривая шрифты, выполняя поиск конкретных шрифтов или фильтрацию по свойствам шрифта.

    Щелкните «Фильтр», чтобы применить любой из следующих фильтров:

    • Классификация: веб-шрифты можно фильтровать на основе классификаций, таких как Serif, Sans Serif и Script.
    • Рекомендуемые для: шрифты фильтруются на основе рекомендованных веб-шрифтов для абзацев или заголовков.
    • Свойства: фильтрация выполняется на основе свойств, таких как толщина, ширина и высота.
    Диалоговое окно «Добавление шрифтов Adobe Fonts»
    Диалоговое окно «Добавление шрифтов Adobe Fonts»

  5. Отыскав нужный шрифт, просто щелкните его. Рядом с выбранным шрифтом отображается флажок. Можно выбрать несколько шрифтов и добавить их все сразу. На вкладке «Выбранные шрифты» отображаются все шрифты, которые вы выбрали.

    Щелкните нижний колонтитул предварительного просмотра шрифта, чтобы просмотреть варианты, такие как тонкое, полужирное или курсивное начертания.

    Выбор шрифтов
    Выбор шрифтов

    Чтобы добавить выбранные шрифты, щелкните ОК. 

    selected-web-font-family-menu
    selected-web-font-family-menu

  6. Выберите добавленный веб-шрифт, чтобы использовать его в документе HTML5 Canvas.

    Используемый шрифт
    Использование выбранного шрифта в документе

Похожие темы

 Adobe

Получайте помощь быстрее и проще

Новый пользователь?

Ссылки быстрого перехода

Просмотреть все свои планы Управление планами
Просмотреть ссылки быстрого доступа
Скрыть ссылки быстрого доступа

Правовые уведомления    |    Политика конфиденциальности в Интернете