ТЕКСТ ПО КРУГУ
HTML-код
- Опубликовано: 10 сен 2024
- В этом видео я показываю как сделать текст по кругу с помощью двух плагинов в фигма:
Circular Text
www.figma.com/...
To Path
www.figma.com/...
0:04 В этом видео
1:30 Начинаем
1:56 Плагин Circular Text
4:12 To Path
7:20 Текст по кривой
9:06 Первый способ анимации
14:31 Второй способ анимации
17:25 Проверяем анимацию
17:32 Выводы
Также я научу вас эффективно анимировать графический элемент на своих проектах, чтобы не дублировать сотни фреймов и держать порядок в дизайн макете
Всю подробную информацию об обучении вы можете найти на сайте Пижамной Академии Веб-дизайна: web-design.aca...
А если вдруг у вас возникнут вопросы, вы всегда можете написать нам в отдел заботы в Telegram: t.me/web_desig...
Мы всегда готовы помочь и ответим на все ваши вопросы 💛
💫 Сайт Пижамной Академии Веб-дизайна
web-design.aca...
Больше про UX дизайн в Инстаграм:
/ webdesign.academy
подписывайся 💛
Заглядывай в телеграм комьюнити:
t.me/pajamaaca...
Ставь лайк 👍 этому видео и подписывайся на канал, здесь будет еще много полезного про UX и Веб дизайн!
#uiux #figma #вебдизайн #дизайн #круглыйтекст
Спасибо! Очень внятно, без воды, никогда не пишу комменты, но тут действительно есть за что благодарить.
Ииииииии! Спасибо 🤓✌️💖
очень понравилось что ты обхясняешь принцип а не просто как сделать, спасибо за видео
Да, тут главное понять принцип 👌
Огромное спасибо. Очень полезный урок. Все четко, ясно и енергично.
Eee, спасибо за фидбек 🤓💖✌️
класс! очень полезно и главное понятно без лишнего, спасибо за информацию.
Еееей, спасибо за фидбек, очень рада что было полезно
@@web-design.academyпривет подскажи как сделать золотые буквы на визитке?
Аня, Спасибо. Очень полезно, просто и доступно, без лишней воды!
Спасибо 🤓
Круто🔥🔥🔥
Спасибо за урок, очень полезно 🤝
🤓💖📺
Аня спасибо тебе ! Безумно полезное видео! Ты большая молодец! Мне как раз сейчас в проекте нужно было такое замутить.!
Ееее спасибо за фидбек, очень рада что получилось 😬
Ну прям всё очень подробно-классно!)
🤓❤️
Вот про Асетс никто не говорил никогда))) Большое спасибо❤❤❤
Еее, рада что было полезно 🫶
Всё понятно и по делу! Супер! Спасибо)
💖 ееее Рада что было полезно
Респект, что показала почти все настройки в отличии от остальных, которые дают только базу
Спасибо за фидбек ✌💛
Спасибо все очень доступно и круто.
🫶🏻
Красотка 😍спасибо за объяснение!!!!
🤓❤️🤓
знала только первый способ! Спасибо
да, я тоже
заглядывай ещё 🤭💕
Еее, видос от пимажки! 🤗
🫶
Дякую! дуже круто супер!
💛🤓
Супер!!! Спасибо 😍
🤓🫶🏻
Спасибо за подробное объяснение!
Спасибо за комментарий ❤️⭐️🤓
пойду попробую новый способ
супер! возвращайся рассказать как все прошло 🤓
You r da best!🤗
❤️
Начал пробовать выставлять текст по кругу, в фигме и знаете что вышло? Да... Текст становится по кругу, но как только нажимаю на треугольничек в интерфейсе плагина To Path что бы поднять его над кругом, делаю первый щелчок мышкой и сразу же текст отсоединяется от круга (овала) переворачивается вниз головой и в зеркальном отражении появляется в правом нижем секторе. И назад его вернуть не могу. Делаю все сначала и выходит то же самое. Это что? Подскажите.
а как сделать нижний текст, чтобы слова не были перевернуты?
У меня никак не получается, и вместо оn tap у меня on click? от чего это может зависеть? пробовала уже 50 раз(
Спасибо большое за классный урок! Помогите пожалуйста. У меня почему-то не прокручивается плавно по кругу, а как будто резко переходит от первого положения, ко второму, третьему , четвертому и повтор. Т.е. не крутится а переходит резко. Что я не так настроила?...
Большое спасибо за фидбек 💛 Убедитесь что названия у слоёв одинаковые, так же посмотрите на настройки самой анимации, у вас должна быть выбрана Smart animate (linear)
to path не работает только у меня ?😅 каждая буква отдельно и как бы в кривую превращается
Это странно, тексты должны текстами оставаться, да, он делит текст на отдельные слои, т.е. каждая буква это отдельный слой, но в кривые не превращает, по крайней мере у нас. В любом случае вы всегда можетет сделать текст по кривой в люстре, у нас на канале об этом есть видео ruclips.net/video/IspfGjKf70U/видео.html
💛✌
После создания фрейма и помещения в него сет-компонента анимация не работает. Кто-то сталкивался с таким?
Скорее всего в последовательности что то не так, стоит проверить ещё раз 🤓
@@web-design.academy у меня тоже такая проблема. Последовательность проверил. Если включить превью до помещения фреймов в компонент, всё крутится, но после того как помещаю в компонент, ничего не крутится(
попробуйте поворачивать не сам фрейм, а группу с текстом в нем, тоже долго не могла понять, что за ошибка, и в настройках анимации вместо navigate to использовать change to, мне в совокупности эти два момента помогли
Нет непрерывного движения по кругу, останавливается каждый раз
Подвяжите последний вариант компонента к первому и поставьте задержку After Delay в 1ms
После создания компонент сет, анимация перестает работать.
Возможно, не правильно подвязаны варианты компонентов. Попробуйте связать именно варианты или именно содержимое вариантов, должно помочь 🤓
Непонятно только как экспортировать это в гифку или видео
Вы можете воспользоваться плагином Export to GIF/Video или записать экран в режиме презентации ✌️
@@web-design.academy спасибо. Плагин не сработал почему-то. Придется записывать
@@veravevera869 Тоже выход✌ Будем ждать, когда фигма даст возможность экспорта анимаций 🤓
у меня не крутится((((((((((
Скорее всего есть ошибка с порядком действий в привязках 🥲
попробуйте поворачивать не сам фрейм, а группу с текстом в нем, тоже долго не могла понять, что за ошибка, и в настройках анимации вместо navigate to использовать change to, мне в совокупности эти два момента помогли
вот только скролить с этим нельзя
Какой именно скролл вы имеете ввиду? Если создавать анимацию через компоненты, то скролл страницы работает без проблем ✌