V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
pimin
V2EX  ›  问与答

这种阴影用 PS 怎么做?

  •  
  •   pimin · 2015-07-08 20:15:03 +08:00 · 3438 次点击
    这是一个创建于 3444 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近在搞淘宝装修,发现一个展示模块挺漂亮的,代码已经COPY到位,就是配套图片做不了原来模块那么漂亮。

    指的是两侧到中间这种渐变阴影,让整张图看起来有了点立体点。
    模块效果是鼠标悬浮的时候自动替换一张亮度高点的图片,形成开关灯效果。

    15 条回复    2015-07-09 01:31:03 +08:00
    kliy
        1
    kliy  
       2015-07-08 20:21:38 +08:00
    拉个渐变,中间再弄挤压效果。没操作过,不知道是否可行
    pimin
        2
    pimin  
    OP
       2015-07-08 20:26:49 +08:00
    @kliy
    谢谢,回去看一下
    zls930
        3
    zls930  
       2015-07-08 21:03:19 +08:00
    貌似是椭圆形加扭曲然后填充渐变,调圆形渐变的那种?你看看行不行~
    R09PR0xF
        4
    R09PR0xF  
       2015-07-08 21:15:01 +08:00
    在六张图组成的矩形层下新建一个三分之一铁塔公司Logo的四边形,四边形加上阴影。
    Mysdes
        5
    Mysdes  
       2015-07-08 21:50:50 +08:00   ❤️ 3
    这个东西叫内容盒阴影,仔细看他的阴影是没有弧形弯曲的,简单过程:画矩形→高斯模糊→旋转→拉蒙版,完成。另外一侧镜像下。
    zls930
        6
    zls930  
       2015-07-08 21:55:05 +08:00
    @Mysdes 大神,受小妹一拜!我去试试看
    Keinez
        7
    Keinez  
       2015-07-08 22:04:28 +08:00   ❤️ 1
    我建议你可以这么做:

    1、在 Illustrator 里画一个矩形
    2、添加 Warp(扭曲) - Arch(拱形)效果
    3、扩展外观
    4、复制这个路径到 Photoshop 里
    5、在 Photoshop 里将本图层填充设成 0%
    6、添加图层特效 - 渐变叠加,选择一个从黑色到透明的渐变,使用镜像效果,自己调好角度
    7、将图层转换成智能对象,高斯模糊 2px

    完事了。
    Keinez
        8
    Keinez  
       2015-07-08 22:08:47 +08:00
    最后的效果差不多是这个样子:

    loveuqian
        9
    loveuqian  
       2015-07-08 22:52:31 +08:00
    记得好久之前好像还看过这个阴影的教程。。可是。。。已经。。。
    yangg
        10
    yangg  
       2015-07-08 22:58:22 +08:00
    pimin
        12
    pimin  
    OP
       2015-07-09 00:45:09 +08:00
    @Mysdes
    感谢,按照你的提示已经完成阴影。
    明天出远门,晚安。
    pimin
        13
    pimin  
    OP
       2015-07-09 00:54:12 +08:00
    @yangg
    是这种效果,不过淘宝是禁CSS的,开通CSS权限要200/月,并不划算。
    wmhb
        14
    wmhb  
       2015-07-09 01:04:51 +08:00
    @pimin “然 并 卵”
    pimin
        15
    pimin  
    OP
       2015-07-09 01:31:03 +08:00 via iPhone
    @wmhb
    对我来说多做一个阴影如果会给访客带来视觉上的改善就很满足。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2664 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 14:41 · PVG 22:41 · LAX 06:41 · JFK 09:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.