Рубрика: СейчасРаботаюНад…

Знакомство с выбором элементов из проектов для AE. Создание на этой основе «своей» кнопки с альфа-каналом.

Видеошутка, конечно. 🙂

Содержание условное: а-ля встроенная реклама Школы испанского языка UnoDosTres (проходила там недавно бесплатный вводный курс, впечатления расчудесные).

Изображение воспроизводит визуально (в виде плоской картинки) фрагмент главной страницы сайта Школы на 30.10.2021. https://unodostresonline.ru. Их кнопку про бесплатный урок я удлинила влево (варварски, в XnView)), чтобы частично компенсировать нарушение симметрии (поскольку справа приторочила постороннюю анимированную кнопку). Монтируя в VP, подвигала надпись на этой кнопке, подгоняясь к расположению «своей» анимированной кнопки. Очень обрадовало, что в VP картинка сохраняет связь с источником и автоматически обновляется при редактировании под тем же именем в фоторедакторе.
Музыка: увертюра к опере Ж. Бизе «Кармен», исполняет Ансамбль ударных инструментов ДШИ на Петроградской, запись 15.03.2018. https://youtu.be/qb20iCtIw00

Кнопку анимированную вытащила из проекта для AE, который дали на занятиях для тренировки. Сохранила её с альфа-каналом, вставила в VP и включила там режим для прозрачности альфа-канала. Это, собственно, и есть задание данного урока. Остальное возникло как бы между делом, но как опыт оно очень важно, поэтому записываю себе всё в подробностях. Текст раскрасила было по подобию логотипа Школы UnoDosTres, но эта раскраска осталась в глубине слоёв AE, не передалась в финальный вид кнопки. И вообще цвета кнопки отличаются от цветов сайта Школы. В Фотошопе подогнала бы, а как в AE? Сделать забор цвета из Фотошопа на основе скриншота из AE — могу, а дальше что? Как в самом AE задать нужные цвета? Пока это терра инкогнита, в первой пробе необязательно.

С шейпа удалила зелёный фон в VP хромакеем, затруднений не возникло. Что не смогла, так это закрутить шейп ещё быстрее в конце ролика. Задним числом соображаю, что можно обрезать длину элемента до минимальной, там, где он крутится всего быстрее, и размножить эти элементы вереницей. Будет этакое тутти! — Это по предположению, а реально может оказаться похожим на пробуксовку. 🙂 Тогда пришлось бы ещё и вращать. Лень пробовать… Сделала также вариант с шейпом меньшего диаметра: он крутится внутри кнопки, а не снаружи, как ореол, — но понравился мне меньше, отвергла, зато в процессе выяснилось замечательное различие между Pan/Crop и Track Motion: последний действует на всю дорожку сразу и целиком, подтверждает своё название. И ещё одна зарубка на память: я поменяла исходному шейпу направление вращения (через revers, не усложняя).

А вот флаг Испании добавила из интереса усложнить. )) Посмотреть, как работает gif в AE и VP. Работает нормально — прозрачность получается «прямо из коробки». Но из-за качества картинки флажка работа над роликом превратилась в песню о видеомонтажнике-Сизифе. Подробности — мелким шрифтом. 🙂

^{Картинка gif имела белую зубчатую кромку по контуру всего изображения. Казалось бы — добавь белую подложку, сведи слои и с помощью хромакея удали весь этот слитный белый фон. Ан нет, в AE у меня не получилось. Попыталась сделать в VP именно таким двухслойным способом, но тоже не сработало. А также и через альфа-канал по белому не сработало. Т. е. прозрачность не появлялась, каким путём ни иди. Зато простое наложение эффекта хромакея в VP принесло результат, не идеальный, но неплохой.}

^{Попутно пришлось вставить в видео два флажка вместо одного. Древко в результате хромакеинга попрозрачнело, поэтому подложила исходный зубчатый gif с плотным белым древком. Белые зубцы вдоль полотнища не маскировала, но они не видны, потому что прикрыты верхним флажком; а вот куда делись белые зубцы с древка? Ведь почти совсем сгладились! Одно лишь объяснение придумала: их значительно прикрывает серый (или чёрный?) контур древка, возникший на верхнем флажке в результате хромакеинга по белому. Что называется, не было бы счастья, да несчастье помогло.}

^{Нижний флажок чуть меньше размером; микроостатки белых зубцов могут быть заметны, я не в состоянии настолько всмотреться. 🙂 Перфекционизма ради наложила даже маски на оба флажка: в нижнем флажке — на финальный изгиб полотнища в ПНУ, в верхнем флажке — на оба кончика древка. Полной победы перфекционизм не одержал: увидела, что нижний кончик древка слегка дёргается. Фантазия подсказала объяснение, что где-то просвечивает на доли секунды не замаскированное древко нижнего флажка, т. е. я не совсем точно наложила маску — не на всю длительность показа этого повторяющегося элемента. Но потом, пересматривая первую версию ролика, где флажок всего один, поняла, что таков сам исходник: с маленьким техническим дефектом в исполнении древка. Уф. )))}

— — —

Забавные мысли навевает соседство гифки с кнопкой, в которую я сама добавила альфа-канал. Какой избыток разных способов сделать одно и то же, да ещё и с разной степенью громоздкости! 🙂 Но это задачи мои такие — небольшие. Очень может быть, что в руках профессионала гифка и альфа-канал являются совершенно несопоставимыми инструментами. (Взять хотя бы то, что мне известно: ограничения GIF по цветам — от силы 256 индексированных. А ещё, где-то в уроке прочитала, что гифка в принципе менее плавная, чем видео, и что в дёрганости любой гифки, т. е. в её заведомо меньшем количестве кадров, даже есть эстетическая привлекательность, своеобразие).

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

На память себе — первый вариант, ещё без шейпа, флажок зубчатый и древко подёргивается изначально. Ой, перед просмотром нужно убавить звук! Очень громкий.

Лера Сейгина
30.10—02.11.2021, Москва