Adobe animate как вставить картинку
Для импорта файлов используется меню Файл - Импорт .
Имеется выбор: "Импортировать в рабочую область" (на Сцену ) или "Импортировать в Библиотеку"
Adobe Animate может использовать изображения (artwork), созданные в других программах - см. Совместная работа Animate CC с другими программами Adobe .
Вы можете импортировать векторную графику и растровые изображения в различных форматах файлов.
Если в вашей системе установлен QuickTime 4 или более поздней версии, вы можете импортировать дополнительные форматы векторных или растровых изображений.
Вы можете напрямую импортировать файлы Adobe FreeHand (версия MX и более ранние) и файлы Adobe Fireworks PNG
в Animate, сохраняя настройки этих форматов.
Графические файлы, которые вы импортируете в Animate, должны иметь размер не менее 2 x 2 пикселя.
Лучший растровый формат для импорта в Animate - это PNG, который является собственным форматом файлов Macromedia.
Файлы PNG применяют систему цветов RGB и альфа-информацию для каждого пикселя. Если вы импортируете файлы PNG Fireworks в Animate, вы сохраняете некоторую возможность редактировать графические объекты в FLA-файле.
Чтобы загрузить файлы JPEG в файл Animate SWF во время выполнения, используйте действие или метод loadMovie.
Подробнее см.
Особенности импорта в Animate
Animate импортирует векторную графику, растровые изображения и последовательности изображений следующим образом:
• Когда вы импортируете файлы Adobe Illustrator и Adobe Photoshop в Animate, вы можете указать параметры импорта. Это позволит сохранить настройки и продолжить редактирование в Animate.
• При импорте векторных изображений в Animate из FreeHand выберите параметры для сохранения слоев FreeHand, страниц, и текстовых блоков.
• При импорте изображений PNG из Adobe Fireworks импортируйте файлы как редактируемые объекты для изменения в Animate
• Выберите параметры для сохранения изображений, текста и направляющих. Если вы импортируете файл PNG из Fireworks путем вырезания и вставки, файл преобразуется в растровое изображение.
• Векторные изображения из файлов SWF и Windows Metafile Format (WMF), которые вы импортируете непосредственно в документ Animate (а не в Библиотеку) импортируется как группа в текущем слое.
• Растровые изображения, которые вы импортируете непосредственно в документ Animate, импортируются как отдельные объекты в текущем слое. Animate сохраняет настройки прозрачности. Необходимо оптимизировать (сжать) растровые изображения, так как они могут значительно увеличить размер файла SWF.
Примечание: прозрачность растрового изображения может не сохраняться при импорте растровых изображений путем перетаскивания из приложение или рабочего стола в Animate. Чтобы сохранить прозрачность, используйте команды меню Файл > " Импортировать в рабочую область " или " Импортировать в библиотеку "
• Любая последовательность изображений (например, последовательность PICT или BMP), которую вы импортируете непосредственно в документ Animate, импортируется как последовательные ключевые кадры текущего слоя.
Импорт анимации формата GIF
- При импорте в Рабочую область (на Сцену) Animate CC вставит анимацию на Сцену. Одновременно на Шкале времени на выбранный слой будут вставлены все кадры анимации (включая ключевые кадры).
- При импорте в Библиотеку будет создана отдельная папка, содержашая все кадры анимации GIF (форматов png, gif, jpeg). Вы можете использовать кадры по отдельности, перетаскивая их из Библиотеки на Сцену.
Поддерживаемые форматы файлов при импорте
Графические форматы
JPEG PNG Adobe Illustrator (.ai) Adobe Photoshop (.psd) | AutoCAD DXF (.dxf) Bitmap (.bmt) Enhanced Windows Metafile (.emf) FutureSplash Player (.spl) | GIF и animated GIF (.jpg) Flash Player 6/7 (.swf) Windows Metafile (.wmf) Adobe XML Graphic file (.fxg) |
- Animate CC не поддерживает импорт файлов SWC.
- Установка на компьютер QuickTime 4 или более поздней версии полезно, так как это позволяет вести совместные проекты в системах Windows и Macintosh.
- Также QuickTime 4 расширяет поддержку определенных форматов файлов (включая PICT, QuickTime Movie, QuickTime Image (qtif), TIFF и другие) для обеих платформ.
Форматы звуковых файлов
MP3
Adobe Soundbooth (.asnd)
Wave (.wav)
Audio Interchange File Format (.aiff)
Animate может импортировать следующие аудиоформаты, только если установлен QuickTime 4 или более поздней версии:
Audio Interchange File Format (.aiff)
Sound Designer II (.sd2)
Sound-only QuickTime movies (.mov, .qt)
Sun AU (.au)
System 7 sounds (.snd)
Wave (.wav)
Video for Adobe Animate (flv, .f4v)
QuickTime Movie (.mov, .qt)
Video for Windows (.avi)
MPEG (.mpg, .m1v, .m2p, .m2t, .m2ts, .mts, .tod, .mpe, .mpeg)
MPEG-4 (.mp4, .m4v, .avc)
Digital Video (.dv, .dvi)
3GPP/3GPP2 for Mobile Devices (.3gp, .3gpp, .3gp2, .3gpp2, .3p2 •)
Примечание:
Поддерживаемые форматы импорта для разных систем (Windows или Macintosh) могут отличаться.
Импорт файлов в Animate
Animate позволяет импортировать графические объекты в различных форматах файлов либо непосредственно в рабочую область (на Сцену), либо в Библиотеку.
1. Выполните одно из следующих действий:
• Чтобы импортировать файл непосредственно в текущий документ Animate, выберите меню « Файл » > « Импорт » > « Импортировать в рабочую область » (File > Import > Import To Stage).
• Чтобы импортировать файл в библиотеку для текущего документа Animate, выберите меню « Файл » > « Импорт » > « Импортировать в библиотеку » ( File > Import > Import To Library). Затем можно элемент библиотеки перетащить на Сцену.
2. Выберите формат файла во всплывающем меню «Тип файлов» (Windows) или «Показать» (Macintosh).
3. Перейдите к нужному файлу и выберите его. Если импортированный файл имеет несколько слоев, Animate может создавать новые слои. (в зависимости от типа файла импорта). Любые новые слои появляются на Шкале времени .
4. Нажмите Открыть .
5. Если имя импортируемого файла заканчивается номером, а дополнительные файлы с последовательными номерами находятся в в той же папке выполните одно из следующих действий:
• Чтобы импортировать все последовательные файлы, нажмите Да.
• Чтобы импортировать только указанный файл, нажмите Нет.
Примечание. (Только для Windows 8). Если файл PSD, содержащий текст, импортирован с выбранным параметром «Векторный контур» (Vector Outline), вы не сможете
редактировать опорные точки для векторного объекта. Это наблюдается с PSD-файлами, которые были созданы с использованием недоступных шрифтов в Windows 8.
1. Скопируйте изображение в другое приложение.
2. В Animate выберите меню « Правка » > « Вставить в центр » (Edit > Paste In Center).
Импорт файлов FXG
Формат FXG позволяет Animate обмениваться графикой с другими приложениями Adobe, такими как Adobe Illustrator , Adobe Fireworks и Adobe Photoshop со всей сложной графической информацией.
Animate позволяет импортировать FXG файлы (только версия 2.0), а также сохранять выбранные объекты на сцене или на всей сцене в формате FXG.
Подробнее см. информацию о файлах FXG, см. О файлах FXG.
Чтобы импортировать файл FXG, выберите меню « Файл »> « Импорт » > « Импортировать в рабочую область » или « Импортировать в библиотеку » и выберите нужный файл FXG.
О файлах AutoCAD DXF
Animate поддерживает формат AutoCAD DXF в AutoCAD 10.
Файлы DXF не поддерживают стандартные системные шрифты. Animate пытается сопоставить шрифты соответствующим образом, но результаты могут быть
непредсказуемо, особенно для выравнивания текста.
Поскольку формат DXF не поддерживает сплошные заливки, заполненные области экспортируются только в виде контуров. По этой причине формат DXF наиболее подходит для линейных чертежей (таких как планы этажей и карты).
Вы можете импортировать двумерные файлы DXF в Animate. Animate не поддерживает трехмерные файлы DXF.
Хотя Animate не поддерживает масштабирование в DXF-файле, все импортированные DXF-файлы создают файлы размером 12 x 12 дюймов, которые Вы можете масштабировать, используя меню Модификация > Преобразование > Масштаб (Modify > Transform > Scale). Кроме того, Animate поддерживает только файлы ASCII DXF. Если ваши файлы DXF двоичный файл, конвертируйте их в формат ASCII перед импортом в Animate.
Загрузка иллюстраций с помощью ActionScript
С помощью ActionScript вы можете загружать внешние файлы изображений или ресурсы из библиотеки во время выполнения.
Открытие файлов Flash CS6 с помощью Animate CC
Animate CC продолжает поддерживать формат файла XFL (.xfl), как сжатый .fla, так и несжатые типы файлов.
Animate также продолжает поддерживать открытие файлов, сохраненных в любой более ранней версии Animate. Поддерживаемые типы файлов включают в себя открытие не только файлов XFL, сохраненных в CS5.5 и CS6, но и более старых «Двоичные» .fla файлы, сохраненные в CS4 и более ранних версиях.
При сохранении файла Animate CC продолжает предоставлять варианты сохранения в документ Animate (.fla) или несжатый документ (.xfl).
Однако, поскольку CS5.5 и более поздние выпуски могут открывать «будущие» версии файлов, XFL, CS5.5 и CS6 могут также откройте файлы Animate CC. Следовательно, вы не увидите опции в раскрывающемся списке «Сохранить как тип» для явного сохранения в старой версии Animate
Однако некоторые функции не поддерживаются в Animate CC. Это может повлиять на файлы, которые были созданы в более старых версиях Animate. Важно, чтобы вы сделали необходимые изменения в этих файлах, прежде чем открывать их в Animate CC.
Преобразования содержания, созданного в ранних версиях программы
При преобразовании устаревших функций Animate пытается визуально сохранить исходное содержимое. Однако после преобразование некоторых функций могут быть недоступны:
1. Обратная кинематика (см. Анимация каркасных фигур) преобразуется в покадровую анимацию
2. TLF текст преобразуется в классический, статический текст. Текст TLF, встроенный в файлы PSD или AI, также преобразуется в классический текст при импорте в Animate CC - см. Работа с текстом Text Layout Framework (TLF)
3. ActionScript 1 / ActionScript 2:
1. Параметры публикации по умолчанию установлены на ActionScript 3
2. Код ActionScript 2, прикрепленный к любому экземпляру на сцене, будет удален (прежний код не поддерживаются в ActionScript 3)
3. Компоненты AS2 будут перенесены в качестве заполнителей, но не могут использоваться для создания нового содержания на сцене. Также они будут генерировать ошибки компиляции в AS3.
- Поскольку Animate CC сканирует и затем преобразует устаревшее содержание в более старые файлы, при открытии могут возникать задержки. Чтобы устранить эту задержку для использования в будущем, повторно сохраните файл, используя Animate CC.
- Как только файл помечен как CC, он сканируется и преобразование больше не будут выполняться в указанном файле. Следовательно - ускоряется время открытия файла.
Дополнительные справочные материалы
Раздел Placing artwork into Animate (Помещение изображений в Animate)
Раздел Imported bitmaps in Animate CC (Импортированные растровые изображения в Animate CC) - стр. 450.
В Adobe Animate можно использовать иллюстрации, созданные в других приложениях. Векторную графику и растровые изображения можно импортировать из многих различных форматов файлов. Если в системе установлена программа QuickTime® 4 или более поздней версии, то можно импортировать файлы дополнительных векторных и растровых форматов. Файлы Adobe® FreeHand® (версии MX и более ранние) и PNG-файлы Adobe® Fireworks® можно импортировать непосредственно в Animate, сохраняя атрибуты, содержащиеся в этих форматах.
Размер импортируемых графических файлов в Animate должен быть не менее 2 x 2 пикселя.
Чтобы загрузить JPEG-файлы в SWF-файл Animate в процессе выполнения, используйте метод или действие loadMovie . Дополнительные сведения см. в описании loadMovie (метод MovieClip.loadMovie) в справочнике по ActionScript 2.0 или в разделе Работа с фрагментами ролика в руководстве разработчика ActionScript 3.0.
Animate импортирует векторную графику, растровые изображения и пакеты изображений следующими способами.
При импорте файлов Adobe® Illustrator® и Adobe® Photoshop® в Animate можно указать параметры импорта, которые позволяют сохранить основную часть визуальных данных иллюстрации и обеспечить редактируемость определенных визуальных атрибутов в среде разработки Animate.
При импорте векторных изображений в Animate из FreeHand выбирайте параметры, чтобы сохранить слои, страницы и текстовые блоки FreeHand.
При импорте PNG-изображений из Fireworks импортируйте файлы как редактируемые объекты, которые изменяются в Animate, или как сведенные файлы, которые редактируются и обновляются в Fireworks.
Выбирайте параметры, чтобы сохранить изображения, текст и направляющие.
Если PNG-файл импортируется из Fireworks методом вырезания и вставки, то файл преобразуется в растровое изображение.
Векторные изображения из SWF-файлов и Windows® Metafile Format (WMF), импортируемые непосредственно в документ Animate (а не в библиотеку), импортируются как группа в текущем слое.
Растровые изображения (сканированные фотографии, BMP-файлы), импортированные непосредственно в документ Animate, импортируются как одиночные объекты в текущий слой. Animate сохраняет настройки прозрачности импортированных растровых изображений. Импортированные растровые изображения могут увеличить размер SWF-файла, поэтому полезно сжать импортированные растровые изображения.
Прозрачность растровых изображений не всегда сохраняется, если растровые изображения импортируются перетаскиванием мышью из приложения или рабочего стола в Animate. Чтобы сохранить прозрачность, используйте для импорта команду «Файл» > «Импортировать в рабочую область» или «Импортировать в библиотеку».
Любая последовательность изображений (например, последовательность PICT или BMP), импортированная непосредственно в документ Animate, импортируется как последовательные ключевые кадры текущего слоя.
Полный список всех формат файлов, импорт, экспорт или редактирование которых поддерживается в Animate, см. в статье TechNote Поддерживаемые форматы файлов.
Графические форматы
Векторные и растровые файлы следующих форматов можно импортировать в Animate 8 и более поздние версии.
Из материала прошлого урока Adobe Animate CC Вы знаете, что создавать базовые формы в этой программе можно с помощью различных инструментов рисования: Прямоугольник (Rectangle Tool), Овал (Oval Tool), Ручка (Pen Tool), Карандаш (Pencil Tool), Кисть (Brush Tool) и других.
На этом уроке мы поговорим об их создании с помощью инструмента Прямоугольник , а также способах редактирования этих форм с помощью инструмента Выделение (Selection Tool).
На рисунке ниже в верхней части сцены изображен произвольный прямоугольник, построенный с помощью одноименного инструмента. В нижней части сцены находятся девять различных по сложности форм, которые созданы путем редактирования этого прямоугольника, используя всего лишь три простых приема.
Гарантирую, что этот урок многим откроет глаза на то, как можно быстро, но очень эффективно редактировать векторные изображения в 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 , а затем потянуть, то этот отрезок или сегмент границы разделится на две части в точке касания границы курсором, образуя новый угол.
Таким способом можно усложнять форму до бесконечности, увеличивая количество ее углов.
Способ третий
Изменяем кривизну границы формы. Если курсор подвести не к углу, а к любому другому месту границы формы, то рядом с ним появится скругленная линия. Если теперь кликнуть мышью и потянуть, то можно легко менять кривизну этого отрезка границы.
Таким образом, комбинируя всего лишь три вышеперечисленных способа редактирования границы и углов, Вы можете легко изменять (усложнять или упрощать) базовую форму с довольно большой точностью.
Теперь закрепите полученные знания на практике.
Самостоятельная практика
Нарисуйте девять фигур как на рисунке выше, соблюдая следующие условия:
- Первое. Используйте три способа редактирования форм с помощью инструмента Выделение
- Второе. Применяйте только горячие клавиши для выбора инструментов рисования и редактирования.
- Третье. Пользуйтесь вспомогательными клавишами Alt, Shift и Ctrl при создании форм, если это необходимо.
В следующих уроках я расскажу Вам о других инструментах редактирования форм, а именно Частичное выделение , Лассо , Волшебная палочка и других.
Более 7000 человек уже получили!
Не забудьте подтвердить подписку и проверить почтовый ящик
Отзывы
«По AS 3.0 вышло уже немало курсов, но по степени доступности для пользователя, не имеющего навыков в программировании, аналогов курсу Валерия я еще не видел. Доступность и в плане бесплатности курса и в плане понимания его.» — Евгений
Рекомендую
- Этот сайт размещен на хостинге компании «Бегет».
- Если Вы ищете хостинг с отличным соотношением цена/качество, то я рекомендую именно его.
Помощь сайту
- Уроки Вам помогли? Внесите вклад в развитие сайта. Перечислите любую сумму на один из кошельков:
- R861898673040
- 410011923517064
- Деньги пойдут на создание уроков, курсов, развитие сайта и оплату серверов. В примечании к платежу укажите Ваш email.
- Спасибо всем, кто уже внес свой вклад!
- Валерий Медведев
Об авторе
Меня зовут Валерий Медведев. C 2008 года разрабатываю веб-приложения с использованием Flash-технологии. В 2011 решил начать делиться своими знаниями с другими и создал этот сайт. ActionScript 3.0 — это по сути «движок флеша», зная который можно создавать как простые, так и совершенно удивительные вещи. Если у Вас есть желание познакомиться поближе или стать профессионалом в этой области, то на этом ресурсе Вы найдете много полезных материалов особенно для начинающих программистов. Бесплатный курс «ActionScript 3.0 Уроки для новичков» обеспечит Вам быстрый старт, а курс «Основы анимации в AS 3» познакомит с более продвинутыми концепциями и техниками. Начните изучать ActionScript 3.0 прямо сейчас!
На этом уроке 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 прямо сейчас!
На этом уроке Adobe Animate CC мы затронем тему, от правильного понимания которой во многом зависят Ваши навыки профессионального рисования в этой программе.
Дело в том, что компьютерное рисование принципиально отличается от обычного способом создания линий, форм и цветов, которые мы видим на экране.
В реальности мы используем настоящие инструменты: карандаши, ручки, фломастеры и краски, с помощью которых на бумаге, картоне или холсте мы рисуем линии и формы, создавая графические или живописные композиции.
В компьютерном рисовании все выше перечисленное имитируется, а если быть более точным в терминах, то вычисляется. Поэтому и инструментарий принципиально другой.
Возьмем Adobe Animate . Это программа, в которой можно создавать только векторную графику . А это, в свою очередь, значит (если рассуждать на базовом уровне), что Вы не можете в ней нарисовать линию как таковую, а можете только создавать точки (узлы), которые программа сама соединяет линией (вычисляет).
От свойств именно этих точек зависит какой будет эта линия: прямой, кривой, гладкой, угловатой и т.д. Поэтому, как ни странно, умение создавать эти самые узлы и настраивать их параметры будет во многом определять Ваш профессионализм как рисовальщика в Adobe Animate!
Эта концепция является критически важной для понимания, поэтому с самого начала постарайтесь это осознать и в дальнейшем, «рисуя» всегда помнить об этом.
Алгоритм создания векторной графики (рисования) в Adobe Animate
Алгоритм создания векторной графики следующий:
- сначала Вы создаете базовую форму (инструменты: Прямоугольник, Овал, Многоугольник, Ручка, Карандаш, Кисть, Текст и др.)
- затем Вы ее редактируете (инст.: Выделение, Частичное выделение, Лассо, Полигон, Волшебная палочка, Заливка, Градиентная заливка, Чернильница, Пипетка, Резинка), то есть изменяете положение ее границ, их вид/характер, цвет границ и самой формы и т.д.
- далее, если необходимо, Вы трансформируете эту форму (инст.: Свободная трансформация, панель Трансформация): увеличиваете/уменьшаете, сжимаете/растягиваете, поворачиваете, отражаете, скашиваете
- в конце, когда форма по Вашему мнению готова, если нужно, Вы можете создать ее точную копию (или несколько). Последнюю, в свою очередь, снова можно редактировать, трансформировать, копировать
Созданные формы можно объединять в группы, располагать в определенном порядке, выравнивать друг относительно друга, а также преобразовывать в символы для дальнейшего многократного использования в анимации. Кроме того, символы значительно уменьшают размер, создаваемой анимации/приложения, т.е. ее вес в байтах или килобайтах, что очень важно для публикации, особенно в сети интернет.
Когда подобные навыки рисования доведены до автоматизма, то не стоит вопрос как рисовать, а лишь что рисовать. Последнее же зависит от конкретной работы или задания.
Итак, Adobe Animate как редактор предлагает множество инструментов для работы с графикой, а их комбинация увеличивает Ваши возможности как рисовальщика бесконечно. Но как и в любом деле именно знание основ, правильное понимание базовых вещей позволит Вам начать быстро и профессионально работать в этой программе.
Горячие клавиши в Adobe Animate
Несколько слов о горячих клавишах. Они указываются во всплывающих подсказках при наведении курсора на любой инструмент в соответствующей панели.
В процессе знакомства с инструментами программы сразу старайтесь запоминать горячие клавиши, с помощью которых они активируются, тем самым Вы сэкономите огромное количество своего рабочего времени в дальнейшем!
Например, чтобы вызвать инструмент Прямоугольник (Rectangle) нужно нажать горячую клавишу R . Запомнив ее, старайтесь больше не обращаться к панели инструментов и Вы очень скоро привыкните активировать этот инструмент именно таким образом.
В следующих уроках, я буду последовательно знакомить Вас с различными инструментами, их возможностями, настройкой и практическим использованием.
Читайте также: