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

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

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

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

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

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

使用方法：

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

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

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

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

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

示意效果：

Enjoy！