Как сделать прозрачный фон в adobe animate

Обновлено: 02.07.2024

В этой статье рассматривается использование рабочей области и панели «Инструменты» при работе с графическим содержимым в Animate.

Когда Animate (прежнее название Flash Professional CC) запускается без открытых документов, появляется экран приветствия. Экран приветствия делится на четыре следующие области:

Позволяет открыть самые недавние документы (щелкните значок «Открыть»).

Содержит список типов файлов Animate, таких как документы Animate и файлы ActionScript®.

Создать из шаблона

Содержит список шаблонов, часто используемых для создания документов Animate.

Содержит ссылки на веб-сайт Animate Exchange, откуда можно загрузить вспомогательные приложения, расширения и связанную информацию.

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

Чтобы скрыть экран приветствия, выберите «Больше не показывать».

Чтобы отобразить экран приветствия, выберите «Правка» > «Установки» (Windows®) или «Animate» > «Установки» (Macintosh®) и выберите «Экран приветствия» в категории «Общие» меню «При запуске».

Рабочая область представляет собой прямоугольную область, в которой отображается графическое содержимое при создании документов Animate. Рабочая область в среде разработчика представляет собой прямоугольное окно в программе Flash Player или окне веб-браузера, где отображаются документы во время воспроизведения. Черный контур по умолчанию представляет контурный вид рабочей области.

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


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

Измените масштаб рабочей области

Чтобы увидеть рабочую область на экране целиком или, наоборот, отдельную часть рисунка в большом увеличении, измените ее масштаб. Максимальное увеличение зависит от разрешения монитора и размера документа. Минимальное значение масштаба рабочей области равно 8%. Максимальное значение масштаба рабочей области равно 2 000%.

Также можно использовать жесты Multi-touch на совместимых устройствах.

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

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

Чтобы изменить масштаб всей рабочей области, выберите меню «Просмотр» > «Увеличить масштаб» или «Просмотр» > «Уменьшить масштаб».

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

  • Чтобы рабочая область полностью входила в окно приложения, выберите меню «Просмотр» > «Масштаб просмотра» > «По размерам окна».

Чтобы отобразить всю рабочую область, выберите меню «Просмотр» > «Масштаб просмотра» > «Показать кадр» либо выберите пункт «Показать кадр» в элементе управления «Масштаб» в левом верхнем углу окна документа.

Чтобы отобразить рабочее пространство, окружающее рабочую область, или просмотреть элементы монтажного кадра, частично или полностью находящиеся за пределами рабочей области, выберите меню «Просмотр» > «Область вставки». Монтажный стол имеет светло-серый цвет. Например, чтобы птица влетала в кадр, нужно сначала поместить ее на монтажном столе за пределами рабочей области, а затем анимировать ее появление в рабочей области.

Цвет области вставки

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

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



Перемещение вида рабочей области

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

Также можно использовать жесты Multi-touch на совместимых устройствах.

На панели «Инструменты» выберите инструмент «Рука» и перетащите им рабочую область. Чтобы временно переключиться с другого инструмента на инструмент «Рука», нажмите нужный инструмент на панели «Инструменты», удерживая нажатой клавишу «Пробел».

Поворот рабочей области

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

Как поворачивать рабочую область с помощью инструмента «Поворот»

Выберите инструмент «Поворот» (H), который сгруппирован с инструментом «Рука» (H), или одновременно нажмите клавиши Shift и Пробел. Так вы сможете использовать инструмент «Поворот» по время работы с другим инструментом, например «Кисть».


Инструмент «Поворот» на панели управления

Если выбрать инструмент «Поворот», на экране появится точка вращения, отмеченная перекрестием.Чтобы отрегулировать положение точки вращения, нажмите на нужное место не экране.


Точка вращения, отмеченная перекрестием

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


Рабочая область после поворота

С помощью инструмента «Поворот» перетащите рабочую область, чтобы на время повернуть ее. Текущий угол поворота указан на крайней линии на точке вращения.

Чтобы вернуть рабочую область к виду по умолчанию, нажмите клавишу «Центрировать рабочую область» .

Выполните масштабирование содержимого в соответствии с размером рабочей области

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


Параметр «Масштабировать содержимое» в Инспекторе свойств

Масштабирование размера рабочей области

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

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

Если установлен флажок «Масштабировать содержимое», размеры рабочей области автоматически связываются и отключаются. Это происходит, так как масштабирование содержимого имеет смысл, если размеры рабочей области изменяются пропорционально.


Кнопка «Связать» для пропорционального масштабирования размера рабочей области

Задать прозрачность холста

Можно включить для холста прозрачный режим, выбрав диапазоны альфа-цвета в виде процентов на образцах цвета. Для этого выберите «Холст» > «Свойства» > Рабочая область» > «Альфа %».

Масштабирование рабочей области на основе выбранной узловой точки

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


Узловые точки, на основе которых можно масштабировать рабочую область


Метод 1. Использование сайта редактирования изображений в Интернете

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

Метод 2: Использование Adobe Photoshop

Примечание: если кадры на временной шкале отображаются правильно после выполнения всех операций редактирования в слоях, пропустите шаги 5 и 6.

  1. Откройте приложение Photoshop, дважды щелкнув ярлык или выполнив поиск с помощью функции поиска Windows.
  2. Теперь нажмите на меню «Файл» в строке меню и выберите опцию «Открыть». Перейдите к файлу GIF и откройте его.Открытие файла в фотошопе
  3. Вы можете видеть, что каждый кадр открывается как слой на панели слоев. Выберите инструмент Magic Wand (или нажмите W), а затем выберите фон для каждого слоя. При нажатии кнопки Backspace или Delete будет удалена выбранная область.
    Примечание. Вы также можете щелкнуть меню Windows в строке меню и выбрать опцию «Временная шкала». Это откроет временную шкалу, через которую вы можете воспроизводить и просматривать свой файл GIF.Удаление фона для каждого слоя
  4. Это займет некоторое время, если у GIF сложный фон. После этого вы можете проверить рамки временной шкалы, чтобы увидеть, не совпадают ли они и не совпадают.
    Примечание: иногда редактирование может испортить временную шкалу, и во всех кадрах будет отображаться одно и то же изображение. Это также сохранит GIF как одно изображение.
  5. Если кадры совпадают, выберите первый кадр, удерживайте клавишу Shift, а затем выберите последний кадр. Это выберет все кадры. Теперь щелкните значок меню в правом верхнем углу панели «Таймлайн» и выберите параметр «Удалить кадры». Это удалит все неправильные кадры.Удаление испорченных кадров
  6. Теперь снова щелкните значок меню на панели «Таймлайн» и выберите «Создать кадры из слоев». Это позволит правильно создать все рамки по слоям.Изготовление рамок из слоев
  7. Теперь щелкните меню «Файл» в строке меню и выберите «Экспорт»> «Сохранить для Интернета». Затем выберите «Форматировать как GIF», выберите качество GIF-изображения в раскрывающемся меню «Предустановки» и нажмите кнопку «Сохранить».Сохранение отредактированного GIF
  8. Назовите файл и выберите расположение для файла. На этом завершится процесс удаления фона из файла GIF.

Елена Никитина

Сергей, экспортировать видео. скачала, обновляла, все без толку.

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

Светлана, Ну вообще странно, что эта проблема возникла. Если Adobe Media Encoder был скачан и поставлен, но ничего не работает, то достаточно при экспорте тут убрать галочку. А дальше видео можно будет обработать и довести до ума еще где-нибудь

DELETED

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

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

Мария, Я выше человечку уже отвечал на вопрос "Как экспортировать видео обходя злополучный Adobe Media Encoder". Когда ты будешь экспортировать свою анимацию в видео, то поставь галочку в пункте "Игнорировать цвет рабочей области". Это значит то, что вместо рабочей области "Без учета всяких фонов, которые ты там поставил" будет сделан альфа-канал(прозрачность). Собственно говоря, в видео оно точно так же сделано

Сергей, так в том то и дело что сделала сразу же так.((( Значит проблема все же не в этом, но спс во всяком случае.

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

Мария, Покажи скрин своей работы и покажи скрин экспорта тогда

Сергей, да оно все так же как на видео один в один вот только когда я в вегас кидаю видео и картинку фона то ничего не получается.

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

Мария, В общем я сейчас попытался сделать тоже самое. Все же в этой версии и правда много недочетов. Тогда можно сделать немного хитро, раз всё равно монтажем будешь заниматься. Сделай фон полностью кислотно зеленым, далее просто через вегас используй хромокей "Разделитель по цветовому тону", так более менее выйти нормально должно. Ибо всё же тут анимейт без Adobe Media Encoder, не сможет экспортировать видео нормально

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

Антон, Вроде как анимейт не поддерживает силу нажатия, хотя такая возможность наверное появляется, если он распознает граф.планшет

DELETED

Сергей, я нашёл) кнопочка там есть использовать нажим

Максим Шарафутдинов

как сделать так,чтобы область рисования показывалась поверх фона?

Максим Шарафутдинов

и еще у меня вопрос,зачем продлевать кадры? что это дает?

Роман Зверев

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

Максим, Вообще в анимейте её границы должны показываться автоматически, если рабочая область полностью перекрыта фоном. Ну а так можно включить сетку через ctrl+shift+alt+r, и далее перед тем как делать фон, через линейку обозначить границы.

Максим, Дополнительные кадры нужны либо для автоматической программной анимации, они показывают промежуток времени от начальной точки до конечной, либо для задержки смены кадра во время покадровой анимации

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

Роман, Если рисуешь через граф.планшет, то возможно проблема в драйверах и после первой линии у тебя идет непонятное зажатие

DELETED

Ребят нужны люди по созданию мульта мульт каефный пж все что заработаем ваше в ЛС

DELETED

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

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