图片和文字的阴影效果小技巧

来源:未知   作者:热心网友   发布时间:2013-05-16    浏览次数:238
我们在给文字或者图片添加阴影的时候一般用的都是黑色或者灰色,实际上有的时候用背景的颜色在稍微暗一点调出的效果会更好点,
也就是说,“不要在有颜色的背景上使用黑色的阴影。”在我学习设计的每一各阶段,我都要学到这一点。例如,在Photoshop中添加投影作为图层样式时,不要只是选择黑色或者灰色,最好从背景中取一个颜色,通过调整不透明度把它调暗,直到它看上去像是阴影一样。
这是因为在现实中阴影并不是黑色的。它们是在其之上的任何东西的更暗的版本,因为那里光线要少一些。查看下面图片中的阴影,如果你试着重新做出这个阴影的效果,那么我觉得任何不透明度的黑色看上去都不会很好。

由于在我们的CSS工具箱里有了RGBa,我听说和看到大家给背景和阴影使用调整到黑色的方法(例如,rgba(0,0,0,0.5))。这种做法的原因是这样:“由于透明度的原因,阴影的颜色将会混合着背景色”。是的,的确是这样,但是它也会混合着黑色,并非是单纯背景色的更深的调子的版本。
看个例子吧:
我的观点是,如果你想要改变背景颜色,那么你也要在CSS中作出更改。因此如果你那样做的话,不妨也改变一下阴影的色调。如果你无法掌控文字或者盒模型的阴影是什么样,使用黑色。如果能的话,使用有色调的阴影。
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/xingyejiaoliu/shejixinde/1791.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通