使用960栅格系统设计简洁网站(3)
作者:luycas 来源:活力盒子 发布时间:2011-08-14 06:20:39
标签:网站设计,960栅格系统
返回工作文档,新建图层,填充图案:编辑-填充,使用刚才定义图案进行填充。
最后,我们要使用参考线标记我们的工作区域。新建参考线:视图-新建参考线,选择“垂直”,在360px、840px、1320px新建参考线。
3.开始设计
现在栅格系统建立完成,可以开始设计了。我们把整个网站分成5个大部分:
页眉
插图
内容区-左
内容区-右
页脚


猜你喜欢
- Photoshop入门实例教程,把风景照片转换为好看的水彩画。步骤 1、打开图片素材。步骤 2、复制图层,并命名为“模糊层”,滤镜 >
- TalentedPixie出品的Adobe Illustrator CS4教程,这是等级二。该系列教程将指导用户如何开始使用Illustra
- 本教程效果有点怀旧的味道。图片色调以淡淡的灰色为主。画面看上去就干净很多。同时用黑色作为暗角,人物部分就显得非常突出。整体视觉效果非常不错。
- Photoshop处理人物眼睛为:魔鬼之瞳。
- 原图 效果图 经过去斑加工的效果图 原图 效果图 例1: 例2:
- 本教程将讲述如何在Photoshop 中从零开始制作鹅卵石地面、路草茵茵、木桥、茅草屋这一童话故事般的梦幻场景。发挥你的想象力,去营造属于自
- Photoshop设计现代企业产品主题网站教程预览:以下是我们将要一些设计的页面预览,点击图片可以放大。 建立一个新的Photos
- 上次我介绍了 在Photoshop加强网页设计中的细节,很多朋友都觉得讲的不够多,并且一些朋友很想了解如何在Photoshop制作一些文字的
- 效果图1效果图2 效果图3 教程1 教程2 教程3
- 这种不用喷漆的涂鸦方式大受欢迎,它的魅力不仅表现在黑夜里光彩夺目的绚烂,更多的是人们对一种随时会幻灭的美好画面的着迷。简单地说,就是在黑暗中
- 最终效果图:在这一课中将教你创造这副乌鸦的插图(教程翻译自:tutsplus.com)。运用几个有限的工具和资源做练习你就会得到意想不到的效
- 在这篇教程中我们将学习强烈的改变照片色调和情绪的方法。你会发现处理过的照片简直是脱胎换骨一样。顺便我还会展示如何给照片添加一些雾气缭绕的效果
- 本教程简单介绍偏斜照片的修正及照片润色处理。教程中很多关键的地方作者没有详细介绍,大家可以根据照片的效果来任意发挥。原图最终效果我们先看一下
- 先看一下最终效果: &
- 我们用Illustrator绘制飘逸的丝带,教程的步骤写的非常清楚,英文我就不给大家翻译了,感觉大家应该能看懂吧!!Step 1 - dra
- 本例介绍运用PS绘制动画电影《机器人总动员》的主角儿—机器人Wall.E(瓦力)的女朋友,教程详细讲解了Eve的绘制过程,主要运用形状工具、
- 效果图具体具骤:1。打开原图进行裁切。2。找开素材,试当裁切,调色阶如图2,去色。3。将树与原图的树溶入到一起。4。用素材的树枝将原图衔接。
- Illustrator绘制粉红佳人插画教程,先看下最终完成图: 完成图 线稿 下面简要说下绘制需要注意的主要部分: 眼睛结构线稿 图1
- 本教程介绍扑克牌的制作,不过教程重点是介绍如何制作破旧的纸张效果。其中用到多种滤镜、笔刷等效果。纸张渲染的相当不错,有种怀旧的味道。 最终效
- 原始图片完成图一,打开原始图片,拷贝三个副本层。二,选取第一副本,PS模式设置成柔光,不透明度:15%三,选取第二个副本,模式:柔光,不透明