首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效非 主 流GIF 动画签名溶图创意设计
 您当前的位置: PhotoShop资源网 >> PS教程 >> PS教程 >> 创意设计 >> 正文

PS设计制作Web2.0网页布局的完整专业教程

[ 作者来源:HiZhen.cn 编辑整理:PhotoShop资源网 更新时间: 2010-04-21 录入: 黄叶飞扬 ]

步骤 18

创建一个垂直的分隔符,运用直线工具(U) 创建两条紧挨着的线,填充颜色值为 #ffffff ?C #b3b3b3.

按此在新窗口浏览图片

对齐这两条线如下图所示

按此在新窗口浏览图片

不要忘了组织你的图层,看一下我的图层

按此在新窗口浏览图片

步骤 19

重复三次以上两个步骤,然后效果如下图所示!

按此在新窗口浏览图片

步骤 20

让我们来创建一个分隔符

在50px之后拖拽一条新的参考线。

按此在新窗口浏览图片

用椭圆先框工具 (M) 创建一个选区如下图所示:

按此在新窗口浏览图片

设置前景色为(#000000),然后按下 Shift+Backspace填充选区,将图层命名为“separator_bg”。

按此在新窗口浏览图片

为了使它有模糊的效果,执行文件> 模糊 > 高斯模糊?C 半径:3px.

按此在新窗口浏览图片

选择 “separator_bg” 图层,创建一个选区然后删除。 

按此在新窗口浏览图片

单击添加图层蒙版标志然后设置渐变编辑器为黑,白,黑。 

按此在新窗口浏览图片

用渐变工具 (G) 根据下图所示拖拽一个线性渐变。   

按此在新窗口浏览图片

降低图层透明度度为50%。

按此在新窗口浏览图片

用直线工具(U) 在分隔符顶部创建两条水平线,把place them right above the separator.
填充颜色为:#b3b3b3 ?C #ffffff ,然后为他们添加同样的图层蒙版。

按此在新窗口浏览图片



≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教程(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!