pimin
V2EX  ›  问与答

这种阴影用 PS 怎么做?

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

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

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

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

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

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

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