网站首页 > 技术文章 正文
在素材网站,下载手机倾斜样机素材,用Photoshop打开之后,发现手机样机是倾斜的。
可是,这是因为UI设计作品,都是正面的垂直的方形的效果。这不匹配啊。
这个问题,可以通过如下步骤,把倾斜的样机,变成垂直正面的方形样机效果。
步骤一
在Photoshop里面,使用选择工具,定位选择样机屏幕所在图层。
步骤二
在Photoshop里面,发现图层为矢量对象格式,可以双击这个图层,打开新Photoshop页面,可以发现手机倾斜屏幕,变成了正面方形屏幕。
步骤三
在Photoshop里面,缩放新页面的画布尺寸,将宽度变为750px,高度等比例。
步骤四
在Sketch里面,将UI设计图,按照750x1626尺寸,导出png格式。然后放到Photoshop里面,制作图层蒙版效果。
步骤五
在Photoshop界面,按住alt键,点击图层面板的两个图层中间位置,然后制作图层蒙版,将UI设计图装入素材的手机屏幕容器。
步骤六
再点击保存界面,ctrl+s,然后将Photoshop界面切换到上一个Photoshop界面。可以发现Sketch正面的UI设计图,已经制作成了Photoshop里面的倾斜的手机样机效果。
通过上面的步骤,可以把正面的UI设计作品,制作成倾斜的手机样机效果图。
猜你喜欢
- 2025-05-02 老牌免费在线 PS 工具|留着以备急用
- 2025-05-02 爱可可AI论文推介(11月17日)(爱可可照片)
- 2025-05-02 Adobe为iPad发布绘图笔、直尺和新iOS应用
- 2025-05-02 高级设计师养成系列之善用技巧(高级设计师职责)
- 2025-05-02 5个最好用的平面设计工具,拯救你的作品集
- 2025-05-02 漂亮的图示标注介绍(图示怎么标注)
- 2025-05-02 5个好用的平面设计工具,拯救你的作品集
- 2025-05-02 设计师提高效率必备工具 Astute Graphics全系列ai插件,win+mac
- 2025-05-02 Photoshop中英文菜单对照表(ps中英文界面对照图)
- 2025-05-02 AIGC技巧2:SD插件ControlNet详解 让AI更易掌控!
- 最近发表
- 标签列表
-
- cmd/c (64)
- c++中::是什么意思 (83)
- 标签用于 (65)
- 主键只能有一个吗 (66)
- c#console.writeline不显示 (75)
- pythoncase语句 (81)
- es6includes (73)
- sqlset (64)
- windowsscripthost (67)
- apt-getinstall-y (86)
- node_modules怎么生成 (76)
- chromepost (65)
- c++int转char (75)
- static函数和普通函数 (76)
- el-date-picker开始日期早于结束日期 (70)
- localstorage.removeitem (74)
- vector线程安全吗 (70)
- & (66)
- java (73)
- js数组插入 (83)
- linux删除一个文件夹 (65)
- mac安装java (72)
- eacces (67)
- 查看mysql是否启动 (70)
- 无效的列索引 (74)