V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
haisenbug
V2EX  ›  设计

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

  •  
  •   haisenbug · 2015-07-12 15:22:10 +08:00 · 4126 次点击
    这是一个创建于 3204 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    7 条回复    2015-07-13 14:11:03 +08:00
    ethanchen
        1
    ethanchen  
       2015-07-12 15:55:13 +08:00
    自己做一个,在PS中,把截图作为使用智能对象图层,一劳永逸。以后只要换截图就行了。
    haisenbug
        2
    haisenbug  
    OP
       2015-07-12 16:07:13 +08:00
    @ethanchen 谢谢回复!也就是说这个设备外壳效果都是自己做的啊。。本人程序狗,PS技能基本为0,听起来好难的样子。
    nikoukou
        3
    nikoukou  
       2015-07-12 16:09:37 +08:00
    sketch
    haisenbug
        4
    haisenbug  
    OP
       2015-07-12 16:21:11 +08:00
    @nikoukou 谢谢回答!sketch能否导出类似的效果图?(不是需要设计的过程,产品界面已经做出来了,是需要带设备边框的演示图片)
    nikoukou
        5
    nikoukou  
       2015-07-12 16:23:52 +08:00
    搜sketch resources有不少模版,或者搜 iphone mockup psd 这样的也有。。
    haisenbug
        6
    haisenbug  
    OP
       2015-07-12 16:34:33 +08:00
    @nikoukou 所嘎!所以就是弄个这样的模板,然后把产品的截图拼接上去,是吗?
    aiaison
        7
    aiaison  
       2015-07-13 14:11:03 +08:00   ❤️ 1
    http://www.uisdc.com/perspective-effect-tool-promotee 用这个,省事。当然你也可以练习下PS 里面有3D功能(在标题栏“滤镜” 旁边,某些旧版本没有),自己画下。模版在behance的UI设计板块下 第一页就有
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3051 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 00:12 · PVG 08:12 · LAX 17:12 · JFK 20:12
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.