如何在Sketch 3中创建透视图


13

是否可以在Sketch 3中创建透视图?

例:

在此处输入图片说明

在Photoshop中,我将使用透视工具,但是我不确定如何在Sketch 3中执行此操作。

与此相关的是,是否有任何有用的教程介绍与Behance和/或Dribbble所使用的技术类似的不同透视技术?


3
在Sketch中使用变换工具?
AndrewH

谢谢!那就是我一直在寻找的东西。。。
Scott Smith

对于3D卡效果,您可以查看此线程如何实现3D“卡”效果。但是,这是在Photoshop和Illustrator中完成的。我相信您可以找到类似的解决方案。
AndrewH

2
我发现“转换”工具确实很难使用。是否有不需要订阅的更好的选择?
kwahn

@kwahn继续练习...或下载(免费)模板并将您的工作放入其中。

Answers:


3

那里有一个草图预设,它将针对给定的元素(模型)并将您的布局转换为该模型,从而允许从概念到模型的生产非常快速-称为“角度”,我发现它非常有效。

https://designcode.io/angle

它包括一个庞大的库,其中包含目标样机设备和角度,以及常见的屏幕背景等(请参见下图),使整个过程更加流畅。

它也适用于在调用插件之前绘制和选择的任何元素-因此绘制自己的矩形,然后对其进行变换,插件将对其应用布局。非常适合那些名片图像。

在此处输入图片说明


0

您可以采用以下几种方法:

  1. 您可以在Sketch中转换图层:

    • 移动元素的点以创建“伪3D”效果(透视变形)

    • 可以使用“变形”工具通过使点倾斜或创建伪3D效果来扭曲现有的矢量形状。您可以在Sketch中使用“变换”工具来同时变换一个或多个图层。(转换

  2. 一种方法是将屏幕导出到Photoshop。

  3. Magic Sketch这样的插件也可以提供帮助


1
真的看不出来如何通过完成工作并将其移至Photoshop来回答问题。如果您想通过transform发布示例来扩展您所指的内容,我将删除我的反对意见。对不起,对我来说,这也使您的答案不符,作为对这个问题的解决方案。
DᴀʀᴛʜVᴀᴅᴇʀ

我的答案必须修改。对不起,低赌注。
felixhu

1
答案要好一些,所以我取消了投反对票。如果您使用Sketch发布了一个示例,我将对您的答案进行投票。
DᴀʀᴛʜVᴀᴅᴇʀ
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.