Эскиз - как создать превью 3D-дизайна? [закрыто]

Я не знаю точного термина для этого, но я часто вижу UX/UI-дизайны, отображаемые следующим образом:

введите описание изображения здесь

т. е. отображается на визуализированных экранах мобильных устройств в 3D .

Я закончил свой дизайн пользовательского интерфейса в эскизе (т.е. у меня есть коллекция экранов). Я хотел бы получить такой же рендеринг, как на этой картинке. Как я могу это сделать, пожалуйста?

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

Существует плагин (Magic Mirror) для скетча, который выполняет именно такую ​​трансформацию: magicsketch.io/mirror .
Способов сделать это множество: шаблоны в Photoshop, плагины для Sketch, ручная работа и т.д.

Ответы (1)

Для этого есть бесплатный плагин Angle for sketch, который очень эффективен (название связано с веб-сайтом), который я использовал, он очень эффективен и хорошо документирован.

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

Их плагин не только использует их материал (все это достойное векторное искусство), но если у вас есть заданный макет дизайна, и отдельно вы создаете прямоугольник с правильным соотношением сторон и искажаете его и искажаете перспективу, вы можете использовать его в качестве цели. в их плагине — так что вы можете использовать другие активы помимо их, будь то фотографии, созданные вами или приобретенные в другом месте.

Угловое изображение