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

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

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

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

返回工作文档,新建图层,填充图案:编辑-填充,使用刚才定义图案进行填充。

最后,我们要使用参考线标记我们的工作区域。新建参考线:视图-新建参考线,选择“垂直”,在360px、840px、1320px新建参考线。

3.开始设计

现在栅格系统建立完成,可以开始设计了。我们把整个网站分成5个大部分:

  1. 页眉

  2. 插图

  3. 内容区-左

  4. 内容区-右

  5. 页脚

0
投稿

猜你喜欢

  • 完成的效果图 最终的效果图应该是这样的.开始– Ipad 框架 新建“850 X 850像素”的文件, 随便填充颜色. 在画布上选择“圆角矩
  • 这篇PS字体教程效果很震撼,围绕着一个长方体来制作它的效果,将文字粘贴上去,应用图层样式制作出立体效果。在为整体进行效果的制作。详细步骤请参
  • 这个Photoshop教程向大家展示了用照片处理成纳威人头像的所有步骤(基于James Cameron’s movie “阿凡达”。汤汤建议
  • 本教程的基本效果作者都基本上做好的,作者有提供现成的PSD文件,制作的时候主要是调色和制作文字效果。及修饰一些细节部分。最终效果1、打开素材
  • 效果图的色调以暗青色为主。调色的过程也比较简单。先用调色工具加强图片的层次感,然后适当降低图层的饱,这样暗灰的效果就出来了。最后整体调整一下
  •            本教程制作效果非常不错,不过制作的时候需要用到一些光束笔
  • 很多朋友对我处理的这几张照片很感兴趣,纷纷要求我上教程。其实照片的处理首先要有想法,就是所谓的灵感吧。只要肯花心思,即使是一些俗称的废片,利
  • 我不怎么会写教程,只好介绍一下我的作画过程,技术比较拙劣,介绍也比较简单,希望大家不要见笑。本次作画使用软件: Fireworks下面我们先
  • photoshop合成魅影女皇面部教程,主要以是普通照片美女与边框饰物合成:金色的脸谱,突出腐朽效果就更加理想。主要利用橡皮檫、通道等工具进
  • 本教程制作的效果非常有创意,把人物的关节部分处理成类似木偶对接的效果。有种类似木偶的效果。之前有类似教程详细介绍过。可以参考教程:Photo
  • 对于一些背景留白的人物图片,感觉图片的层次不够多。处理的时候先用渐变叠加等加上背景色彩,然后再把人像柔化处理。调色的时候需要把握好局部和整体
  • 在Photoshop(以下简称PS)中,我们常常碰到很多对象变形的需求,“自由变换”就是完成这一功能的强大制作手段之一,熟练掌握它的用法会给
  • 最终效果预览:第一步:首先我们需要定义一种点状样式. 建立一个100x100像素的新文件,分辨率设置为300像素/英寸。背景填充为黑色。采用
  • 在这篇教程中我们将学习如何使用Photoshop化腐朽为神奇,为玫瑰花添加漂亮的喷溅效果,希望大家能够喜欢。第一步创建一个背景为透明的文件,
  •  最终效果图下面开始制作!本实例简单来说就是用画笔将美女身上挖开,在用同样的画笔在周围点缀。不考虑整体感觉的话,大家可以很轻松的制
  • Nik Ainley 是我最爱的设计师,我非常喜欢他的作品。在这个教程中我将向你展示如何用 photoshop 和少量的 Illustrat
  • 作者的调色方法非常专业。本身原图素材的色调非常完美。作者再根据自己的想法调出了不同感觉的色调,而且加上了一些装饰的背景。效果也独有一番风味。
  • 有感于一些朋友的作品(尤其是页面\软件界面设计这种对精度要求很高的地方)在细节方面总是受到锯齿的困扰,而拉低了整体档次。特根据自己的经验讲一
  • 昏暗背景+灯光效果,可以对图片进行渲染,制作出灯火通明,富丽堂皇的画面。 本文推荐16个photoshop灯光效果教程,可以教会你制作各种漂
  • 本教程简单介绍淡黄色调调色方法。效果图及原图都不错,不同的色调感觉画面的意境差别很大。大家调色的时候可以多尝试不同的颜色。原图最终效果1、打
手机版 平面设计 asp之家 www.aspxhome.com