创意猫网>猫宅>新闻中心>设计资讯>图层叠加在按钮设计中的应用
图帮主

图层叠加在按钮设计中的应用

时间:2015-05-02 17:10:01|浏览:11526|作者:贝尔法斯特
导语 按钮,图层,笔刷,混合,模式,叠加,网页,logo背景 我们来了解一下图层叠加模式在网页设计中的应用,再通过不同的实例来深层次的了解图层叠加混合模式的基本效果,将其更自由的应用于我们的设计中。

按钮的光效是怎么做出来的?其实非常简单,新建图层,笔刷或椭圆画出白色,高斯模糊,再将图层混合模式更改为图层叠加就可以了。但是这里我们不讨论具体的技术,而来看看如同上面的按钮通过白色的叠加创建出按钮的高光,我们来了解一下图层叠加模式在网页设计中的应用,再通过不同的实例来深层次的了解图层叠加混合模式的基本效果,将其更自由的应用于我们的设计中。

logo设计中增加元素的质感


Logo设计中增加元素的质感




在这个主页设计教程的logo创建中,在红色上应用了从黑到白的垂直渐变图层叠加,再通过调整不透明度,从而让logo有了鼓出的视觉效果,通过添加图层叠加模式的作旧笔刷,让logo看上去更有质感,这是非常常见的涉及到图标、按钮以及logo的设计步骤。


这是非常常见的涉及到图标、按钮以及logo的设计步骤。



创建网页背景场景,营造整体的氛围

创建网页背景场景,营造整体的氛围



在这个魔幻风格的页面设计中,页面顶部红色椭圆框起来的城堡背景也是用图层叠加模式来实现的。如下图,设计师首先找了一张和魔幻风格契合的西班牙古堡的图片,将其放置于文档之后,使用通道混合调整图层将图片转为灰色调,再将图片的图层混合模式更改为叠加模式即得到了下图中的低调阴郁的背景。之后,设计师又给背景添加了不规则的做旧笔刷来让整个的氛围更浓郁。



logo左下部的气球图片也使用了颜色叠加的图层模式让气球整体带有背景的蓝色,使其更好的融合于整个氛围之中。气球本来的图片是这样的:



覆盖上深蓝色后的效果如下图:


覆盖上深蓝色后的效果如下图:  返回创意猫首页>>
图帮主
更多图层叠加在按钮设计中的应用敬请关注创意猫网广告设计网!
文章标签: 按钮  图层  笔刷  混合  模式  叠加  网页  logo背景 
相关LOGO:
立即提交需求
创意猫网是国内领先的设计服务交易平台
快速提交设计需求,按需快速匹配服务商!
话题讨论  共有0人讨论图层叠加在按钮设计中的应用
返回顶部参与讨论
企业为什么都选择创意猫
领先的广告设计门户
数万设计机构提供选择
平台担保,满意才付款
零佣金,零手续费
创意猫_国内领先的广告设计交易平台    Copyright © 2016  chuangyimao.com  青岛创易智联网络有限公司  版权所有  鲁ICP备14013361号-2    创意猫微博
客服在线:
QQ交谈:

服务热线

4000-556-956

周一至周六8:30—18:00

问题描述  *
联系QQ
验证码
提交
最近联系人