Спасибо за хороший контент) Правда если все делать в фрейме и заклиповать контент, то маска не нужна) А элементы за границы фрейма выносить с пробелом (чтоб они не вылетали из самого фрейма). Но в любом случае урок полезный✔
Это всё хорошо конечно, самостоятельные кнопочки, но как эту срань пришить в другом фрейме? У меня просто переключения между фреймом лендинга происходит и кнопкой. Убираю кнопку из фрейма лендинга, она спокойно проигрывается. Я сразу вспомнил почему я забросил эту анимацию
Полезный урок, спасибо большое! В восторге от первой анимации. Сверила настройки, делала по видео, но вторая анимация не вышла так плавно, как у вас. Я правильно поняла, что во втором случаем, анимация без маски???
Я тоже люблю делать анимашки в фигме. Пытался изучить афтер эффект - не понравилось, хотя всё получалось. Афтер подходит для каких-то крутых анимаций, которые пока мне не нужны. А ты как к афтеру относишься?
Афтер все же полноценный редактор для создания анимаций. Это очень мощный инструмент в котором можно создавать сложные заставки, мультики и тд. Анимация в фигме это все больше для демонстрации прототипа, но каких-то супер сложных вещей в ней не сделать. Плюс ты не можешь экспортировать анимации в видео файл например.
В данном случае это конечно демонстрация, но для клиента и разработчиков вам в любом случае нужно показать как она должна работать. В фигме это сделать проще чем в афтере.
Добрый день, Сергей! Хороший канал, недавно нашла Вас. Очень нравится подача интересных фишек за короткое время. Спасибо большое! Для меня проблема с таблицами в фигме. Подскажите, как все таки просто делать таблицы и быстро!?
Добрый день, Виктория! Благодарю за отзыв, рад, что нравится!:) таблицы легко делать с помощью auto layout. У меня есть видео про список контактов, там принцип тот же: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-s1qdgCdaub0.html
Очень красивая анимация. Но остались вопросы (я новичок) - как эту кнопку использовать на макете? (т.е. вместо кнопки, там целая конструкция, как разместить уже в действующий прототип к примеру сайта или приложения?
Очень просто! Вы делаете ее интерактивным компонентом и вставляете в макет вашего сайта или приложения. Потом она будет видна в прототипе в макетах. Подобный пример у меня есть в видео, где показываю как сделать меню приложения.
про бургерное меню непонятно.....как его разместить в другие проекты? или как его создать чтоб он светился фиолетовым из пред видео....непонятно как его собрать в другом проекте не получается по этому уроку
добрый день! вы можете экспортировать анимацию в гиф используя плагин, например Export GIF. Чтобы сделать такую анимацию в приложении или сайта понадобиться разработка.
Точно так же собрать отдельно интерактивным компонентом в проекте или скопировать готовый исходник интерактивного компонента из одного проекта в другой.
Да конечно! Это делается через интерактивный компонент: 1 вариант простой, второй с подсветкой. Затем настраиваем через прототип связь между ними через after delay, чтобы они менялись друг на друга через например 1 секунду.
Проверьте что вы копировали фреймы с элементами а не делали их заново и делали изменения именно в копии. Проверьте режим в анимации, должен быть smart animate.
Привет! Спасибо! Да в идеале это и делать интерактивным компонентом, особенно меню! Но пока вижу по комментариям эта фича не у всех доступна, поэтому не показывал. Разрабам не проблема это сделать.
Блииин, спасибо,просто объяснил и все понятно,а то другие смотрела там все очень быстро,не понятно,нечего не объясняют,а постоянно говорят-Очень Быстро,Просто.Спасибо тебе за туториал ✨
Нарисовать можно с помощью обычных геометрических фигур и булевых операций. В описании есть ссылка на мой курс по фигме, мы тоже проходим там эту тему)
Вот честное слово не понял. Одну и ту же кнопочку можно сделать просто анимированной, а можно смарт-анимированной? Ок! Наверное ещё есть гипер-анимация, треш-анимация, и афигеть-анимация кнопочки? И все очень характерные (с обычной анимацией перепутает только дурачок). типа меня
Все просто) есть стандартные переходы: моментальный (смена одно на другое) и растворение (объект меняется на другой как бы уходя в прозрачность). Смарт анимация позволяет сделать движение и красивые переходы из одного состояния/формы в другую. Плюс там еще настройки которые помогут вам сделать разноплановые переходы. Кстати все эти вещи мы разбираем у меня на курсе по Фигме (ссылка в описании).
@@ЛарисаКобаль-ф2у яка у вас операційна система? на MacOS це робиться за допомогою натискання клавіш shift cmd 5. На вінді не знаю))) але в інтернеті пишуть windows alt G. Або через додатковий окремий додаток, наприклад OBS (безкоштовний).
Дело не в версии. На бесплатном тарифе тоже должно работать. Проверьте связи. Проверьте режим анимации. Вы точно делали копию элементов а не создавали новые?
Конечно спасибо Фигме, но, на мой взгляд, очень громоздко все реализовано с фреймами и иногда глючно срабатывает. С Афтером - никакого сравнения. Афтер - суперкрутая и профессиональная программа для моушндизайна. Совсем разный уровень. Но это сугубо мое мнение
Вы правы) Афтер - профессиональная программа для моушндизайна. Фигма это программа для дизайна и прототипирования пользовательских интерфейсов. Разные задачи решают. Афтер громозкая программа которой нужно долгое время на обучение, в фигме все гораздо проще =)