АНИМАЦИЯ ПРЕЗЕНТАЦИИ В FIGMA С НУЛЯ / УРОК ПО ФИГМА

• Учимся делать анимацию для презентации в Figma.  

• Проект состоит из четырех слайдов.  

• Используем три изображения, вырезанные в Photoshop.  

• Важно использовать качественные исходники.  

• Изображения взяты с официального сайта HyperX.  

• Описание микрофона HyperX QuadCast.  

• Элементы должны быть прописаны на слайдах.  

• Используем фрейм 1920x1080.  

• Добавляем микрофон и текст.  

• Текст выравнивается по сетке.  

• Добавляем кнопку с градиентом и шрифтом.  

• Используем логотип HyperX.  

• Применяем плагин Blobs для создания элементов.  

• Добавляем градиент с помощью пипетки и линейного градиента.  

• Элементы выравниваются по высоте и добавляются в нижний правый угол.  

• Добавляем элементы перелистывания для удержания внимания.  

• Создаем первый слайд с элементами.  

• Копируем композицию и перемещаем элементы на второй слайд.  

• Используем клавиши Shift и пробел для перемещения элементов внутри фрейма.  

• Элементы исчезают и появляются на втором слайде.  

• На первом фрейме все элементы имеют исходные позиции.  

• На втором фрейме элементы должны исчезнуть, чтобы появились новые.  

• Прописываем, куда должны исчезнуть элементы, чтобы они не мешали анимации.  

• Подвинем элементы для лучшего вида.  

• Переходим в раздел прототип и выбираем смарт анимет.  

• Устанавливаем время анимации в миллисекундах для плавной анимации.  

• Чем мягче анимация, тем лучше.  

• Выбираем кастом-кастом безье для плавной анимации.  

• Настраиваем график скорости для красивой анимации.  

• Добавляем элементы на второй слайд, копируя их с первого.  

• Элементы должны куда-то исчезать, чтобы не было резких переходов.  

• Копируем и вставляем элементы за границу первого слайда.  

• Проверяем анимацию и убеждаемся в её корректности.  

• Сначала рисуем статичные слайды, затем анимируем.  

• Анимация должна быть инструментом для улучшения презентации, а не наоборот.  

• Анимация помогает удерживать внимание и расставлять акценты.  

• Призываем подписаться на канал и посетить тренинг.  

• Проект можно скачать в телеграм-канале для дальнейшего изучения.