我爱电脑技术论坛's Archiver

yad1120 发表于 2008-9-2 11:13

Photoshop制作实用页面隔竖线设计

设计工具为PS CS3,先看做好的效果图:

[attach]47793[/attach]


  设计步骤如下:
  第一步:
  用形状工具或者选框工具设计出菜单的背景来,如下图:

[attach]47794[/attach]


  第二步:
  新建一个图层,用缩放工具放大到1000%,用画笔在这个新建图层上画出一条适当长度的1px竖线,颜色为#ffffff;如下图:


[attach]47795[/attach]

  第三步:
  给这个图层加"渐变叠加"这个混合选项,设置如下:

[attach]47796[/attach]


[attach]47797[/attach]

yad1120 发表于 2008-9-2 11:14

  1处的颜色为白色竖线的下端附近的背景颜色值,2处的颜色为白色竖线的上端附近的背景颜色值,3处的颜色为#d7d7d7。
  效果如下:
[attach]47802[/attach]



  第四步:
  复制这个图层,用箭头工具将复制的图层向左移动1px,修改渐变参数,如下图:

[attach]47803[/attach]


  效果如下:

[attach]47804[/attach]


  100%比例下的效果如下:



[attach]47805[/attach]
  剩下的工作就是加上文字与复制图层及排版的问题了,这里不细说了。

麦迪 发表于 2008-9-2 11:16

很不错的,顶上去了。。

yad1120 发表于 2008-9-2 11:18

呵呵   谢谢支持...  每次都是你来得最快的....

sam313661257 发表于 2008-9-3 02:00

感觉挺时尚又优雅
不错

nicky_lin 发表于 2008-11-16 12:32

回复 楼主 yad1120 的帖子

顶起
之前找这类的贴,都没找着,今天居然看到了..谢了楼主

页: [1]
 

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.