900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > ui效果图生成html 四步制作一个高大上的iPhone效果图模版 UI呀-学UI设计网

ui效果图生成html 四步制作一个高大上的iPhone效果图模版 UI呀-学UI设计网

时间:2019-05-29 02:25:43

相关推荐

ui效果图生成html 四步制作一个高大上的iPhone效果图模版 UI呀-学UI设计网

小编:大家好,你还在为找不到符合场景的手机模板而发愁么?今天给大家带来一个炒鸡实用的教程,想要什么模版自己动手做起来,接下来跟我一起自给自足吧~

第一步

浏览器打开 找到喜欢的iPhone图片

截屏保存

注:因为无法另存下载

第二步

Photoshop打开截屏图片

裁切图片

去掉无关的内容

保存文档

命名为“iPhone高大上效果图之去tiah的站酷主页扫码关注公众号获取更多互联网设计干货.psd“

不闹了

亲随便命个名

第三步

选择矩形工具

绘制640×1136的矩形

注:这是iPhone5的尺寸,如果亲的设计稿是6或6P,那就绘制相应尺寸的矩形。

右键矩形图层

选择转换为智能对象

回到画布,对矩形执行扭曲,快捷键为command T

右键,弹出菜单选择扭曲

将矩形的4个角

拉伸对齐iPhone图片中界面的4个角

敲回车确认

一个iPhone效果图模版就做好了

第四步

在图层面板双击智能对象

弹出一个新的文档

注:不懂智能对象的小火子请自行百度

将亲的设计稿效果图粘贴进去

command S保存文件

再回到iPhone.psd文档,一个高大上的效果图出现了。

是不是炒鸡简单,要换界面也是非常简单,只要双击智能对象,把新的界面粘贴进去保存就可以了。

好了

这集就讲到这里,不懂的请发炎,觉得有用的男神女神点个赞。

一大波iPhone效果图模版在公众号有下载

原作地址:站酷

作者:B哥

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。