这个PS教程将教大家怎么
制作一个进度条,步骤很简单,大家可以运用这样的方法制作出更多更好的
效果。
WHP;Neb6 最终效果图: Ah (iE Ir/:d]N* RJx{eck% kbhX?; <` 第一步: i
j/o;_ 新建一个600X400PX的画布,把我们提供的纹理丢进去。
Z(HZB Q 2"WV 现在我们
使用“圆角矩形工具”,设置半径为“10PX”,拉出一个长条矩形。
oIb)
Rq!m c|lU(Tf 第二步: VjB*{, 现在我们来设置矩形的混合样式,把它命名为:矩形1。然后双击图层,设置如下:
uoCGSXsi -内发光:颜色就是默认的黑色。
K2HvI7$- r?^"65= -图案叠加: 这个图案需要加载“
艺术表明”,默认的里面有。
"0-y*1/m ,QvYTJ{ -描边:
l.oBcg[ jDTUXwx7V 最完后应该是这样的效果:
<hv7s,i Wc|z7P~',% 第三步: a$m_D!b~_
现在我们在到“矩形1”,里面画一个小一点的矩形,命名为“矩形2”,如下:
`6F+Rrn S}7>RHe 然后双击设置混合样式:
x?L hq2 -外发光:
J+Bdz6lt V;93).-$ -渐变叠加:
Y6ben7j%- ~G`J
r 现在我们新建一个图层,然后把它和“矩形2”同时选上,然后合并。这样出来的图层会是“图层2”,然后我们把这个图层复制一个,把老的隐藏掉。因为我们后面还要做效果。
I=[cZ;t >Z\BfH 第四步: IKcKRw/O$ 双击“图层2”,混合样式设置如下:
HarFE4V -颜色叠加:
Gzm$OHbn "s]y!BLk -图案叠加:上面我们为你准备了,这里不制作了,因为有很多小菜们不知道制作图案。
.wc
= ] .Z%G@X* 做完后应该是这样的效果:
>V!LitdJ ax@H"d& 现在我们在用矩形工具,画两根短线条。颜色分别是黑色和白色,这是在网页
设计中制作导航条废材常见的方式,如下;然后设置他们的混合样式:
P(h5=0`*PR T:!MBWYe | 制作好后将它复制几个,依次摆好,然后移动到进度条中。如下:
_;e\:7<m dr})-R 好了,我们第一个已经完成了,你觉得怎么样?下面是我们将这种效果的延伸,只需要几步就OK了。
(0jr;jv 第二种效果:第一步: UK3a{O[5 在“矩形1”绘制一个矩形,比上面的要短一点。然后按照上面的方法制作出下面的效果(和上面是一样的,这里我为什么在上面没有让大家保存,目的是想让大家多做一次,能记得住,哈哈)
@ {}rG8 -渐变叠加:
Z> 74.r GGE[{Gb9 -图案叠加:
lrys3 +hH}h?K
完成后应该是这样的效果:
yQ[u3tI