Как изменить размер в adobe animate
Имитируйте эффект масштабирования в Animate CC, чтобы он выглядел так, как будто камера масштабировалась вперед или назад от изображения, чтобы охватить более или менее сцену. Animate CC позволяет легко увеличивать и уменьшать масштаб. Все, что вам нужно сделать, это выбрать область, в которой вы хотите увеличить масштаб, и как долго должен длиться масштаб.
Это программное обеспечение называлось Flash Professional до тех пор, пока Adobe не выпустила версию программы под названием Animate CC в 2016 году.
Сделать символ из одного изображения или из нескольких изображений
Решите, что вы хотите увеличить в Animate CC, а затем выберите его. Выберите объект или объекты с помощью инструмента выделения (нажмите V ). Чтобы выделить несколько объектов, перетащите инструмент вокруг объектов, которые вы хотите увеличить. Чтобы выбрать один объект, нажмите один раз на объект.
После выбора нужных объектов перейдите в раздел Изменить > Преобразовать в символ . Назовите символ или оставьте значение по умолчанию и выберите ОК .
Вставить рамку
Решите, сколько кадров должен охватывать эффект масштабирования, исходя из частоты кадров и количества секунд, которое вы хотите, чтобы он длился. Например, чтобы создать пятисекундный зум при стандартном веб-кадре в 12 кадров в секунду, создайте 60-кадровую анимацию.
В 60-м кадре (или в любом другом соответствующем кадре) щелкните правой кнопкой мыши и выберите Вставить кадр .
Создать анимацию движения
Щелкните правой кнопкой мыши любой кадр между первым и последним кадром в анимации масштабирования и выберите Создать анимацию движения .
При этом используется анимация движения для интерполяции кадров между самой большой и самой маленькой версиями изображения, в результате чего создается впечатление, что оно уменьшается или расширяется. Когда сцена выступает в качестве области просмотра камеры, анимация будет увеличиваться или уменьшаться, когда она встроена в веб-страницу.
Установите уровень масштабирования
Выберите последний кадр анимации, а затем увеличьте изображение до того места, где вы хотите, чтобы анимация достигла последнего кадра.
Сделайте это с помощью Free Transform Tool (нажмите Q ). С включенным Free Transform Tool выберите свое изображение и преобразуйте его так, как оно должно выглядеть в конце цикла масштабирования.
Например, чтобы увеличить масштаб анимации до верхнего цветка, удерживайте нажатой Shift , чтобы сохранить соотношение, и перетащите угол изображения наружу, чтобы увеличить его.
Когда вы закончите изменение размера, используйте Инструмент выделения , чтобы расположить его на холсте. Затем проверьте анимацию, перетаскивая красный квадрат влево и вправо по временной шкале.
Если вы сделали изображение больше, уменьшите масштаб холста, чтобы увидеть его больше. Опция масштабирования выше холста; по умолчанию для увеличения установлено значение 100% .
В этой статье рассматривается использование рабочей области и панели «Инструменты» при работе с графическим содержимым в Animate.
Когда Animate (прежнее название Flash Professional CC) запускается без открытых документов, появляется экран приветствия. Экран приветствия делится на четыре следующие области:
Позволяет открыть самые недавние документы (щелкните значок «Открыть»).
Содержит список типов файлов Animate, таких как документы Animate и файлы ActionScript®.
Создать из шаблона
Содержит список шаблонов, часто используемых для создания документов Animate.
Содержит ссылки на веб-сайт Animate Exchange, откуда можно загрузить вспомогательные приложения, расширения и связанную информацию.
На экране приветствия также предоставляется быстрый доступ к справочным ресурсам. Можно быстро ознакомиться с возможностями Animate, найти ресурсы с документацией или авторизованного обучающего центра Adobe.
Чтобы скрыть экран приветствия, выберите «Больше не показывать».
Чтобы отобразить экран приветствия, выберите «Правка» > «Установки» (Windows®) или «Animate» > «Установки» (Macintosh®) и выберите «Экран приветствия» в категории «Общие» меню «При запуске».
Рабочая область представляет собой прямоугольную область, в которой отображается графическое содержимое при создании документов Animate. Рабочая область в среде разработчика представляет собой прямоугольное окно в программе Flash Player или окне веб-браузера, где отображаются документы во время воспроизведения. Черный контур по умолчанию представляет контурный вид рабочей области.
Изменить вид рабочей области во время работы можно изменением масштаба. Сетка, направляющие и линейки помогают при размещении элементов в рабочей области.
Масштабирование рабочей области
Чтобы увидеть рабочую область на экране целиком или, наоборот, отдельную часть рисунка в большом увеличении, измените ее масштаб. Максимальное увеличение зависит от разрешения монитора и размера документа. Минимальное значение масштаба рабочей области равно 8 %. Максимальное значение масштаба рабочей области равно 2000 %.
Также можно использовать жесты Multi-touch на совместимых устройствах.
Чтобы увеличить масштаб элемента, выберите на панели «Инструменты» инструмент «Масштаб» и нажмите нужный элемент. Переключение функции инструмента «Масштаб» производится модификаторами «Увеличить» и «Уменьшить» (в области параметров на панели «Инструменты», когда выбран инструмент «Масштаб»), либо при нажатой клавише «Alt» (Windows) или «Option» (Macintosh).
Чтобы увеличить масштаб так, чтобы определенная область рисунка заполнила все окно, перетащите инструментом «Масштаб» прямоугольное выделение в рабочей области.
Чтобы изменить масштаб всей рабочей области, выберите меню «Просмотр» > «Увеличить масштаб» или «Просмотр» > «Уменьшить масштаб».
Чтобы изменить масштаб в ту или другую сторону на заданный процент, выберите меню «Просмотр» > «Масштаб просмотра», затем выберите значение во вложенном меню или в элементе управления «Масштаб» в левом верхнем углу окна документа.
- Чтобы рабочая область полностью входила в окно приложения, выберите меню «Просмотр» > «Масштаб просмотра» > «По размерам окна».
Чтобы отобразить всю рабочую область, выберите меню «Просмотр» > «Масштаб просмотра» > «Показать кадр» либо выберите пункт «Показать кадр» в элементе управления «Масштаб» в левом верхнем углу окна документа.
Чтобы отобразить рабочее пространство, окружающее рабочую область, или просмотреть элементы монтажного кадра, частично или полностью находящиеся за пределами рабочей области, выберите меню «Просмотр» > «Область вставки». Монтажный стол имеет светло-серый цвет. Например, чтобы птица влетала в кадр, нужно сначала поместить ее на монтажном столе за пределами рабочей области, а затем анимировать ее появление в рабочей области.
Цвет области вставки
Раньше цвета области вставки фиксировались в зависимости от темы интерфейса пользователя. Начиная с выпуска за январь 2017 г. для области вставки можно использовать тот же цвет, что и для рабочей области. Эта функция позволяет работать с неограниченным холстом.
В конечном выводе отображается только содержимое рабочей области.
Для преобразования графических объектов, а также групп, текстовых блоков и экземпляров применяется инструмент «Свободное преобразование» или элементы меню Модификация > Преобразование . В зависимости от типа выделенного элемента к нему может применяться трансформирование, поворот, наклон, масштабирование или искажение. Во время трансформации выделенную область можно изменять и добавлять к ней элементы.
При трансформации объекта, группы, текстового поля или экземпляра инспектор свойств отображает все изменения размера или положения для данного элемента.
Во время операций преобразования, выполняемых мышью, появляется ограничительная рамка. Ограничительная рамка имеет прямоугольную форму (если она не была изменена при помощи команды «Искажение» или модификатора «Огибающая») и ее края первоначально выравниваются параллельно границам рабочей области. Маркеры преобразования расположены по углам и в середине каждой из сторон рамки. По мере перетаскивания ограничительная рамка обеспечивает просмотр результата трансформации.
Перемещение, выравнивание, изменение и отслеживание точки трансформации
Во время трансформации в центре выделенного элемента появляется точка трансформации. Первоначально она выровнена по центру объекта. Можно переместить точку трансформации, вернуть в место по умолчанию, а также переместить точку начала координат по умолчанию.
Для масштабирования, наклона и поворота графических объектов, групп и текстовых блоков точкой начала координат по умолчанию является точка, противоположная точке перетаскивания. Для экземпляров точкой трансформации по умолчанию является точка начала координат. При преобразовании точка начала координат по умолчанию может быть перемещена.
Выберите инструмент «Свободное преобразование» или одну из команд в меню «Модификация» > «Преобразование».
После начала преобразования положение точки преобразования можно отслеживать на панели «Информация» и в инспекторе свойств.
Чтобы переместить точку трансформации, перетащите ее внутри выделенного графического объекта.
Чтобы выровнять точку трансформации по центру элемента, дважды щелкните ее мышью.
Чтобы переключить точку начала координат для преобразования масштабирования или наклона, при перетаскивании опорной точки выделенного объекта удерживайте нажатой клавишу «Alt» (Windows) или «Option» (Macintosh).
На панели «Информация» можно переключать отображение точек регистрации и точек трансформации. Когда кнопка имеет вид , отображаются координаты точек регистрации. При нажатии этой кнопки она меняет вид на , указывая на отображение координат трансформации.
Сетка координат, панель «Информация» с кнопкой «Точка регистрации или преобразования» в режиме трансформации, а также видны координаты x и y выбранной точки трансформации.
Инструмент «Кисть» (В) в Adobe Animate дает возможность настраивать кисть, задавая такие параметры, как форма и угол наклона. Кисть можно настроить согласно своим художественным требованиям, а рисунки, созданные с помощью такой кисти, выглядят более естественно. Выбирать, редактировать и создавать пользовательские кисти можно на панели инспектора свойств Animate, выбрав инструмент «Кисть» в наборе инструментов.
По умолчанию инструмент «Кисть» включает несколько кистей настраиваемой формы для различных творческих задач. Различные формы кистей можно увидеть, выбрав инструмент «Кисть» в наборе инструментов и открыв параметр «Кисть» на панели инспектора свойств.
Выбрав кисть из раскрывающегося списка «Кисть», начните создавать рисунок в рабочей области.
Теперь Animate предоставляет большой выбор размеров кистей с более детальным контролем и включает следующие улучшения.
- Новые размеры кистей в диапазоне 1–200 пикселей
- Интерактивный просмотр при настройке размеров кистей
- Курсоры инструментов «Кисть» и «Ластик» используют вид контурного режима и не мешают в процессе рисования в контексте других графических объектов
- Между сеансами Animate запоминаются настройки кистей, такие как последний использованный размер кисти, форма и режим.
- Улучшен процесс рисования, особенно для более коротких мазков кистью
Коэффициент сглаживания в Animate теперь задается ползунком с числами от 0 до 100 вместо набора значений от «Низкого» до «Высокого».
Для создания собственных кистей с определенным размером, углом наклона и спрямлением выполните следующие действия.
- Выберите инструмент «Кисть» (B) в наборе инструментов и нажмите кнопку «Новый файл» рядом с параметром «Кисть» в инспекторе свойств.
- В диалоговом окне «Параметры кончика» выберите форму, укажите угол наклона и степень спрямления в процентах. При установке параметров отображается предварительный вид кисти.
При установке флажка «Масштабировать размер вместе с рабочей областью» размер кисти будет масштабироваться пропорционально изменению масштаба рабочей области. Также обеспечивается корректное рисование при изменении уровня масштабирования.
Снимите флажок «Масштабировать размер вместе с рабочей областью» в Инспекторе свойств кисти, чтобы вернуться к прежнему поведению кистей по умолчанию.
Изменить размер кисти можно с помощью параметра «Размер».
Используйте ползунок «Размер», чтобы изменить размер кисти до нужного значения. Можно предварительно просматривать и редактировать значение размера кисти рядом с ползунком.
На этом уроке Adobe Animate СС Вы узнаете, что такое рабочее пространство программы , как его быстро изменять, сохранять и удалять. Уделим большое внимание панелям, их настройке и различным манипуляциям с ними.
Рабочее пространство Animate — общая информация
Итак, перед нами интерфейс программы, который состоит из нескольких ключевых элементов.
Сцена — это пространство заданного размера, в котором будет воспроизводиться, создаваемая нами анимация. Другими словами, это то, что будет видеть зритель. Объекты за пределами сцены показываться не будут, поэтому это место (своеобразное закулисье) чаще всего используется для временного хранения графики, текстов и других объектов в период создания анимации.
Слева от сцены — панель Инструментов , с помощью которых мы будем эту графику создавать, редактировать и помещать на сцену. Этих инструментов много и они различны по своему характеру, поэтому для удобства разбиты на группы по функциональному сходству.
Над сценой находится Шкала времени (Timeline), отвечающая за показ, созданной нами графики во времени. Эта панель состоит из кадров, которые для облегчения восприятия пронумерованы с определенным интервалом (1, 5, 10, 15, 20 . ). В левой части этой панели отображаются слои, на каждом из которых можно размещать различные элементы графики, чтобы отдельно применять к ним анимацию.
Справа от сцены размещена панель Свойства (Properties), которая поможет нам настраивать параметры активного элемента, инструмента или сцены. Ей будет посвящен отдельный урок.
Несколько панелей находятся в свернутом виде: Цвет (Color), Образцы цветов (Swatches), Выравнивание (Align), Информация (Info), Трансформация (Transform), Библиотека (Library), Предварительные настройки движения (Motion Presets).
Как открыть/закрыть панель в Animate
Все доступные панели можно увидеть в выпадающем списке, выбрав в Главном меню программы — Window (Окно).
Панели, которые в данный момент находятся в развернутом виде (видны на экране) отмечены галочками. Справа от названия панели написаны горячие клавиши для ее вызова с помощью клавиатуры.
Чтобы открыть нужную Вам панель, кликните на ее названии. Пусть это будет панель Actions . Такая панель называется плавающей, потому, что не прикреплена ни к одной группе.
Чтобы закрыть — нажимаем на «крестик» в правом верхнем углу открытой панели.
3 состояния панелей
Любая панель в Adobe Animate может находится в одном из трех состояний:
- скрытом (отсутствует в рабочем пространстве)
- свернутом (показана на экране в виде пиктограммы)
- развернутом (в ней отображаются параметры, которые можно изменять или выбирать)
Например, панель Actions сейчас отсутствует на экране, т.е. она скрыта. Чтобы ее открыть нажмите F9 . Нажмите эту клавишу еще раз, чтобы закрыть панель.
Панель Цвет — свернута. Мы видим только ее пиктограмму. Чтобы открыть — кликните на ней. Чтобы закрыть — снова кликните на пиктограмме, либо в другом месте экрана.
Панель Свойства находится в развернутом виде и нам доступны для настройки параметры активного в данный момент элемента — сцены. Поэтому мы можем корректировать ее размер, цвет, частоту кадров создаваемой анимации и другие характеристики.
Как изменить размеры панели и ее положение на экране
Физический размер панели можно изменить, если навести курсор на ее границу (при этом вид курсора изменится на двунаправленную стрелку) и потянуть в нужном направлении.
Чтобы изменить положение самой панели на экране — кликните на ее названии и, не отпуская левую кнопку мыши, перетащите в нужном направлении.
Как присоединить панель к группе
Чтобы присоединить панель к другой группе панелей или создать новую группу — потяните ее в нужную сторону, пока не появится голубая линия (вертикальная или горизонтальная), после этого отпустите кнопку мыши.
Голубая линия служит указателем того места, к которому панель будет прикреплена.
Чтобы лучше понять как это работает, поупражняйтесь в перемещении панелей из одной группы в другую и создании новых групп. Не бойтесь экспериментировать! Рабочее пространство Adobe Animate можно в любой момент вернуть в исходное состояние. Как это сделать Вы узнаете ближе к концу этого урока.
Группу панелей можно сворачивать и разворачивать, кликая на пиктограмме со стрелками наверху группы.
Давайте, для практики, переместим Библиотеку в ту же группу, где находится панель Свойства .
Положение панели в группе тоже можно менять простым перетаскиванием.
Чтобы удалить группу, кликните на пиктограмме в правом верхнем углу группы и в выпадающем списке выберите самый нижний пункт Close Group (Закрыть группу).
Как сохранить рабочее пространство Adobe Animate CC
Измененную конфигурацию рабочего пространства можно сохранить. Для этого:
- в правом верхнем углу окна Adobe Animate кликаем на кнопке с названием активного, в данный момент, рабочего пространства
- в выпадающем списке выбираем New Workspace (новое рабочее пространство)
- в поле для ввода пишем подходящее название, например, Уроки Animate
- нажимаем ОК
Теперь мы можем в любой момент вызывать это рабочее пространство, как и любое другое из списка, кликнув на его названии.
В Adobe Animate встроены по умолчанию следующие рабочие пространства:
- Animator
- Classic
- Debug
- Designer
- Developer
- Essentials
- Small Screen
Каждое из них имеет свои особенности — при вызове отображаются именно те панели, которые чаще всего используются при выполнении специальных задач (рисование, разработка, анимация и др.).
Как удалить рабочее пространство
Если Вы в какой-то момент захотите удалить, созданное Вами рабочее пространство, тогда:
- выберите в списке названий: Delete Workspace (удалить рабочее пространство)
- в появившемся диалоговом окне выберите нужное название
- нажмите кнопку ОК
- появится предупреждение о том, что это удаление отменить нельзя, если Вы согласны — нажмите Yes (Да)
Рабочие пространства, встроенные в Adobe Animate, удалить нельзя!
Как восстановить рабочее пространство после изменений
Если в результате работы, перемещая панели, Вы изменили конфигурацию сохраненного рабочего пространства, то быстро вернуть его к исходному можно с помощью кнопки Reset с названием рабочего пространства.
Дополнительная информация
Если у Вас монитор небольшого размера и Вы хорошо знаете горячие клавиши, то для удобства в работе (например, в режиме обычного рисования) все панели можно убрать с экрана. Для этого воспользуйтесь горячей клавишей F4 .
Итак, из материала этого урока Вы узнали, что настройка рабочего пространства Adobe Animate дело несложное. Вы легко можете:
- скрывать те панели, которые Вы не используете (или используете редко)
- сворачивать их до пиктограмм, значительно экономя место на экране
- разворачивать, если Вам нужно сделать определенные изменения в настройках активного элемента (графики), инструмента или сцены
- сохранять созданную конфигурацию для дальнейшего использования в работе
- удалять рабочее пространство Adobe Animate, если оно больше не нужно
На следующем уроке я Вам расскажу об инструменте рисования: Прямоугольник . Вы узнаете как с помощью такого, на первый взгляд, простого инструмента, можно быстро рисовать довольно изощренную графику, зная всего несколько хитростей работы с ним.
Более 7000 человек уже получили!
Не забудьте подтвердить подписку и проверить почтовый ящик
Отзывы
«По AS 3.0 вышло уже немало курсов, но по степени доступности для пользователя, не имеющего навыков в программировании, аналогов курсу Валерия я еще не видел. Доступность и в плане бесплатности курса и в плане понимания его.» — Евгений
Рекомендую
- Этот сайт размещен на хостинге компании «Бегет».
- Если Вы ищете хостинг с отличным соотношением цена/качество, то я рекомендую именно его.
Помощь сайту
- Уроки Вам помогли? Внесите вклад в развитие сайта. Перечислите любую сумму на один из кошельков:
- R861898673040
- 410011923517064
- Деньги пойдут на создание уроков, курсов, развитие сайта и оплату серверов. В примечании к платежу укажите Ваш email.
- Спасибо всем, кто уже внес свой вклад!
- Валерий Медведев
Об авторе
Меня зовут Валерий Медведев. C 2008 года разрабатываю веб-приложения с использованием Flash-технологии. В 2011 решил начать делиться своими знаниями с другими и создал этот сайт. ActionScript 3.0 — это по сути «движок флеша», зная который можно создавать как простые, так и совершенно удивительные вещи. Если у Вас есть желание познакомиться поближе или стать профессионалом в этой области, то на этом ресурсе Вы найдете много полезных материалов особенно для начинающих программистов. Бесплатный курс «ActionScript 3.0 Уроки для новичков» обеспечит Вам быстрый старт, а курс «Основы анимации в AS 3» познакомит с более продвинутыми концепциями и техниками. Начните изучать ActionScript 3.0 прямо сейчас!
Читайте также: