Figma имеет удивительный встроенный инструмент векторного рисования, который позволяет создавать детальные иллюстрации, логотипы и другую графику. В программе также есть мощный инструмент анимации, который можно использовать для создания анимации, воспроизводящейся во время прокрутки страницы. В этой статье мы покажем вам, как создать анимацию во время прокрутки в Figma.
ПРОСТОЙ СОВЕТ: Если вы не будете осторожны, анимация при прокрутке может привести к очень обрывистой анимации. Убедитесь в том, что вы сгладили ключевые кадры и используете постоянную частоту кадров (24 или 30 кадров в секунду — стандартная частота), прежде чем пытаться прокрутить анимацию.
Для создания анимации с прокруткой в Figma необходимо использовать инструмент Scrolling Frame. Этот инструмент можно найти на панели инструментов в левой части интерфейса Figma..
Выбрав инструмент Scrolling Frame, щелкните и перетащите его на холсте, чтобы создать рамку размером с вашу анимацию. Затем нажмите кнопку «Добавить слой» на панели инструментов и выберите «Вектор». «
После создания векторного слоя нужно нарисовать анимацию. Для этого нужно выбрать инструмент «Перо» на панели инструментов, нажать и перетащить на холст, чтобы создать фигуры.
После создания фигур можно использовать инструмент «Выделение», чтобы переместить их или изменить их размер. Вы также можете использовать опции «Заливка» и «Обводка» на панели инструментов, чтобы изменить цвет фигур.
Когда вы закончите создание анимации, нажмите на кнопку «Воспроизвести» на панели инструментов. Это заставит вашу анимацию воспроизводиться во время прокрутки страницы.
Встроенный в Figma инструмент анимации — это отличный способ добавить интерес к вашему сайту или приложению. Анимация во время прокрутки позволяет добавить элемент веселья и интерактивности, который будет привлекать пользователей. Попробуйте и посмотрите, какие удивительные анимации вы сможете создать!