用PS制作960网格的网页模板
作者：原创编译 来源：36ps 发布时间：2009-02-24 09:20:00
标签：photoshop制作,960网格,网页模板
网格设计呢，通常显得很整齐规范，有时看上去也比较专业。但网格设计相对来说也是比较复杂的，往往需要精准的测量和栏目划分。960 Grid System/960网格系统，这是一套可以让你快速创建网格设计的工具，之所以叫960，就是说模板的宽度是960像素。而之所以用960像素来做为标 准，是因为960像素宽具有高度的灵活性。今天我们就来教大家制作一个960 Grid System的网页模板。(960 Grid System官方网站：http://960.gs/)
960 Grid System的特性是将960像素的网页分为12列的布局和16列布局。12列布局将总宽分成12份，每份的宽度是60px，而16列的布局分成16份，每份的宽度是40px，每部分左右边距都是10px，从而每列产生20px的空隙。
先看最终效果图
0
投稿猜你喜欢
淡儿有时候，处理MM的一张相片，除了磨皮美白之外，给MM化妆也是必不可少的。这次Photoshop实例教程我们就来讲解后期给人物化妆的方法，- 最终效果1、打开Photoshop并创建一个新文件。尺寸我用的1920×1200（像素），之后，选择背景层，打开它的混合选项，选渐变叠加，颜
- 人物调色的时候保持皮肤的细节非常重要。作者这方面处理的非常不错。不仅没有影响皮肤的质感，还利用计算及 * 滤镜加强了皮肤质感。然后再配上合适的
- 本例介绍运用AI来绘制Flash元件海鸥飞翔，在我们平常创作一幅作品的时候结合多种工具来完成一项任务可能比只用一种软件完成来的效果要好，今天
- 最终效果：在本教程中，大家将学习如何使用Photoshop在短短几分钟内再现著名的Aqua墙纸。这其实很简单的！（其实就是个字体教程）pho
- 如何使用ps给照片添加梦幻的彩色泡泡？给大家介绍如何使用ps给照片添加梦幻的彩色泡泡，一起来看看吧。1.打开ps，按Ctrl+O将需要制作添
- 话说摄影师保罗拿着给女老板照的像兴冲冲走进老板办公室，心想这张像还照得不错，肯定会得到老板嘉奖。不料女老板一看照片，眉头立马皱了起来。“保罗
- 本教程介绍自由变形的使用技巧，把以前的变换后图层猛增的弊端去掉，仅在同一个图层按规律复制，效果也完全一样！ 1.关于自由变换，大家都制作：编
- 层的使用是PS中最为重要的技巧之一，也是初学者的必修课。按Shift+“+”键( 向前 )和Shift+“－”键( 向后 )可在各种层的合成
- 注：要使用路径文字功能，Photoshop CS版本 首先使用钢笔工具的路径方式画一条开放的路径（路径的具体绘制方法请参照结尾所附带的教程地
- 原图素材看上去有点偏色，人物整体感觉有点脏。可能是背景太白，人物质感肤色显示不出来。为了突出肤色，可以给照片加上淡淡的背景，然后把肤色调成跟
- 本Photoshop教程讲的是利用材质素材给磨皮后平滑不真实的皮肤贴上质感，增加皮肤的真实感，效果还不错，对于磨皮后不知道怎么恢复质感的朋友
- 注：本人修改了教程中部分的步骤，某些操作采用了自认为更简便或效果更好的操作，如果有不懂的或者有所指正，欢迎留言~谢谢大家！最终效果图预览：第
- 本教程主要是介绍背景部分的调色方法。作者想要制作一种梦幻，清爽的画面……先看一下最终效果：原图：1、打开原图，把背景图层复制一层。2、图像
- 在Photoshop（以下简称PS）中，我们常常碰到很多对象变形的需求，“自由变换”就是完成这一功能的强大制作手段之一，熟练掌握它的用法会给
- 本教程介绍音乐海报的制作方法。作者制作的非常细腻，从选材到制作，每一步都非常讲究，尤其人物部分的调色非常专业。后期的装饰效果可以按照自己的喜
- 本教程介绍一些比较明鲜丽色彩的调色方法。大致过程：运用调色工具把照片的色调调统一，基本上1-2种主色即可。然后再适当的调亮及修饰细节即可完成
- 本教程我们将学习如何使用960栅格系统设计网站界面。该栅格系统会优化网站设计流程。最终效果预览1.新建文档参数：宽1680px、高1100p
- 本教程介绍可爱相框的制作方法。大致过程是利用快速蒙版及滤镜效果来制作选区，然后填充合适的颜色，再加上一些装饰边框即可。原图最终效果一、打造素
- 请注意，本教程制作的效果很可能让大家无法接受。但是大家知道这个都是假的，但是从这点可以看出PhotoShop的强大功能。我喜欢看活死人影片，
