400-114-0800

企业邮箱经销商/代理商

网建知识

您当前位置 > 首页 > 文章栏目:网建知识

 

浅析网页设计过程当中的渐变技巧

发表时间:2014-04-01

 

什么叫做渐变功能呢,相信许多的网页设计师都有心理的答案,金华微信网站开发的技术人员告诉小编:渐变功能可以给图案表面添加自然光线和阴影,当表面加入了渐变图层和图层样式时,它们同时也保证了用户界面元素可以轻松地进行缩放和重复利用。
 
线性渐变是一种最基本的渐变形式——颜色沿着一条直线进行顺序渐变。我相信你一定知道这个,所以我们就直接跳到有趣的东西上去吧。对称渐变与线性渐变异曲同工,不过它们从中间向两边对称变化。这让编辑过程不那么枯燥乏味,当然还是要看你想要什么效果。径向渐变从中心开始(或任何选取点)呈圆形向外扩散。用它们来创建球形,以及为圆形要素的边缘应用效果十分方便。当渐变对话框或图层样式对话框处于工作状态时,渐变圆心可以通过点击并拖动画布实现移动。
 
 
 
QQ截图20140401130854.jpg
 
 
 
任何值得去做的事情都值得花最多的精力去做,对不对?将两个渐变图层样式结合起来,你会得到叠加的两个截然不同的渐变,更复杂、更动态。只有将渐变图层样式设置成混合模式才能将两个渐变层结合。给渐变添加仿色可以产生更平滑的效果。未经过仿色处理的渐变常常会有明显的层状条纹。如果你的最终成果在廉价的、六位通道的LCD显示器上输出,或者其他类似倾向于放大色调分离问题的显示器上,此时仿色功能就显得更为重要了。请注意,渐变图层样式无法应用仿色,而且放置好的元素,比如你从Illustrator复制粘贴来的东西,其渐变是不会应用仿色的。如果你使用渐变条中的透明色,这也不会产生仿色效果,反而偶尔会形成大问题。针对某些特别案例的解决方案:如果你使用白色到透明的渐变条里的白色来加亮某个区域,那么只要应用不透明渐变,图层混合模式设置为滤色,你就能使其产生仿色效果。用混合模式正片叠底来加暗时,也可以运用这个技巧。
 
最后,如果渐变条始于红色,止于蓝色,那么图片中所有的白色都会变成红色,所有黑色都会变成蓝色,而这中间的所有颜色都会映射到渐变色上,当然取决于其亮度。

随机推荐查看更多