Как обрезать спрайт в adobe animate

Обновлено: 10.08.2022

Для преобразования графических объектов, а также групп, текстовых блоков и экземпляров применяется инструмент «Свободное преобразование» или элементы меню Модификация > Преобразование . В зависимости от типа выделенного элемента к нему может применяться трансформирование, поворот, наклон, масштабирование или искажение. Во время трансформации выделенную область можно изменять и добавлять к ней элементы.

При трансформации объекта, группы, текстового поля или экземпляра инспектор свойств отображает все изменения размера или положения для данного элемента.

Во время операций преобразования, выполняемых мышью, появляется ограничительная рамка. Ограничительная рамка имеет прямоугольную форму (если она не была изменена при помощи команды «Искажение» или модификатора «Огибающая») и ее края первоначально выравниваются параллельно границам рабочей области. Маркеры преобразования расположены по углам и в середине каждой из сторон рамки. По мере перетаскивания ограничительная рамка обеспечивает просмотр результата трансформации.

Перемещение, выравнивание, изменение и отслеживание точки трансформации

Во время трансформации в центре выделенного элемента появляется точка трансформации. Первоначально она выровнена по центру объекта. Можно переместить точку трансформации, вернуть в место по умолчанию, а также переместить точку начала координат по умолчанию.

Для масштабирования, наклона и поворота графических объектов, групп и текстовых блоков точкой начала координат по умолчанию является точка, противоположная точке перетаскивания. Для экземпляров точкой трансформации по умолчанию является точка начала координат. При преобразовании точка начала координат по умолчанию может быть перемещена.

Выберите инструмент «Свободное преобразование» или одну из команд в меню «Модификация» > «Преобразование».

После начала преобразования положение точки преобразования можно отслеживать на панели «Информация» и в инспекторе свойств.

Чтобы переместить точку трансформации, перетащите ее внутри выделенного графического объекта.

Чтобы выровнять точку трансформации по центру элемента, дважды щелкните ее мышью.

Чтобы переключить точку начала координат для преобразования масштабирования или наклона, при перетаскивании опорной точки выделенного объекта удерживайте нажатой клавишу «Alt» (Windows) или «Option» (Macintosh).

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


Сетка координат, панель «Информация» с кнопкой «Точка регистрации или преобразования» в режиме трансформации, а также видны координаты x и y выбранной точки трансформации.

В этой статье рассматривается использование рабочей области и панели «Инструменты» при работе с графическим содержимым в 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 г. для области вставки можно использовать тот же цвет, что и для рабочей области. Эта функция позволяет работать с неограниченным холстом.

В конечном выводе отображается только содержимое рабочей области.

Animate позволяет вам выделять объекты при помощи инструментов «Указатель», «Спецвыделение» и «Лассо». При выделении объектов и обводок Animate подсвечивает их. Может быть выделена только обводка объекта или только его заливка. Подсветку выделения можно скрыть, что позволит работать с объектом без подсветки.

Инструмент «Выделение» (V)

Используйте этот инструмент для выделения всего объекта. Щелкните или перетащите объект, чтобы заключить его в прямоугольную рамку выделения.

Инструмент «Спецвыделение» (A)

Используйте этот инструмент для изменения формы траектории движения анимации. Можно открыть доступ к якорным точкам и маркерам Безье на траектории, соответствующем каждому положению ключевого кадра свойств.

Инструмент «Лассо» (L)

Используйте этот инструмент для создания нестандартного контура выделения для объекта.

Инструмент «Многоугольник» (L)

Используйте этот инструмент для определения области выделения с использованием нескольких соединенных прямых линий. Чтобы выбрать этот инструмент, щелкните инструмент «Многоугольник», когда активен инструмент «Лассо».

Инструмент «Волшебная палочка» (L)

Используйте этот инструмент для выделения областей растрового изображения, содержащих одинаковые или подобные цвета. Чтобы выбрать этот инструмент, щелкните инструмент «Волшебная палочка», когда активен инструмент «Лассо».

Изменение объектов

Выделите объект, чтобы изменить его. Отдельные объекты могут быть сгруппированы, что позволяет работать с ними как с единым объектом. Изменение линий и фигур может привести к изменению других линий и фигур на том же слое. Чтобы группу или символ нельзя было случайно выделить и изменить, заблокируйте их.

Изменение свойств объекта

Используйте инспектор свойств, чтобы изменить свойства обводки и заливки объекта. При выделении объекта инспектор свойств выводит следующую информацию.

  • Обводку и заливку объекта, его размеры в пикселях, а также координаты x и y точки трансформации объекта..
  • Смешанное выделение, если выделено несколько элементов. Размеры в пикселях, а также координаты x и y выделенного набора элементов.

Инструмент «Выделение» позволяет выделить объект целиком, нажав на него, либо, перетаскивая мышью, заключить его в прямоугольную область выделения. Чтобы выбрать экземпляры, группы и текстовые блоки, их необходимо заключить в рамку выделения.

Выбрать инструмент «Выделение» можно также по нажатию клавиши V. Чтобы временно переключиться на инструмент «Выделение», когда активен другой инструмент, нажмите и удерживайте нажатой клавишу Control (Windows) или Command (Macintosh). Дополнительные сведения см. в разделе Сочетания клавиш.

Параметр, отключающий выделение с использованием клавиши «Shift», находится в разделе настроек «Общие» приложения Animate. См. раздел Задание установок в программе Animate.

Выделение объектов

  • Чтобы выделить обводку, заливку, экземпляр или текстовый блок, щелкните мышью объект.
  • Чтобы выделить соединенные линии, дважды щелкните мышью одну из них.
  • Чтобы выделить фигуру с заливкой вместе с обводкой, дважды щелкните мышью заливку.
  • Чтобы выделить объект внутри прямоугольной области, перетащите мышью область выделения вокруг нужного объекта или объектов.
  • Чтобы новое выделение добавлялось к текущему, во время его выполнения удерживайте нажатой клавишу «Shift».
  • Чтобы выделить все объекты на всех слоях монтажного кадра, выберите меню «Правка» > «Выделить все» или нажмите сочетание клавиш «Control» + «A» (Windows) или «Command» + «A» (Macintosh). Команда «Выделить все» не выделяет объекты в блокированных и скрытых слоях, а также в слоях, которые находятся не на текущей временной шкале.
  • Чтобы выделить все между двумя ключевыми кадрами, нажмите кадр на временной шкале.

Отмена выделения всех элементов

Чтобы отменить выделение всех объектов во всех слоях, выберите меню «Правка» > «Отменить выделение всего» или нажмите сочетание клавиш «Control» + «Shift» + «A» (Windows) или «Command» + «Shift» + «A» (Macintosh).Дополнительные сведения см. в разделе Сочетания клавиш.

Отмена выделения отдельных элементов

Чтобы отменить выделение отдельного элемента из группы выделенных объектов, выполните следующие действия.

  1. Выберите инструмент «Выделение»
  2. Удерживайте клавишу «Shift»
  3. Щелкните отдельный элемент

Такими отдельными элементами могут быть любые обводки, заливки или графические объекты.

Блокировка/разблокировка

Чтобы заблокировать или снять блокировку группы или символа, выделите их и выберите меню «Модификация» > «Упорядочить» > «Заблокировать». Выберите меню «Модификация» > «Упорядочить» > «Разблокировать все», чтобы разблокировать все заблокированные группы и символы.

С помощью инструмента «Лассо» можно создать неправильный контур. Выберите его в меню «Инструменты» или нажмите клавишу «L». В зависимости от заданных параметров для выделения объектов можно заключить графический объект в рамку выделения полностью или только его часть. Дополнительные сведения см. в разделе Выбор настроек для выделения на этой странице.

Протащите инструментом «Лассо» вокруг объекта. Чтобы выделить внутреннюю окружность объекта, протащите вокруг него инструментом «Лассо» по произвольной траектории.

Из материала прошлого урока Adobe Animate CC Вы знаете, что создавать базовые формы в этой программе можно с помощью различных инструментов рисования: Прямоугольник (Rectangle Tool), Овал (Oval Tool), Ручка (Pen Tool), Карандаш (Pencil Tool), Кисть (Brush Tool) и других.

На этом уроке мы поговорим об их создании с помощью инструмента Прямоугольник , а также способах редактирования этих форм с помощью инструмента Выделение (Selection Tool).

Инструменты рисования и выделения

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

Редактирование векторной графики в Adobe Animate CC

Гарантирую, что этот урок многим откроет глаза на то, как можно быстро, но очень эффективно редактировать векторные изображения в Adobe Animate CC.

Создание базовых форм с помощью инструмента Прямоугольник

Создадим простую форму с помощью инструмента Прямоугольник . Для этого сначала его активируем — нажмем соответствующую кнопку в панели инструментов или горячую клавишу R .

Повторное нажатие клавиши R активирует другой инструмент в этой группе, а именно Прямоугольный примитив (Rectangle Primitive Tool). Таким образом, можно поочередно выбирать эти два инструмента с помощью горячей клавиши R . Об отличиях Прямоугольника и Прямоугольного примитива я расскажу в отдельном уроке.

Инструмент Прямоугольный примитив

Итак, после того как Вы выбрали инструмент Прямоугольник кликните левой кнопкой мыши в любом месте сцены и не отпуская ее потяните в нужном направлении.

Здесь возможны варианты:

  • если не нажата ни одна вспомогательная клавиша ( Shift , Alt или Ctrl ), то Вы создаете произвольный прямоугольник, то есть значения ширины и высоты у него различны
  • если нажата клавиша Shift , то Вы строите квадрат — стороны у этого прямоугольника равны
  • если во время построения нажата клавиша Alt , то этот произвольный прямоугольник строится из центра, т.е. из того места куда Вы кликнули курсором мыши в начале построения
  • если нажаты Shift + Alt , то Вы строите квадрат из центра

Запомните эти варианты построения, они Вам пригодятся в дальнейшем.

Чтобы удалить объекты на сцене выделите их с помощью инструмента Выделение и нажмите клавишу Delete .

Выделение объектов

Последовательность редактирования векторной графики

Итак, Вы создали графический объект — произвольный прямоугольник. Теперь, чтобы его переместить или трансформировать необходимо его сначала выделить с помощью инструмента Выделение .

Последовательность Ваших действий должна быть всегда такой (Основы рисования):

  • сначала Вы создаете объект с помощью одного из инструментов рисования
  • затем выделяете этот объект целиком либо его часть
  • потом редактируете выделенное: перемещаете, поворачиваете, увеличиваете, уменьшаете, отражаете, скашиваете и т.п.

Способы выделения контура и заливки

Запомните, что в этом режиме рисования контур и заливка векторного графического объекта являются независимыми элементами, поэтому их можно выделять и редактировать отдельно.

Выделение заливки

Чтобы выделить заливку — кликните на ней один раз. В результате ее цвет изменится, она станет чуть темнее.

Выделение заливки

При увеличении можно увидеть, что она покрыта маленькими голубыми точками.

Точки

Теперь эту заливку можно перемещать, поворачивать, изменять ее размер.

Поворот заливки

Для отмены выполненных операций нажмите горячие клавиши Ctrl + Z нужное количество раз.

Выделение контура

Чтобы выделить контур целиком, на нем нужно кликнуть дважды, а затем редактировать.

Выделение контура

Чтобы выделить часть (сегмент) контура — кликните на нем один раз.

Выделение сегмента контура

Выделение целого объекта

Чтобы выделить весь прямоугольник (заливку и контур) нужно кликнуть на заливке два раза.

Выделение целого объекта

Чтобы снять выделение объекта кликните в пустом месте сцены или на другом объекте.

Эти нехитрые правила выделения различных элементов форм постарайтесь сразу запомнить. Вы будете повторять подобные операции во время работы бессчетное количество раз.

3 способа редактирования векторной графики в Adobe Animate CC

Чтобы начать редактирование формы векторного объекта нужно активировать один из соответствующих инструментов. На этом уроке мы будем использовать Выделение (Selection Tool) — горячая клавиша V . После активации этого инструмента вид курсора на экране изменится — он превратится в черную стрелку.

Черный курсор

Важный момент! Чтобы редактировать границы формы с помощью инструмента Выделение необходимо, чтобы форма была не выделена, а инструмент Выделение активен! Новички часто забывают об этом условии.

Редактирование с помощью других инструментов ( Лассо , Волшебная палочка и других) всегда предполагает первоначальное выделение объекта или его части.

Существует всего три способа редактирования векторной формы с помощью инструмента Выделение .

Способ первый

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

Курсор с уклом

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

Перемещение угла

Способ второй

Создаем новый угол у формы. Если курсор мыши подвести не к углу, а к границе формы в любом месте и нажать клавишу Alt или Ctrl , а затем потянуть, то этот отрезок или сегмент границы разделится на две части в точке касания границы курсором, образуя новый угол.

Создание нового угла

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

Звезда

Способ третий

Изменяем кривизну границы формы. Если курсор подвести не к углу, а к любому другому месту границы формы, то рядом с ним появится скругленная линия. Если теперь кликнуть мышью и потянуть, то можно легко менять кривизну этого отрезка границы.

Изменение кривизны границы

Таким образом, комбинируя всего лишь три вышеперечисленных способа редактирования границы и углов, Вы можете легко изменять (усложнять или упрощать) базовую форму с довольно большой точностью.

Теперь закрепите полученные знания на практике.

Самостоятельная практика

9 форм для практического рисования

Нарисуйте девять фигур как на рисунке выше, соблюдая следующие условия:

  • Первое. Используйте три способа редактирования форм с помощью инструмента Выделение
  • Второе. Применяйте только горячие клавиши для выбора инструментов рисования и редактирования.
  • Третье. Пользуйтесь вспомогательными клавишами Alt, Shift и Ctrl при создании форм, если это необходимо.

В следующих уроках я расскажу Вам о других инструментах редактирования форм, а именно Частичное выделение , Лассо , Волшебная палочка и других.

Все о массивах в ActionScript 3

Более 7000 человек уже получили!

Не забудьте подтвердить подписку и проверить почтовый ящик

Видео-курс по Flash CS6

Книги по созданию флеш-игр

Отзывы

«По AS 3.0 вышло уже немало курсов, но по степени доступности для пользователя, не имеющего навыков в программировании, аналогов курсу Валерия я еще не видел. Доступность и в плане бесплатности курса и в плане понимания его.» — Евгений

Рекомендую

  • Этот сайт размещен на хостинге компании «Бегет».
  • Если Вы ищете хостинг с отличным соотношением цена/качество, то я рекомендую именно его.

Помощь сайту

  • Уроки Вам помогли? Внесите вклад в развитие сайта. Перечислите любую сумму на один из кошельков:
  • R861898673040
  • 410011923517064
  • Деньги пойдут на создание уроков, курсов, развитие сайта и оплату серверов. В примечании к платежу укажите Ваш email.
  • Спасибо всем, кто уже внес свой вклад!
  • Валерий Медведев

Об авторе

Валерий Медведев

Меня зовут Валерий Медведев. C 2008 года разрабатываю веб-приложения с использованием Flash-технологии. В 2011 решил начать делиться своими знаниями с другими и создал этот сайт. ActionScript 3.0 — это по сути «движок флеша», зная который можно создавать как простые, так и совершенно удивительные вещи. Если у Вас есть желание познакомиться поближе или стать профессионалом в этой области, то на этом ресурсе Вы найдете много полезных материалов особенно для начинающих программистов. Бесплатный курс «ActionScript 3.0 Уроки для новичков» обеспечит Вам быстрый старт, а курс «Основы анимации в AS 3» познакомит с более продвинутыми концепциями и техниками. Начните изучать ActionScript 3.0 прямо сейчас!

Александр Слободчиков

Проблема уровня ламера - символ вставляется как кадр (анимейт 2019), никаких настроек на количество кадров нет, смена типа символа тоже результата не дала.

Если есть те кто знает как решить эту банальщину, жду вас с нетерпением.

P.s с меня пара соток на печеньки :) (у Митяя консультацию брать ради одного вопроса - жаба задушит нафиг)

Сергей Трифонов

Максим, Возможно накосячил с разрешением во время экспорта. Проверь разрешение проекта и разрешение экспортируемого ролика. А так что бы точно понять в чем дело, нужно смотреть со скринами

Сергей Трифонов

Александр, Выложи скриншот свойств твоего символа и всего остального. Скорее всего проблема либо в типе, но в спешке чего-то не заметил, либо у тебя файл проекта не Action Script 3.0

Саша Дубровская

Сергей Трифонов

Александра, У кого-то уже была подобная проблема. Делается через Файл -> Импорт -> Импортировать в рабочую область. Сами спрайты должны быть png формата. Остальное - выдержка разрешения как самого спрайта, так и разрешение проекта

Данил Марченко

Юра Паршкин

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

Семен Рыжов

Сергей Трифонов

Семен, На видео раздвоения объектов не увидел. А вообще такой эффект зачастую появляется из-за своеобразной кодировки самого видео при рендере, что бы такое избежать, то нужно кодировать финальное видео с правильными параметрами. Еще это может быть связано с разными кодеками, если у всех нормально, но у кого-то оно двоится. Если дело в том, что они при движении дергаются, то это уже ошибка аниматора, который допустил своеобразную разницу скорости движения и скорости кадров проекта, подобное исправляется как правило либо небольшим ускорением, либо небольшим замедлением движение объекта

Читайте также: