平面设计
位置:首页>> 平面设计>> Photoshop教程>> 使用Photoshop+960 Grid System模板进行网页设计(2)

使用Photoshop+960 Grid System模板进行网页设计(2)

作者:暴风彬彬 来源:彬Go 发布时间:2009-02-28 13:44:00 

标签:photoshop,960,grid,system,模板,设计

设计步骤

按照960 Grid System的定义,我们找一张960像素,12等份,每部分左右边距都是10px。这里缩小了图片,大家做的时候按照960像素去切割,去960 grid system官方网站可以下载布局好的素材。(参见”960 grid system”的官方网站介绍。)

新建图层,大小为填充中间的10等份,并与左右剩余的两个“等份”相距5像素。填充为为黑色。

0
投稿

猜你喜欢

  • 教程明细软件: Adobe Photoshop CS3 难度:中等预计完成时间: 3-4小时最终效果图作为设计人员,我们偶尔需要使用数码设备
  • 在这篇教程中我们将学习强烈的改变照片色调和情绪的方法。你会发现处理过的照片简直是脱胎换骨一样。顺便我还会展示如何给照片添加一些雾气缭绕的效果
  • 本教程木质纹理桌子的制作方法。教程开始需要利用滤镜来制作木质纹理,然后再利用这些纹理来制作立体的桌子部分,制作的时候需要注意好物体的透视效果
  • 本例介绍运用PS笔刷配合图层样式打造逼真的冻裂的冰字效果,主要讲解了将素材制作成自定义画笔制作冰字的裂纹效果,用图层样式制作出冰字的透明效果
  • 本教程介绍绚丽的效果制作方法。教程介绍有点简单,部分高光需要较多的时间去细化。只要把握好作者的思路基本上操作就比较容易。最终效果1、首先打开
  • 原载于 PSDTUTS  作者 Constantin Potorac  翻译 高小白、石小镇在这个教程中作者将向你展示通
  • 本Photoshop教程讲的是利用材质素材给磨皮后平滑不真实的皮肤贴上质感,增加皮肤的真实感,效果还不错,对于磨皮后不知道怎么恢复质感的朋友
  • 本教程简单的利用渐变映射叠加来调色。先设置好想要的渐变色,然后改变图层混合模式,主色就出来了,然后修饰下细节部分即可。原图最终效果1、打开原
  • 本教程过程图及介绍步骤有点少,对于初学者来说可能有点难度。不过鼠绘是非常讲究细节的,绘制的时候一定要有耐心,可以参考作者的效果慢慢去绘制。最
  • 本教程简单介绍偏斜照片的修正及照片润色处理。教程中很多关键的地方作者没有详细介绍,大家可以根据照片的效果来任意发挥。原图最终效果我们先看一下
  • 先看最终效果开始制作1、新建800*600画布!白色背景。新建图层,使用渐变色填充图层!我们先用黄色到红色的渐变色,设置如下。然后将这个图层
  • 本教程主要是介绍使用滤镜和蒙版配合来磨皮及修改局部颜色。教程中也多次用到了图层混合模式,很多效果需要不断的叠加起来才好看。制作过程有点复杂,
  • 之前也介绍过立体字效果的制作方法,不过文字的层次没有这么多。本教程文字立体面多出一个,制作的时候需要耐心的去调节高光及暗调等部分。 最终效果
  • Photoshop照片合成:杯子中的惊涛骇浪艺术特效。希望大家掌握教程的思路以及Photoshop工具的使用。下面我们先来看看最终效果图:效
  • 寂静岭剧照!我在网上找了半天没有找到类似得,就随便找了张寂静岭 得剧照来凑合一下.其实步骤很简单.要实现一个效果,请仔细观察... 图片中得
  • 原图最终效果1:打开图片,调整曲线。数值如下。2:调整色彩平衡:数值如下,然后用黑色画笔把人物擦出来。3:调整色阶,数值如下:4:调整色彩平
  • 先看最终效果图! 1、创建填充图案。创建一60 X 60的透明画布,并用白色铅笔按下图方式描绘画布的左侧与底部。编辑 >&g
  • 原文作者: Matt Kloskowski 原图:成品效果:译者的话:轮廓型插图是一种具有很强视觉效果的设计风格,它将繁琐的对象最
  • 请注意,本教程制作的效果很可能让大家无法接受。但是大家知道这个都是假的,但是从这点可以看出PhotoShop的强大功能。我喜欢看活死人影片,
  • PS合成神圣的雕像第六步:添加彩色叶在这里我们要添加一些色彩,让画面生动一点,所以我们选择添加一些桔色的树叶,这样也符合画面的要求。我们把“
手机版 平面设计 asp之家 www.aspxhome.com