移动ui设计效果图：教程把正面UI设计作品制作成手机倾斜样机效果图

移动ui设计效果图：教程把正面UI设计作品制作成手机倾斜样机效果图Sketch界面PS的尺寸修改界面在Photoshop里面，发现图层为矢量对象格式，可以双击这个图层，打开新Photoshop页面，可以发现手机倾斜屏幕，变成了正面方形屏幕。在Photoshop里面，缩放新页面的画布尺寸，将宽度变为750px，高度等比例。在Sketch里面，将UI设计图，按照750x1626尺寸，导出png格式。然后放到Photoshop里面，制作图层蒙版效果。

在素材网站，下载手机倾斜样机素材，用Photoshop打开之后，发现手机样机是倾斜的。

可是，这是因为UI设计作品，都是正面的垂直的方形的效果。这不匹配啊。

这个问题，可以通过如下步骤，把倾斜的样机，变成垂直正面的方形样机效果。

步骤一

在Photoshop里面，使用选择工具，定位选择样机屏幕所在图层。

步骤二

在Photoshop里面，发现图层为矢量对象格式，可以双击这个图层，打开新Photoshop页面，可以发现手机倾斜屏幕，变成了正面方形屏幕。

步骤三

在Photoshop里面，缩放新页面的画布尺寸，将宽度变为750px，高度等比例。

步骤四

在Sketch里面，将UI设计图，按照750x1626尺寸，导出png格式。然后放到Photoshop里面，制作图层蒙版效果。

PS的尺寸修改界面

Sketch界面

Sketch导出png，置入ps里面

步骤五

在Photoshop界面，按住alt键，点击图层面板的两个图层中间位置，然后制作图层蒙版，将UI设计图装入素材的手机屏幕容器。

步骤六

再点击保存界面，ctrl s，然后将Photoshop界面切换到上一个Photoshop界面。可以发现Sketch正面的UI设计图，已经制作成了Photoshop里面的倾斜的手机样机效果。

通过上面的步骤，可以把正面的UI设计作品，制作成倾斜的手机样机效果图。