类似这种响应式页面预览效果是怎么弄的？

[haisenbug]

http://www.zcool.com.cn/work/ZNzQxNTM1Ng==.html

请教一下小伙伴们，像这个作品里面的网页在各种设备上的预览效果图（带设备外壳的这种）是怎么弄的？是有什么工具可以生成，还是自己抠图弄上去的？

[ethanchen]

自己做一个，在PS中，把截图作为使用智能对象图层，一劳永逸。以后只要换截图就行了。

[haisenbug]

@ethanchen 谢谢回复！也就是说这个设备外壳效果都是自己做的啊。。本人程序狗，PS技能基本为0，听起来好难的样子。

[nikoukou]

sketch

[haisenbug]

@nikoukou 谢谢回答！sketch能否导出类似的效果图？（不是需要设计的过程，产品界面已经做出来了，是需要带设备边框的演示图片）

[nikoukou]

搜sketch resources有不少模版，或者搜 iphone mockup psd 这样的也有。。

[haisenbug]

@nikoukou 所嘎！所以就是弄个这样的模板，然后把产品的截图拼接上去，是吗？

[aiaison]

http://www.uisdc.com/perspective-effect-tool-promotee 用这个，省事。当然你也可以练习下PS 里面有3D功能（在标题栏“滤镜” 旁边，某些旧版本没有），自己画下。模版在behance的UI设计板块下 第一页就有