Плагин Vectary 3D для Sketch


27.01.2020 Время чтения - 3 минуты 482

Экономьте время поиска правильного макета. Перенесите свой дизайн в фотореалистичные 3D-изображения и используйте их в любом желаемом виде!

Этот плагин позволяет помещать трехмерные модели в дизайн, загружать пользовательские 3D-модели и перемещать ваши эскизы на мокапы, такие как мобильные устройства, ноутбуки, ПК, планшеты и многое другое!

Как установить расширение Vectary 3D в Sketch

  1. Загрузите последнюю версию плагина Vectary с www.vectary.com/sketch
  2. Распакуйте архив и откройте файл vectary.sketchplugin, чтобы установить плагин.
  3. Чтобы запустить только что установленный плагин, выберите «Плагины Vectary 3D» в верхней строке меню.

Vectary 3D plugin

Как перенести любой дизайн Sketch в Vectary 3D

  1. Откройте плагин Vectary 3D в Sketch. Выберите Plugins –> Vectary 3D в верхней строке меню;
  2. Выберите 3D-макет. Вы можете нажать «Экспортировать как фрейм» для экспорта настраиваемого шаблона;
  3. Выберите ваш фрейм в Sketch;
  4. Нажмите кнопку «Использовать выбранный фрейм», чтобы вставить ваш дизайн – например, это может быть экран мобильного устройства;
  5. Настройте перспективу макета: с зажатой ЛКМ можно поворачивать макет, а для увеличения используйте СКМ.
  6. Нажмите «Сохранить как изображение», чтобы добавить готовый рендер с прозрачным фоном в ваш проект.

Как загрузить пользовательские 3D-модели

  1. Откройте www.vectary.com и создайте свою 3D-модель с нуля, импортируйте её или используйте миллионы моделей в библиотеке Vectary;
  2. Перейдите на вкладку Viewer и нажмите «Создать»;
  3. В настройках Viewer выберите необходимую ссылку из выпадающего списка и скопируйте её;
  4. Вернитесь в Figma и откройте плагин Vectary;
  5. Нажмите на вкладку «Загрузить» и вставьте ссылку – ваша модель загрузилась;
  6. Настройте перспективу 3D-модели;
  7. Нажмите «Сохранить как изображение», чтобы добавить готовый рендер с прозрачным фоном в ваш проект.

Совет для профессионала: если вы хотите, что бы у вашей модели была заменяемая текстура в Figma, перед созданием Viewer в Vectary назовите объект и его материал как «_switchable».

Подключение аккаунта Vectary

Как загрузить системы 3D-дизайна

  1. Создайте команду на своей панели Vectary;
  2. Создайте свои собственные 3D-элементы с нуля или импортируйте их перетаскиванием. Vectary поддерживает импорт более пятидесяти форматов 3D. Если вы хотите, чтобы у вашей модели была заменяемая текстура, назовите объект и его материал как ‘_switchable’;
  3. Перейдите на вкладку «Embed» и нажмите «Generate embed»;
  4. Вернитесь к Vectary Dashboard. Перетащите проект в вашу команду;
  5. Перейдите в настройки своей учетной записи Vectary, чтобы сгенерировать токен доступа;
  6. Откройте расширение Vectary в Sketch. На вкладке «My Models» войдите в Vectary, введя свой токен;
  7. Чтобы поделиться проектами с коллегами, пригласите их в свою панель управления Vectary.

3D-vectary

Источник.

Читайте так же: Как анимация влияет на UX

Как анимация влияет на UX