Три ресурса с паками анимированных иконок
Было такое, что Вам хотелось привнести новый вид иконок в Ваш дизайн, но сами рисовать, а уж тем более анимировать, не умеете? Тогда я Вам в этом помогу!
Представляю вашему вниманию три ресурса с анимированными иконками на любой вкус.
1️⃣ https://icons8.ru/ - 200 бесплатных иконок на разную тематику в стиле outline. Есть возможность скачать After Effects проект, GIF или скопировать JSON.
2️⃣https://lordicon.com/essential-pack - сборник анимированых иконок. Бесплатно доступен архив из 50 штук в разных форматах.
3️⃣https://www.rocketstock.com/free-after-effects-templates/technicons-free-animated-icons/ - пак бесплатных цветных иконок на тематику бизнеса.
Было такое, что Вам хотелось привнести новый вид иконок в Ваш дизайн, но сами рисовать, а уж тем более анимировать, не умеете? Тогда я Вам в этом помогу!
Представляю вашему вниманию три ресурса с анимированными иконками на любой вкус.
1️⃣ https://icons8.ru/ - 200 бесплатных иконок на разную тематику в стиле outline. Есть возможность скачать After Effects проект, GIF или скопировать JSON.
2️⃣https://lordicon.com/essential-pack - сборник анимированых иконок. Бесплатно доступен архив из 50 штук в разных форматах.
3️⃣https://www.rocketstock.com/free-after-effects-templates/technicons-free-animated-icons/ - пак бесплатных цветных иконок на тематику бизнеса.
Icons8
Бесплатные иконки, иллюстрации, фото и музыка
Скачивайте бесплатно элементы дизайна: иконки, фото, иллюстрации для UX и музыку для ваших видео. Все работы выполнены профессионалами → стабильное качество ⚡️
👍2
Полное руководство по правильному использованию анимации в UX
В настоящее время сложно кого-то поразить и удивить анимацией интерфейса. Она демонстрирует взаимодействие между экранами, объясняет, как использовать приложение или просто обращает внимание пользователя на определенный объект. Исследуя статьи об анимации, я обнаружил, что почти все они описывают только конкретные случаи использования или общие факты об анимации, но я не встречал ни одной статьи, где бы все правила, касающиеся анимации интерфейсов, были бы понятны и описаны детально. Что ж, в этой статье я не буду писать ничего нового, я просто хочу собрать все основные принципы и правила воедино, чтобы другим дизайнерам, не приходилось искать дополнительную информацию.
Читать подробнее
#полезность
#MotionDesign
В настоящее время сложно кого-то поразить и удивить анимацией интерфейса. Она демонстрирует взаимодействие между экранами, объясняет, как использовать приложение или просто обращает внимание пользователя на определенный объект. Исследуя статьи об анимации, я обнаружил, что почти все они описывают только конкретные случаи использования или общие факты об анимации, но я не встречал ни одной статьи, где бы все правила, касающиеся анимации интерфейсов, были бы понятны и описаны детально. Что ж, в этой статье я не буду писать ничего нового, я просто хочу собрать все основные принципы и правила воедино, чтобы другим дизайнерам, не приходилось искать дополнительную информацию.
Читать подробнее
#полезность
#MotionDesign
👍5
8 cоветов, как стать успешным моушн-дизайнером
Что нужно, чтобы стать дизайнером статуса «Про»? Как минимум желание учиться, совершенствоваться и постоянно идти вперед. Перед вами список из самых, на наш взгляд, полезных советов о том, как стать успешным в этой области.
1️⃣ Найдите хорошие курсы и уроки в сети
Ни одна онлайн-школа дизайна не научит вас всему, что сейчас в тренде. База нарабатывается от тех, кто попросту пришел раньше вас. Вы без труда найдете множество бесплатных и платных уроков в сети, которые помогут вам стартануть и влиться в эту индустрию.
Ищите тех, кто уже добился успеха, на начальном этапе старайтесь «копировать» достойные работы, пока не научились создавать собственные и не выработали свой авторский стиль.
2️⃣Постоянно учитесь и улучшайте свои навыки
After Effects классный инструмент, но также не забывайте про Photoshop, Illustrator, Flash, Audition и, конечно, 3D пакеты - Cinema 4D, 3Ds Max, Maya. Знание основ этих программ поставит вас на порядок выше и выделит среди конкурентов.
3️⃣Инструменты - вторичное. Учитесь рассказывать историю
After Effects, Nuke, Cinema 4D – владение инструментами, разумеется, очень важно, но не менее важно научиться с их помощью рассказывать историю. Сосредоточьтесь на идее, концепции вашего видео. Инструменты - лишь способ создания эффектов и анимации, основа всего – фокус на сути, послании того, что вы хотите донести c помощью своего ролика.
4️⃣Научитесь общаться с клиентами
Один довольный клиент может привести к вам еще 2-3-х. Это всем известно. Но, чтобы получить заказ, нужно уметь вовремя среагировать, правильно построить диалог и вести его на протяжении всего рабочего процесса. Отвечайте клиентам и потенциальным клиентам сразу, а не через 2-3 дня. Будьте на связи. Обсуждайте детали, переспрашивайте, если что-то не поняли, и не забывайте, что хорошие коммуникативные навыки - еще один плюс в вашу пользу.
5️⃣ Будьте честными перед клиентами
Никогда не обманывайте ни себя, ни клиентов и не обещайте им того, чего не состоянии сделать. Признайтесь, что вы никогда этого не делали. Если же вы знаете как это осуществить, но еще не готовы, научитесь и со временем берите такие заказы. Если они хотят кого-то опытнее, отлично, пускай ищут. Не расстраивайтесь, двигайтесь дальше. Велики шансы, что следующий, кого они найдут - также не занимался этим, а самые крутые и профессиональные дизайнеры обычно очень заняты и цены у них соответствующие.
6️⃣Создайте портфолио
Без портфолио, фактически, вы никто. И это относится как к начинающим фрилансерам, так и к крупным студиям. Нашли клиентов? Отлично! Теперь вам нужно показать им все, что вы умеете. Не было заказов до этого и нечего показывать? Тогда смело создайте свои собственные работы и включите их в свое портфолио. И помните хороший Demo Reel - залог вашего успеха.
7️⃣Подготовьте ТЗ
Техническое задание, сценарий, бриф, называйте как хотите, суть от этого не меняется – хорошее проработанное и согласованное техзадание позволит вам увидеть полную картину вашего проекта и избавиться от лишних телодвижений и непониманий со стороны заказчика. В ТЗ обычно прописывают требования к проекту (к примеру: длительность ролика 50 секунд, заставка 15 сек, плашка под титр – 7 сек), сведения о самом продукте, основной идее, дедлайнах, способах оплаты и еще о других многих вещах, с которыми вы можете ознакомиться в сети.
8️⃣Оптимизируйте рабочий процесс
Находите пути оптимизировать рабочий процесс. Используйте плагины, пресеты, выражения. Так или иначе, со временем вы наработаете собственную базу «готовых» инструментов, которые помогут вам работать эффективней и быстрей.
Что нужно, чтобы стать дизайнером статуса «Про»? Как минимум желание учиться, совершенствоваться и постоянно идти вперед. Перед вами список из самых, на наш взгляд, полезных советов о том, как стать успешным в этой области.
1️⃣ Найдите хорошие курсы и уроки в сети
Ни одна онлайн-школа дизайна не научит вас всему, что сейчас в тренде. База нарабатывается от тех, кто попросту пришел раньше вас. Вы без труда найдете множество бесплатных и платных уроков в сети, которые помогут вам стартануть и влиться в эту индустрию.
Ищите тех, кто уже добился успеха, на начальном этапе старайтесь «копировать» достойные работы, пока не научились создавать собственные и не выработали свой авторский стиль.
2️⃣Постоянно учитесь и улучшайте свои навыки
After Effects классный инструмент, но также не забывайте про Photoshop, Illustrator, Flash, Audition и, конечно, 3D пакеты - Cinema 4D, 3Ds Max, Maya. Знание основ этих программ поставит вас на порядок выше и выделит среди конкурентов.
3️⃣Инструменты - вторичное. Учитесь рассказывать историю
After Effects, Nuke, Cinema 4D – владение инструментами, разумеется, очень важно, но не менее важно научиться с их помощью рассказывать историю. Сосредоточьтесь на идее, концепции вашего видео. Инструменты - лишь способ создания эффектов и анимации, основа всего – фокус на сути, послании того, что вы хотите донести c помощью своего ролика.
4️⃣Научитесь общаться с клиентами
Один довольный клиент может привести к вам еще 2-3-х. Это всем известно. Но, чтобы получить заказ, нужно уметь вовремя среагировать, правильно построить диалог и вести его на протяжении всего рабочего процесса. Отвечайте клиентам и потенциальным клиентам сразу, а не через 2-3 дня. Будьте на связи. Обсуждайте детали, переспрашивайте, если что-то не поняли, и не забывайте, что хорошие коммуникативные навыки - еще один плюс в вашу пользу.
5️⃣ Будьте честными перед клиентами
Никогда не обманывайте ни себя, ни клиентов и не обещайте им того, чего не состоянии сделать. Признайтесь, что вы никогда этого не делали. Если же вы знаете как это осуществить, но еще не готовы, научитесь и со временем берите такие заказы. Если они хотят кого-то опытнее, отлично, пускай ищут. Не расстраивайтесь, двигайтесь дальше. Велики шансы, что следующий, кого они найдут - также не занимался этим, а самые крутые и профессиональные дизайнеры обычно очень заняты и цены у них соответствующие.
6️⃣Создайте портфолио
Без портфолио, фактически, вы никто. И это относится как к начинающим фрилансерам, так и к крупным студиям. Нашли клиентов? Отлично! Теперь вам нужно показать им все, что вы умеете. Не было заказов до этого и нечего показывать? Тогда смело создайте свои собственные работы и включите их в свое портфолио. И помните хороший Demo Reel - залог вашего успеха.
7️⃣Подготовьте ТЗ
Техническое задание, сценарий, бриф, называйте как хотите, суть от этого не меняется – хорошее проработанное и согласованное техзадание позволит вам увидеть полную картину вашего проекта и избавиться от лишних телодвижений и непониманий со стороны заказчика. В ТЗ обычно прописывают требования к проекту (к примеру: длительность ролика 50 секунд, заставка 15 сек, плашка под титр – 7 сек), сведения о самом продукте, основной идее, дедлайнах, способах оплаты и еще о других многих вещах, с которыми вы можете ознакомиться в сети.
8️⃣Оптимизируйте рабочий процесс
Находите пути оптимизировать рабочий процесс. Используйте плагины, пресеты, выражения. Так или иначе, со временем вы наработаете собственную базу «готовых» инструментов, которые помогут вам работать эффективней и быстрей.
❤3👍3
Wiggle. Наверно, самое используемое выражение в среде After Effects, и всё-таки не все знают для чего оно предназначено. Wiggle отвечает за хаотичные перемещения. Вообще функция wiggle имеет целых пять аргументов, но в основном используются только два. Первое - это частота, второе - амплитуда колебаний. Рассмотрим на примере. Я анимировал положение бабочки, теперь она перемещается из левого нижнего в правый верхний угол.
Движение ожидаемо смотрится линейно и неправдоподобно. Если мы хотим сохранить направление движения, но при этом добавить немного органичности, то нам не обойтись без wiggle. Итак, делаем Alt+клик на значке с секундомером слева от параметра Position и в текстовой области вбиваем wiggle(3,400). Смотрим и видим, что полёт бабочки стал более реалистичным. Что же означает написанное выражение wiggle(3,400). А означает оно то, что три раза в секунду с амплитудой в 400 пикселей в любом направлении будут происходить случайные колебания. Самое интересное это то, что wiggle можно применить практически к любому параметру в AE.
#лайфхаки
#инструменты
Движение ожидаемо смотрится линейно и неправдоподобно. Если мы хотим сохранить направление движения, но при этом добавить немного органичности, то нам не обойтись без wiggle. Итак, делаем Alt+клик на значке с секундомером слева от параметра Position и в текстовой области вбиваем wiggle(3,400). Смотрим и видим, что полёт бабочки стал более реалистичным. Что же означает написанное выражение wiggle(3,400). А означает оно то, что три раза в секунду с амплитудой в 400 пикселей в любом направлении будут происходить случайные колебания. Самое интересное это то, что wiggle можно применить практически к любому параметру в AE.
#лайфхаки
#инструменты
This media is not supported in your browser
VIEW IN TELEGRAM
RE:Vision FX Twixtor - Плагин для программ After Effects и Premiere Pro, предназначенный для синхронизации (замедления, ускорения) и изменения частоты видео-кадров с минимальными потерями.
#плагины
#инструменты
Скачать плагин
#плагины
#инструменты
Скачать плагин
ByGrant2019.rar
288.1 MB
Плагин для визуализации 3D-объектов в After Effects в реальном времени!
Match moving
В кинематографе понятием match moving (matchmoving, camera tracking, 3d tracking) обозначают специальную технику, которая позволяет внедрять и правильно располагать компьютерную графику в отснятом видео. Данный термин используется для обозначения различных способов извлечения информации о движении из видеоряда, в основном о движении камеры.
Match moving иногда путают с motion capture. Запомните: motion capture (захват движения) - это техника, позволяющая при помощи специальных камер и сенсоров записывать движения актёров, а затем передавать это движение различным нарисованным персонажам.
Match moving, как правило, используется для отслеживания трехмерной траектории движения камеры, а также расположения объектов в сцене. После того, как мы получили информацию о движении камеры мы можем перейти в редактор 3D графики и создать там виртуальную камеру, которая будет в точности идентична реальной камере, которой снималось исходное видео. Далее мы с учётом движения виртуальной камеры создаём какой-нибудь 3D объект, который после интеграции его в исходное видео будет находиться в идеальной перспективе. Другими словами, 3D объект будет отображаться в исходном видеоряде так, как-будто он там и находился при съемке.
Если провести аналогию с человеческим организмом, «естественные» системы матчмувинга в реальном мире — это органы чувств человека. Например, зрение. При помощи зрения мы легко можем определить, где именно мы находимся по отношению к остальным предметам вокруг нас.
В последнее время в связи с ростом мощностей домашних компьютеров визуальные эффекты активно проникают в любительское видео. Не отстаёт и match moving. Попробуйте ввести match moving или 3D tracking в строке поиска на сайте YouTube, и Вы увидите кучу роликов с использованием вышеописанной техники.
Процесс match moving'а можно разделить на два основных этапа:
На первом этапе происходит отслеживание огромного количества двухмерных точек от кадра к кадру. Из этого огромного количества не все точки проходят трекинг (отслеживание) корректно, поэтому программа проводит небольшую фильтрацию. После этого по оставшимся точкам используя законы проективной геометрии, фотограмметрии и математики, программа реконструирует 3d пространство и траекторию движения камеры.
Вобще матчмувинг бывает двух видов: 2D и 3D. 2D матчмувинг (2D трекинг) - это отслеживание какого-либо объекта в двухмерном пространстве на исходном видео. Эту операцию можно проводить в различных программах композитинга, таких как After Effects, Shake или Combustion. 3D матчмувинг, которому посвящен данный пост, проводятся в специальных программах. Самые известные программы для 3D матчмувинга это: Boujou, SynthEyes, MatchMover, Mocha, PFTrack.
Отдельно хотелось бы выделить классный плагин для программы After Effects под названием CameraTracker. Этот плагин позволяет проводить операцию матчмувинга прямо в After Effects, что намного ускоряет работу, так как не нужно обращаться к сторонним программам.
В кинематографе понятием match moving (matchmoving, camera tracking, 3d tracking) обозначают специальную технику, которая позволяет внедрять и правильно располагать компьютерную графику в отснятом видео. Данный термин используется для обозначения различных способов извлечения информации о движении из видеоряда, в основном о движении камеры.
Match moving иногда путают с motion capture. Запомните: motion capture (захват движения) - это техника, позволяющая при помощи специальных камер и сенсоров записывать движения актёров, а затем передавать это движение различным нарисованным персонажам.
Match moving, как правило, используется для отслеживания трехмерной траектории движения камеры, а также расположения объектов в сцене. После того, как мы получили информацию о движении камеры мы можем перейти в редактор 3D графики и создать там виртуальную камеру, которая будет в точности идентична реальной камере, которой снималось исходное видео. Далее мы с учётом движения виртуальной камеры создаём какой-нибудь 3D объект, который после интеграции его в исходное видео будет находиться в идеальной перспективе. Другими словами, 3D объект будет отображаться в исходном видеоряде так, как-будто он там и находился при съемке.
Если провести аналогию с человеческим организмом, «естественные» системы матчмувинга в реальном мире — это органы чувств человека. Например, зрение. При помощи зрения мы легко можем определить, где именно мы находимся по отношению к остальным предметам вокруг нас.
В последнее время в связи с ростом мощностей домашних компьютеров визуальные эффекты активно проникают в любительское видео. Не отстаёт и match moving. Попробуйте ввести match moving или 3D tracking в строке поиска на сайте YouTube, и Вы увидите кучу роликов с использованием вышеописанной техники.
Процесс match moving'а можно разделить на два основных этапа:
На первом этапе происходит отслеживание огромного количества двухмерных точек от кадра к кадру. Из этого огромного количества не все точки проходят трекинг (отслеживание) корректно, поэтому программа проводит небольшую фильтрацию. После этого по оставшимся точкам используя законы проективной геометрии, фотограмметрии и математики, программа реконструирует 3d пространство и траекторию движения камеры.
Вобще матчмувинг бывает двух видов: 2D и 3D. 2D матчмувинг (2D трекинг) - это отслеживание какого-либо объекта в двухмерном пространстве на исходном видео. Эту операцию можно проводить в различных программах композитинга, таких как After Effects, Shake или Combustion. 3D матчмувинг, которому посвящен данный пост, проводятся в специальных программах. Самые известные программы для 3D матчмувинга это: Boujou, SynthEyes, MatchMover, Mocha, PFTrack.
Отдельно хотелось бы выделить классный плагин для программы After Effects под названием CameraTracker. Этот плагин позволяет проводить операцию матчмувинга прямо в After Effects, что намного ускоряет работу, так как не нужно обращаться к сторонним программам.
👍4
VideoHive - Upbeat Style.rar
143.6 MB
Upbeat Style
Футажи для After Effects.
Красивый, стильный, динамичный, молодёжный проект.
#футажи
#инструменты
Футажи для After Effects.
Красивый, стильный, динамичный, молодёжный проект.
#футажи
#инструменты
❤1