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

4年前发布

原创文章 / 工业/产品
Wayne_Lu,禁止转载-禁止商业用途-禁止个人用途

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

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


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


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


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


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



使用方法:

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

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

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

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





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



示意效果:


Enjoy!

100
- 位站酷推荐设计师推荐 -
一下给作者疯狂打call吧!
(推荐 + 收藏 + 关注作者)
+1 +1 +1

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    喜欢TA的作品吗?喜欢就快来夸夸TA吧!
    夸夸

    夸夸

    文章信息

    • 文章标签

    收录收藏夹
    设计 32
    没有新消息
    已收藏到: