平面设计
位置:首页>> 平面设计>> Photoshop教程>> 使用960栅格系统设计简洁网站(5)

使用960栅格系统设计简洁网站(5)

作者:luycas 来源:活力盒子 发布时间:2011-08-14 06:20:39 

标签:网站设计,960栅格系统

7.添加插图区

我把这一部分称作插图区是根据他的用途来命名的-他展示了页眉的主要信息。重复页眉的做法绘制矩形选区,高度240px,然后填充跟logo一致的亮蓝色(#ADC7D9)。我们来添加渐变填充,混合模式“叠加”,不透明度30%。

8.创建插图区背景

公司名为“Bluegrid”,为了突出主题,我们创建一个栅格背景。使用跟前面创建基准栅格相同的办法。新建文件宽高均为25px,删除北京,绘制1px的单线置于画布的底部和右边缘,然后定义图案。

9.添加插图区背景

在所有图层上方新建图层,编辑-填充,使用新定义的图案填充。

0
投稿

猜你喜欢

  • 本教材用到的素材比较多,很多素材色调都是非常鲜丽的。符合潮流设计的用色。尤其是人物部分的处理,作者刻意用了很多色彩叠加,能更好的表现人物的个
  • 这次为大家带来光主题的ps特技图赏,图片中的各种光效的运用,让人震惊以外,更为作者的创意叫绝!
  • 本教程制作的效果非常有创意,把人物的关节部分处理成类似木偶对接的效果。有种类似木偶的效果。之前有类似教程详细介绍过。可以参考教程:Photo
  • 只需三个步骤,就能把模糊照片变的清晰,不是用锐化,而是不太常用的ps自带滤镜结合混合模式,这个方法不太常见,但是效果确实非常理想。步骤1打开
  • 你说的是photoshop的”编辑-首选项“里面的设置吧不知道你用的哪个版本,不过也没关系,都是大同小异。在编辑-首选性里面其实重要的设置就
  • 当你看到这幅经典的图片,你可能会惊奇,哇,太棒了,但是我是如何制作的,请读下文……最终效果预览:步骤一大部分经典的成分是用纸的的纹理来制作出
  • Photoshop cs3相比其它版本在功能上有了很多改进,这需要在使用过程中慢慢熟悉。也许在安装时你就已经发现,cs3版本已经没有了以往的
  • 本教程主要是介绍背景部分的调色方法。作者想要制作一种梦幻,清爽的画面……先看一下最终效果:原图:1、打开原图,把背景图层复制一层。2、图像
  • 新建一个画布,颜色#99CC99,正圆4个,缩放,同时调整颜色之后->中心对齐组合在一起 复制N个,缩放大小,调整位置,调整层的前后
  • 本教程介绍自由变形的使用技巧,把以前的变换后图层猛增的弊端去掉,仅在同一个图层按规律复制,效果也完全一样! 1.关于自由变换,大家都制作:编
  •            1:在ps里打开云彩素材 2:首先,选择图章工具(S)
  • 本期教程中画笔的笔刷形状还是点状形态,制作中雪花柔和的羽化效果,其实是利用了像素放大产生的模糊现象产生的,只要将笔刷形状放大到一定程度,即可
  • 在这个独家Photoshop教程中,大家将学习如何在Photoshop中创建玻璃质感的霓虹灯文字效果。1.首先输入一些文本。例如用World
  • 原文来自:AdobeTutorialz 翻译:S.ShekA detailed tutorial on how to create
  • 本教程介绍音乐海报的制作方法。作者制作的非常细腻,从选材到制作,每一步都非常讲究,尤其人物部分的调色非常专业。后期的装饰效果可以按照自己的喜
  • 本教程介绍金属放大镜的制作方法。重点在金属边框的制作。需要注意好金属质感的调节,有的部分用图层样式一次不能做好,需要多用几个图层来分开做出效
  • 最终效果图预览:第一步:建立一个新的文档,大小为1000像素乘以500像素,分辨率为300pix/inche,并且命名为"Home
  • 本教程主要是利用画笔来制作绚丽的光影效果,制作的时候画笔的设计比较重要。很多特殊的效果都可以用画笔来制作,把做好的图形再配上图层样式,效果更
  • 本教程介绍非常简单的水晶按钮的制作方法。制作的时候只要用圆角矩形拉出按钮的大小,然后加上图层样式和高光即可。教程只是个参考,其他形状的按钮制
手机版 平面设计 asp之家 www.aspxhome.com