图层叠加混合模式在网页设计中的应用

时间:2014-09-14

  案例二 Logo设计中增加元素的质感

580th_ticket-stub-theme.jpg
logo.jpg

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

gradient-overlay.jpg
brush-overlay.jpg

  案例三:创建网页背景场景,营造整体的氛围

580th_final-image.jpg

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

background.jpg

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

baloon.jpg

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

baloon-overlay.jpg

教程全文:《在Photoshop中创建一个夜晚主题的设计

  • 共2页:
  • 上一页
  • 2/2下一篇
    上一篇:由WP谈移动设备的视觉语言创新 下一篇:这是一个用户体验时代 也是一个创新的时代

    相关文章

    最新文章