Обложка канала

GeekBrains

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

GeekBrains

3 года назад
Открыть в
🏃‍♂️Рассказываем, как сделать бегущую строку сквозь объект в Figma 🏃‍♂️ Шаг 1. Добавляем два изображения: одно целое с фоном, второе только объект без фона. Шаг 2. Добавляем текст и копируем текст несколько раз, чтобы текстовое поле выходило за пределы фрейма. Дублируем слой с текстом. У копии текста выключаем заливку и добавляем обводку. Шаг 3. Помещаем изображение, на котором есть только объект между текстовыми слоями. Шаг 4. Дублируем фрейм. Сдвигаем оба текстовых слоя влево, до того момента, пока последняя надпись внутри слоя не встанет на то же место где начиналась первая. Шаг 5. Связываем слои 1-2 со следующими настройками: After delay - 1ms Smart animate Linear - 10000ms Шаг 6. Связываем слои 2-1 со следующими настройками: After delay - 1ms Smart animate Linear - 1ms И вуаля! 🫧 Бегущую строку можно использовать для главных экранов и для визуальных разделителей между разными блоками. Можете менять шрифт, цвет фона, в общем, все, что пожелаете 💫