header_v0.7.32

节省产品 P 图时间的全参屏幕组件(psd)

138天前发布

原创文章 / 工业/产品 / 教程
Wayne_Lu 原创,如需商业用途或转载请与Wayne_Lu联系,谢谢配合。

节省产品 P 图时间的全参屏幕组件(psd)

产品设计中,我们往往遇到带屏幕的产品。在快速表现中,渲染结果往往不尽如人意,需要依靠ps来加强屏幕的效果。


在一次产品设计中,我连续 p 了数十个屏幕后终于无法忍受这种重复型劳动,动手做了这个屏幕的组件。


组件是 ps 制作,分为屏幕基础和高光两个图层,全部是矢量图形+图层效果,所以所有效果都是无损参数化的。


主要可以任意调整屏幕圆角大小,黑边大小等等,具体的同学们自己看 psd 文件及注释吧。


( 文件基于Adobe Photoshop CC 2017 制作 ) 



使用方法:

1、将psd内的智能对象图层拖入你需要添加屏幕的产品图片中

2、确保在新的文件里,屏幕图层是智能对象状态

3、对屏幕图层变形(Ctrl+T),按住Ctrl键拖拽四角锚点以定位屏幕透视关系,回车确认(不正确可重复操作)。

4、双击屏幕图层图标,会打开一个新的psb文件窗口,里面可以调整屏幕的各种参数(参数解释见下图),调整完成后关闭此psb文件并保存,产品图片文件中的屏幕就会更新了。





图不够大的话附件里有打包的文件。



示意效果:


Enjoy!

71

    文章信息

    • 文章标签

    Hello PM 意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功