Vectorboom
Уроки / Web дизайн / Comments: 1

Как создать инфографику с шестеренками, используя VectorScribe и Adobe Illustrator

Ярослав Лазунов
27.01.2017

В этой статье вы познакомитесь с опциями Dynamic Gear плагина VectorScribe, а так же узнаете, как создать идеальное зубчатое зацепление, которое возможно анимировать при помощи After Effect. Точное зацепление зубьев обеспечит плагин ColliderScribe. Благодаря инструментам и опциям VectorScribe и ColliderScribe была создана анимированная инфографика…

Опуии Dynamic Gear

В последнем релизе of VectorScribe v3 панель Dynamic Shapes была дополнена семью новыми базовыми формами, среди которых Dynamic Gear.

Эта форма имеет много индивидуальных опций. Очевидно, что мы можем установить число зубьев, внешний диаметр и диаметр отверстия в зубчатом колесе. К специфическим параметрам относятся опции, находящиеся в нижней части панели. Давайте создадим зубчатое колесо и рассмотрим, чему соответствуют эти опции. Итак, Tooth Ht соответствует высоте зубца.

Tip соответствует ширине верхушки зуба.

Root size - высота основания зуба.

Base - ширина основания зуба.

Tip Fillet - внешний радиус верхушки зуба.

Base Fillet - внутренний радиус у основания зуба.

Bowing - кривизна боковой поверхности.

Вы также можете изменять диаметр зубчатого колеса, перемещая один из красных маркеров.

Для изменения высоты зуба вручную предназначены красные квадратные маркеры.

Создание реалистичного зубчатого зацепления для анимирования в After Effect.

Существует еще один способ создания зубчатых колес при помощи VectorScribe. Мы можем создавать более реалистичные, правильные с технической точки зрения зубчатые колеса, используя “Create Standard Spur Gear” опцию в меню панели Dynamic Shapes (или кликните по иконке зубчатого колеса, удерживая Alt). Именно этот способ я использовал при создании инфографики. Она должна быть анимирована в дальнейшем в After Effect, поэтому требуется выполнить ряд технических требований. В частности, зубья должны зацепляться идеально. После выбора опции “Create Standard Spur Gear” появляется диалоговое окно, в котором требуется указать количество зубьев и Circular Pitch.

Для того чтобы несколько зубчатых колес правильно зацеплялись необходимо сохранять неизменным значение Circular Pitch и только изменять количество зубьев. Создадим два зубчатых колеса, используя это правило, и проверим зацепление. Как вы можете видеть, все работает прекрасно.

Точного касания объектов в Adobe Illustrator мы можем добиться только при помощи плагина ColliderScribe. Кроме того, одним из технических требований является точность сопряжения зубьев, между ними должен быть зазор 0.088px. Установим это значение в диалоговом окне ColliderScribe Preferences для опции Use Collision Spacing.

Теперь, используя Snap to Collisions Tool плагина ColliderScribe, мы сможем легко соединить зубчатые колеса, выполнив техническое предписание. В момент контакта на зубьях появляются маркеры столкновения.

И последние техническое требование для анимирования зубчатого зацепления: все зубчатые колеса должны закончить вращение в одной точке. Для этого количество зубьев должно быть кратным числам одному числу, например: 6, 12, 30. Поэтому для моей зубчатой передачи я буду использовать шестеренки с числом зубьев: 12, 18, 24, 30, 36, которые кратны 6. Используя все вышесказанное, нам осталось только создать зубчатые колеса и привести их в зацепление.

Я закончил создание инфографики добавлением иконок и текстовых блоков, теперь работа может быть анимирована.

И с этой работой прекрасно справился Lee Daniels.

Всего комментариев: 1
0
1  
Спасибо за статью, всегда с удовольствием читаю ваши уроки, жалко, что редко обновляетесь.

Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.