InDesign фактически является главным инструментом верстальщика (рис. Новинки, которые в нем появились, будут для нас наиболее интересными и познавательными. Go from In. Design CS 5. Создание документов HTML5 Canvas в Animate CCCanvas — это новый элемент в HTML5, который предоставляет API- интерфейс, обеспечивающий возможность динамического создания и визуализации графики, диаграмм, изображений и анимации. Элемент Canvas API дополняет преимущества платформы HTML5 функциями отрисовки двумерной графики. Эти функции поддерживаются в большинстве современных операционных систем и браузеров. По существу, Canvas — это процессор для визуализации растровых изображений. Полученные рисунки являются окончательными, их размер нельзя изменить. Более того, объекты, отрисованные с помощью Canvas, не являются частью DOM- модели веб- страницы. Элемент Canvas может быть добавлен на веб- страницу с помощью тега < Canvas>. Такие элементы затем могут быть расширены с помощью Java. Script, чтобы придать им интерактивность. Дополнительные сведения см. Новый тип документа (HTML5 Canvas) добавлен в Animate, и теперь обеспечивается встроенная поддержка для создания расширенного и интерактивного содержимого HTML5. Это означает, что можно использовать традиционную временную шкалу, рабочую среду и инструменты Animate для создания содержимого, а затем выводить его в формате HTML5. Всего несколько щелчков мыши — и все готово к созданию и формированию полнофункционального документа HTML5 Canvas. Для формирования такого файла HTML5 в Animate имеются заранее установленные параметры документа и публикации.
Animate CC интегрирован с библиотеками Create. JS, предназначенными для создания богатого интерактивного содержимого в технологиях Open Web посредством HTML5. Animate CC генерирует HTML и Java. Script для содержимого (включая растровые, векторные изображения, фигуры, звуки, анимации движения и т. Полученный файл можно запустить на любом устройстве или браузере, которые поддерживают HTML5 Canvas. Animate публикует данные в формат HTML5, пользуясь API- интерфейсом Canvas. Animate преобразует объекты, созданные в рабочей области, в их точные аналоги в элементе Canvas. Каждая функция Animate сопоставлена с конкретным API элемента Canvas, поэтому Animate позволяет публиковать в формат HTML5 даже сложное содержимое. Для создания документа HTML5 Canvas выполните следующие действия: На экране приветствия Animate выберите вариант HTML5 Canvas. При этом будет открыт новый FLA- файл, параметры публикации которого уже изменены под формат HTML5. Как вариант, можно выбрать пункт меню Файл> Создать для вывода окна «Создать документ». Выберите вариант HTML5 Canvas. Теперь можно создавать содержимое HTML5 с помощью инструментов во Animate. Приступая к работе с документом HTML5 Canvas, вы заметите, что определенные функции и инструменты не поддерживаются и отключены. Creative Cloud · Photoshop · Illustrator · InDesign Р. Это объясняется тем, что Animate поддерживает только те возможности, которые предоставляются элементом Canvas в HTML5. Например, не поддерживаются 3. D- преобразования, пунктирные линии, эффекты фаски. Animate CC публикует содержимое HTML5 с использованием библиотек Create. JS. Create. JS — это набор модульных библиотек, которые позволяют использовать расширенное интерактивное содержимое на базе открытых веб- технологий посредством HTML5. Набор Create. JS включает библиотеки Easel. JS, Tween. JS, Sound. JS и Preload. JS. Create. JS преобразует содержимое, созданное в рабочей области, в HTML5 с использованием этих отдельных библиотек для получения файлов вывода в формате HTML и Java. Script. Также можно обрабатывать этот файл Java. Script с целью улучшения содержимого. Однако Animate CC позволяет реализовать интерактивность объектов на рабочей области, созданные для HTML5 Canvas в самом приложении. Это означает, что код Java. Script можно добавлять в отдельные объекты на рабочей области прямо в Animate и просматривать их в процессе разработки. В свою очередь, Animate предоставляет встроенную поддержку для Java. Script вместе с полезными функциями в редакторе кода, которые позволяют повысить производительность рабочего процесса программистов. Можно выбрать отдельные кадры и ключевые кадры на временной шкале и добавить интерактивные элементы в содержимое. В документы HTML5 Canvas интерактивность можно добавить с помощью Java. Script. Дополнительные сведения о создании кода Java. Script см. По мере ввода символов на панели «Действия» может отображаться список кандидатов на возможное дополнение вводимого текста. Кроме того, Animate обеспечивает возможность использования некоторых функции с панели «Действия» при работе с HTML5 Canvas. Эти функции позволяют повысить производительность рабочего процесса при добавлении интерактивности в объекты на рабочей области. Они перечислены ниже. Подсветка синтаксиса. Код отображается с использованием разных шрифтов или цветов в соответствии с синтаксисом. Эта функция позволяет писать код с опорой на структуру, позволяя визуально отличить правильный код и легко находить ошибки синтаксиса. Цветовое оформление кода. Код отображается с использованием разных цветов в соответствии с синтаксисом. Это позволяет визуально различать различные части синтаксиса. Скобки. Автоматически добавляются закрывающие квадратные и круглые скобки при написании кода Java. Script. Код Java. Script можно добавлять в отдельные кадры или ключевые кадры. Выберите кадр, в который нужно добавить Java. Script. Выберите Окно > Действия , чтобы открыть панель «Действия». Можно добавить фрагменты кода Java. Script, доступные во Animate CC. Чтобы открыть и использовать фрагменты кода, выберите Окно > Фрагменты кода. Дополнительные сведения о добавлении фрагментов кода Java. Script см. По умолчанию он совпадает с каталогом FLA- файла, но его можно сменить кнопкой обзора . По умолчанию документ или рабочая область HTML Canvas отображается в центре окна браузера. Сделать адаптивной. Пользователи могут выбирать, будет ли анимация адаптивной в отношении ширины, высоты или обоих показателей, и изменять размер опубликованного вывода с учетом различных форм- факторов. В результате файлы вывода получаются адаптивными и совместимыми с Hi. DPI, а изображение — более четким. Кроме того, вывод растягивается на всю область экрана без полей и сохраняет исходное соотношение сторон, но некоторые части холста могут не поместиться в область просмотра. Параметры «Ширина», «Высота» и «В обоих направлениях» обеспечивают масштабирование всего содержимого по размеру холста и его видимость даже при просмотре на небольшом экране (например, мобильного устройства или планшета). Если размер экрана превышает размер созданной рабочей области, холст отображается в исходном размере. Включить «Масштаб до заполн. По умолчанию этот параметр неактивен. По размеру обл. После загрузки ресурсов предварительный загрузчик скрывается и отображается сама анимация. По умолчанию этот параметр не выбран. Параметр По умолчанию для использования предварительного загрузчика по умолчанию илипараметр Обзор для использования GIF- файла предварительного загрузчика по своему выбору. GIF- файл предварительного загрузчика копируется в папку настроенных изображений в разделе Экспортировать графические ресурсы. Для предварительного просмотра выбраного GIF- файла выберите параметр Просмотр. Этот параметр ВКЛЮЧЕН по умолчанию. При отключении поле для папки исчезает. Ресурсы будут экспортированы в ту же папку, что и файл вывода. Сведения о других параметров листов спрайта см. Если флажок справа не установлен, эти ресурсы не будут экспортированы из FLA- файла, но указанный путь все равно будет использоваться для составления их URL- адресов. Это ускоряет публикацию из FLA- файла, который содержит много медиаресурсов или предотвращает перезапись измененных библиотек Java. Script. Параметр Экспортировать все растровые изображения как таблицы спрайтов позволяет упаковать все растровые изображения в документе Canvas в одну таблицу спрайтов, что сокращает количество запросов к серверу и повышает производительность. Можно указать максимальный размер таблицы спрайтов, задав значения высоты и ширины. Шаблон для публикации HTML: Использовать по умолчанию: выходной файл HTML5 публикуется с использованием шаблона по умолчанию. Импортировать новый: импортируется новый шаблон для документа HTML5. Экспортировать: документ HTML5 экспортируется в качестве шаблона. Размещенные библиотеки: Если флажок установлен, будут использованы копии библиотек, размещенные в сети CDN Create. JS по адресу code. Это позволяет кэшировать библиотеки и использовать их для различных сайтов одновременно. Включить скрытые слои: Если флажок снят, скрытые слои не будут добавлены в файл вывода. Компактные фигуры: Если флажок установлен, векторные инструкции будут выведены в сжатой форме. Снимите флажок для экспорта подробных читаемых инструкций (удобно при обучении). Границы мультикадра: Если флажок установлен, символы временной шкалы будут иметь свойство frame. Bounds, содержащее массив прямоугольников, представляющих собой границы каждого кадра временной шкалы. Использование границ мультикадра значительно увеличивает время публикации.«Перезаписать файл HTML при публикации» и «Включить Java. Script в HTML- файл»: если параметр «Включить Java. Script в HTML- файл» активен, флажок «Перезаписать файл HTML при публикации» будет установлен и отключен. При снятии флажка «Перезаписать файл HTML при публикации» флажок «Включить Java. Script в HTML- файл» снимается и отключается. Нажмите кнопку «Опубликовать» для вывода содержимого в указанный каталог. Примечание. Анимация, созданная с использованием вложенных шкал времени с единственным кадром, не может быть зациклена. При импорте нового пользовательского шаблона HTML во время публикации переменные по умолчанию заменяются настраиваемыми фрагментами кода на основе компонентов файла FLA. В следующей таблице приведены текущие переменные шаблонов, которые распознает и заменяет Animate. В текущей версии не поддерживаются следующие маркеры из предыдущих версий: Примечание. Такие маркеры разделяются на модули и заменяются другими маркерами.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
July 2017
Categories |