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

编程知识 更新时间:2023-05-01 18:01:49

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

第一步

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

截屏保存

注:因为无法另存下载

第二步

Photoshop打开截屏图片

裁切图片

去掉无关的内容

保存文档

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

不闹了

亲随便命个名

第三步

选择矩形工具

绘制640×1136的矩形

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

右键矩形图层

选择转换为智能对象

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

右键,弹出菜单选择扭曲

将矩形的4个角

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

敲回车确认

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

第四步

在图层面板双击智能对象

弹出一个新的文档

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

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

command S保存文件

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

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

好了

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

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

原作地址:站酷

作者:B哥

更多推荐

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

本文发布于:2023-04-23 17:58:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/60bb3428b535954e8b71375dcb546cfb.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:效果图   模版   设计网   高大   UI

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!

  • 99199文章数
  • 25832阅读数
  • 0评论数