使用960栅格系统设计简洁网站（7）
作者：luycas 来源：活力盒子 发布时间：2011-08-14 06:20:39
标签：网站设计,960栅格系统
选择渐变工具，颜色设置黑色到透明。我们将使用该渐变来隐藏掉960px宽度以外的部分。
确保渐变类型为“线性渐变”，沿着960px参考线最左边一条拖拽鼠标，直到中间一条参考线停止，右侧相同。
10.添加插图区文本
插图区放置一整页的插图，这里我们将采用纯文本的展示方式。文字大小45pt、Arial，写入准备好的宣传口号。紧接着在下方使用17pt写入一些介绍文字。最后把文字跟Logo一样左对齐。
11.添加滑动展示
显示参考线，使用矩形工具在右侧两条参考线间创建选区，高度占8个栅格（即140px），然后减去上下各一个像素来制作投影。
0
投稿猜你喜欢
在这篇教程中我们将学习强烈的改变照片色调和情绪的方法。你会发现处理过的照片简直是脱胎换骨一样。顺便我还会展示如何给照片添加一些雾气缭绕的效果- 原图最终效果1、打开原图素材，创建色阶调整图层，对各通道进行调整，参数设置如下图。2、创建可选颜色调整图层，对黄色及绿色进行调整，参数设置如
- 本教程主要用Photoshop来制作恰似你的温柔成签教程，教程中主要提供制签思路，部分图效需要自行处理。效果图(已有主，请勿穿。)教程原图
- 本教程重点在背景颜色的调整，人物部分不需要太多处理。总体效果有点类似V2的色调清爽舒服。处理的时候也可以按照自己喜好去调整颜色。原图最终效果
- 本教程的效果图刻画的非常细腻。从人物化妆到效果美化，每一步都是精彩绝伦。作者以及其独特的手法来变现人物的艺术美。不得不让人佩服。不过教程中的
- 现在把渐变色改为由黑到白，并转为点阵图。 直接在点阵图上右键调出弹出菜单，选择Transform/变形-->Skew/斜切，选中底边的
- 论坛里有篇关于扣透明塑料膜的帖子，利用抽出的方式来抠图。我也仔细的看过了，毕竟抽出会对图像造成一定图损，而且容易造成新手很多误解。这里给大家
- 我不知道 web 2.0 风格将会风行多久。这些闪闪发光的图标看去很炫，制作起来也容易，却不知能否持久。一方面，它代表着当前的流行趋势；另一
- 当你看到这幅经典的图片，你可能会惊奇，哇，太棒了，但是我是如何制作的，请读下文……最终效果预览：步骤一大部分经典的成分是用纸的的纹理来制作出
- 最终效果图：在这一课中将教你创造这副乌鸦的插图（教程翻译自：tutsplus.com）。运用几个有限的工具和资源做练习你就会得到意想不到的效
- 最终效果人物素材1、打开下面两副素材，把素材2拖到素材1里面，适当调整好大小。2、用橡皮工具吧石头素材上半部分擦掉，显示出云彩素材，效果如下
- 在本文中我们将介绍一种剪切技巧，使图片有部分突破原来的界线。这种设计能够吸引人的注意，也使图片突破原来图片空间的限制，很好地强调了图片中某一
- Photoshop CS4发布了，对于我这样以学习Adobe软件为生的人，当然是个喜迅。不过有位资深的编辑跟我谈了一个问题，却让我陷入了深深
- 本教程主要介绍人物照片的调色和背景的处理。原图素材背景部分取景相当不错，不够没有拍摄清晰。处理的时候干脆用滤镜来模糊处理，再适当调整下颜色，
- 在这篇photoshop教程将为大家介绍如何使用photoshop中的混合模式和滤镜等多种工具制作一座海上城堡的方法。最终效果图首先要准备的
- 漂亮吧?这种效果，怎么用AI 来实现呢?坐下来，端杯茶水，慢慢跟我学。 1.打开AI,输入要实现此效果的文字，然后(ctrl+shifo+o
- 先看下面图的处理前后： 具体步骤如下：一、打开图片，对图片进行自动色阶处理快捷键为：Shift+Ctrl+
- 昏暗背景+灯光效果，可以对图片进行渲染，制作出灯火通明，富丽堂皇的画面。 本文推荐16个photoshop灯光效果教程，可以教会你制作各种漂
- 本教程简单介绍洋红色调色方法。调色的时候可以根据照片的色彩构成，分别对局部调色，然后再整体修饰细节即可。色彩也可以调成自己喜好的色彩。原图最
- 本教程简单介绍淡黄色调调色方法。效果图及原图都不错，不同的色调感觉画面的意境差别很大。大家调色的时候可以多尝试不同的颜色。 原图 最终效果
