Многослойная анимация

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

Сначала нужна идея.

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

AI уже сейчас распознает не только изображенные на фото объекты — он может видеть невероятные детали, например, породу камней на пляже, достраивать утерянные кусочки лица или рисовать облака.

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

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

Затем нужно собрать контент.

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

Собственно, анимация.

Справа я открыла порядок анимации, чтобы вы посмотрели, какой он сложный. На самом деле, ничего особо сложного. В анимации есть всего 3 стадии:

• Сборка — как картинка появится,
• Действие — что с ней будет происходить,
• Разборка — как она исчезнет.

Каждый эффект можно запрограммировать по разным параметрам:

— появится ли он вместе/после предыдущей анимации, или по щелчку,

— как долго будет длиться,

— какую паузу между эффектами поставить.

Отдельно я заанимировала руку со смартфоном.

— Во-первых, картинка, где девушка держит смартфон, изначально слитная. Нашла ее в гугле. Я ее разрезала на две части, чтобы двигалась только левая рука: поставила ей задачу во вкладке действие: "сдвиг" на 4 секунды.

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

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

Все анимации и дизайн я сделала в keynote на маке. Я не уверена, есть ли такие супер-возможности в power point. Если да, буду признательна, если вы напишете мне об этом в комментах, и я передам остальным. Можете также задать свой вопрос. Я понимаю, что могла упустить что-то важное.

Еще слайды и видосы с презентации посмотрите на behance.

Похожие материалы:

👉Про анимацию в keynote

👉Коллажи в движении

Если нравятся мои статьи, читайте больше в моем канале и зовите  друзей: https://t.me/samasklepala