这种阴影用 PS 怎么做?

2015 年 7 月 8 日
 pimin

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

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

4501 次点击
所在节点    问与答
15 条回复
kliy
2015 年 7 月 8 日
拉个渐变,中间再弄挤压效果。没操作过,不知道是否可行
pimin
2015 年 7 月 8 日
@kliy
谢谢,回去看一下
zls930
2015 年 7 月 8 日
貌似是椭圆形加扭曲然后填充渐变,调圆形渐变的那种?你看看行不行~
R09PR0xF
2015 年 7 月 8 日
在六张图组成的矩形层下新建一个三分之一铁塔公司Logo的四边形,四边形加上阴影。
Mysdes
2015 年 7 月 8 日
这个东西叫内容盒阴影,仔细看他的阴影是没有弧形弯曲的,简单过程:画矩形→高斯模糊→旋转→拉蒙版,完成。另外一侧镜像下。
zls930
2015 年 7 月 8 日
@Mysdes 大神,受小妹一拜!我去试试看
Keinez
2015 年 7 月 8 日
我建议你可以这么做:

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

完事了。
Keinez
2015 年 7 月 8 日
最后的效果差不多是这个样子:

loveuqian
2015 年 7 月 8 日
记得好久之前好像还看过这个阴影的教程。。可是。。。已经。。。
yangg
2015 年 7 月 8 日
mogita
2015 年 7 月 8 日
pimin
2015 年 7 月 9 日
@Mysdes
感谢,按照你的提示已经完成阴影。
明天出远门,晚安。
pimin
2015 年 7 月 9 日
@yangg
是这种效果,不过淘宝是禁CSS的,开通CSS权限要200/月,并不划算。
wmhb
2015 年 7 月 9 日
@pimin “然 并 卵”
pimin
2015 年 7 月 9 日
@wmhb
对我来说多做一个阴影如果会给访客带来视觉上的改善就很满足。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/204296

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX