制作逼真的阴影效果

虽然CSS3一个方面带来了很多阴影的效果,但仍然有些阴影效果还是需要用图片来代替。这里教大家4步学会制作一款卷边阴影效果,我想这类效果大家在各类网站上看到很多了,挺实用

虽然CSS3一个方面带来了很多阴影的效果,但仍然有些阴影效果还是需要用图片来代替。这里教大家4步学会制作一款卷边阴影效果,我想这类效果大家在各类网站上看到很多了,挺实用的,当你学会制作时,你会感叹原来就那么简单啊!
crimping-drop-shadows

Step1.

首先打开PhotoShop创建一个新的文件,大小你自己决定,我这里选择800×600的尺寸,填充一个颜色你自己选择,我这里是#a3dff4;新建一个图层填充白色,然后在里面可以输入一些文字。

crimping-drop-shadows

Step2.

然后在背景层上新建图层,选择一个比你白色填充区域稍小的区域,然后填充黑色。

crimping-drop-shadows

Step3.

对新建的图层使用 模糊 > 高斯 > 6px

crimping-drop-shadows

Step4.

最后对该图层Ctrl + T, 选择 Warp 变形,形状如图下图,最后将透明度调节到20%左右完工!

crimping-drop-shadows

责任编辑:领地主编
更多精彩内容