pimin
V2EX  ›  问与答

这种阴影用 PS 怎么做?

  •  
  •   pimin · Jul 8, 2015 · 4598 views
    This topic created in 4144 days ago, the information mentioned may be changed or developed.

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

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

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

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

    完事了。
    Keinez
    Keinez
    Jul 8, 2015
    8
    最后的效果差不多是这个样子:

    loveuqian
    loveuqian
    Jul 8, 2015
    9
    记得好久之前好像还看过这个阴影的教程。。可是。。。已经。。。
    pimin
    pimin
    OP
    Jul 9, 2015
    12
    @Mysdes
    感谢,按照你的提示已经完成阴影。
    明天出远门,晚安。
    pimin
    pimin
    OP
    Jul 9, 2015
    13
    @yangg
    是这种效果,不过淘宝是禁CSS的,开通CSS权限要200/月,并不划算。
    wmhb
    wmhb
    Jul 9, 2015
    14
    @pimin “然 并 卵”
    pimin
    pimin
    OP
    Jul 9, 2015 via iPhone
    15
    @wmhb
    对我来说多做一个阴影如果会给访客带来视觉上的改善就很满足。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   953 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 22:36 · PVG 06:36 · LAX 14:36 · JFK 17:36
    ♥ Do have faith in what you're doing.