繁體中文当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > PS教程:绘制清新的色彩生动的网页布局(2)
- Photoshop
- Photoshop教程：运用滤镜几步打造漂亮草坪
- Photoshop教程：极坐标滤镜打造黄金闪光十字架
- Photoshop教程：杂色滤镜将MM打造成石雕效果
- Photoshop基础教程：通过实例讲解曲线工具调色的应用
- Photoshop鼠绘教程：设计绘制逼真可口的橙子全过程
- Photoshop教程：合成创意打造奥运超越激情梦想海报
- Photoshop基础教程：活用笔刷制作有个性的自然边缘
- Photoshop教程：打造中秋月圆动画签名效果
- Photoshop鼠绘教程：打造质感逼真玻璃酒杯
- Photoshop教程：详细讲解质感表现基础手法
- Photoshop基础教程：学习鼠绘应该掌握的工具和概念
- Photoshop教程：照片转唯美插画效果
- photoshop教程：逐帧动画基础实例：画笔写字
- photoshop教程：合成加手绘制作食品广告实例
- photoshop手绘教程：结合数位板绘制花间情侣漫画
- photoshop手绘教程：结合数位板欧式华丽美男插画
- photoshop鼠绘教程：绘制逼真的乒乓球拍
- Photoshop教程：钢笔工具制作梦幻漂亮蓝色蜻蜓
- photoshop鼠绘基础教程：运用笔刷绘制漫画人物头发
- Photoshop教程：调出古铜金属色调美女
Photoshop 中的 PS教程:绘制清新的色彩生动的网页布局(2)
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 144 ::
收藏到网摘: n/a
接上篇 “photoshop教程–创建清新、色彩生动的网页布局（上）”
第十一步：编辑导航菜单
选取字体工具（T），并在导航栏上编辑菜单，这里我应用的字体是Adobe仿宋体，然后双击字体图层，按下图一样设置图层样式。
第十二步：创建分隔线
现在我们将在菜单栏中创建分隔线，新建图层，选取单列选框工具，并在菜单的布局上点击一下，选取矩形选框工具（M），并在选项栏上选择“交叉选区。
对新的选区以白色填充，最后按ctrl+d，取消选框。最终结果如下图：
第十三步：双击上步新建的图层，命名为“竖线1”，并进行如下图层样式的设置。
第十四步：按ctrl+j复制图层“竖线1”，重命名为“竖线2”。选取移动工具（V），点击键盘上的方向键，向右移动1px，并更改“渐变叠加”的设置。如下所示：
您的图将会是这样：
按住ctrl，选择“竖线1”和“竖线2”，转换为“智能对象”，新图层命名为“分隔线”。
第十五步：创建蓝色高光
1、新建图层，放置在“分隔线”下，选取矩形选框工具（M）创建像下图一样的选区
2、以颜色#35423e填充该选区，按ctrl+d撤消选框，右击，在下拉菜单中选择“转换为智能对象”
3、去往菜单 滤镜>模糊>高斯模糊，并设置半径为4px
4、再次 滤镜>杂色>添加杂色，数量为0.7%，属性为第一个选项，像第十步那样设置
5、设置图层透明度为60%，命名为“高光”
图片最终为：
第十六步：为图层“分隔线”创建图层蒙版
选定图层“分隔线”，转到菜单 图层>图层蒙版>显示所有，选择渐变工具（G），新建一个从黑到透明的渐变，方向是从上到中间。
第十七步：复制图层“分隔线”，“高光”
同时选中“分隔线”，“高光”这两个图层，使用移动工具（V），按住alt+shift，拖动两个图层中的对象至另一个菜单与菜单之间，这就相当于复制“分隔线”，“高光”的操作，重复拖动动作，根据您的菜单多少来复制
第十八步：为图层“分隔线”，“高光”编组
选择所有的图层“分隔线”，“高光”，按ctrl+g，进行编组，组命名为“分隔线”。
第十九步：为当前页面创建激活按钮
现在我们将为当前菜单页面创建一个激活按钮，来区分其它的菜单按钮。选取矩形工具（U）并像下图一样新建矩形，并把这图层放置在“菜单”图层的下方，双击图层，进行“渐变叠加”的设置，图层命名为“激活按钮”，设置透明度为50%。
效果图：
第二十步：创建搜索框
新建组，命名为“搜索”，放置在“导航”组上面。选取圆角矩形工具（U），设置半径3px，前景色为#104f59，创建圆角矩形，命名新的图层为“文本区域”，透明度为80%。
选取矩形工具，在“文本区域”右边创建一矩形，并如下图进行设置图层样式“渐变叠加”，然后右击图层，在下拉菜单中选择“创建快速蒙版”，层命名为“按钮”。
选取字体工具（T），使用白色，在“按钮”上书写“搜索”两字，图层透明度为75%。
选取线条工具（U），使用颜色#123036创建直线，图层命名为“直线”，并放置在“按钮”图层下方，把此直线移动在搜索框和按钮之间。
中篇到此为止，让我们一起期待下篇吧！
评论 (0) All
