这种阴影用 PS 怎么做？

[pimin]

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

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

[kliy]

拉个渐变，中间再弄挤压效果。没操作过，不知道是否可行

[pimin]

@kliy
谢谢，回去看一下

[zls930]

貌似是椭圆形加扭曲然后填充渐变，调圆形渐变的那种？你看看行不行~

[R09PR0xF]

在六张图组成的矩形层下新建一个三分之一铁塔公司Logo的四边形，四边形加上阴影。

[Mysdes]

这个东西叫内容盒阴影，仔细看他的阴影是没有弧形弯曲的，简单过程：画矩形→高斯模糊→旋转→拉蒙版，完成。另外一侧镜像下。

[zls930]

@Mysdes 大神，受小妹一拜！我去试试看

[Keinez]

我建议你可以这么做：

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

完事了。

[Keinez]

最后的效果差不多是这个样子：

[loveuqian]

记得好久之前好像还看过这个阴影的教程。。可是。。。已经。。。

[yangg]

第一种？ http://nicolasgallagher.com/css-drop-shadows-without-images/demo/

[ck65]

http://photoshop-tutorials.wonderhowto.com/how-to/create-page-peel-drop-shadow-adobe-photoshop-396396/

[pimin]

@Mysdes
感谢，按照你的提示已经完成阴影。
明天出远门，晚安。

[pimin]

@yangg
是这种效果，不过淘宝是禁CSS的，开通CSS权限要200/月，并不划算。

[wmhb]

@pimin “然 并 卵”

[pimin]

@wmhb
对我来说多做一个阴影如果会给访客带来视觉上的改善就很满足。