photoshop制作web 2.0网页布局

发表时间:2010-06-14内容来源:站长资讯收集整理

步骤 19

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

步骤 20

让我们来创建一个分隔符

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

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

 

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

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

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

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

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

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

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

  • 站长资讯刊登此文只为传递信息,并不表示赞同或者反对作者观点。
  • 如果此内容给您造成了负面影响或者损失,本站不承担任何责任。
  • 如果内容涉及版权问题,请及时与我们取得联系。

文章评论

共有 位CH网友发表了评论 查看完整内容