2005-12-2 11:35
gogofish
[PS][ZT]像素边框的制作
转自:赛迪网
^3oy"Pl?c(}8N
;xHL,I&E
H g
现在网上越来越流行像素图像的制作,论坛里的很多朋友也都在热烈的讨论这方面的相关知识和技巧,很多朋友来信希望获得更多这方面的相关制作方法,这里,我们特别写了一篇像素边框制作方法的文章献给大家。sL*sd"F;?0O
P&I*Kv si&OE
好了,还是我们一贯的作风,废话少说,转入正题。;u;By$Cp/gT|
(B;YhQg/qX
首先,我们进行之前的准备工作:{,P#S6{iO
{-b.l+CK(^%zK
[color=Blue]1、在Photoshop7中新建一个300*300的图片。[/color]hy$OIR
T
n\X!f1[
[color=Blue]2、设置你的图像背景色[/color]为淡淡的灰色,这样方便你在后面的制作中察看边框,我使用的是#E5E5E5。
'cE9l`Zo7T
bV!g3Lg7q2[ `
[color=Blue]3、现在分别先按下D键,然后按下X键,将你的工具面板上的前景色背景色置回。[/color]?5^jjy`*F"U
v
gMbIi|)g
u
好了,下面我们要进入今天的实质阶段了。
;DH2k`u,o'g
X
^:t#WNg
4、现在让我们[color=Orange]选取矩形选框工具,在图片上选取一个你希望的大小,然后新建一个图层layer1,点击软件菜单 编辑——描边 ,在跳出的窗口中设置描边宽度为1px,位置为居中,先不要取消选取框,让我们再新建一个图层layer2,然后点击CTRL+BACKSPACE用前景色白色填充我们刚才的选区。[/color]_+J{5FmX8cn
[img]http://www0.ccidnet.com/school/multimedia//2002/12/31/image/0301.gif[/img]l0lW$@2~
t#SlRpMc
5、这之后,我们还要到图层面板中[color=Blue]将layer1拖动到layer2的上面来。D3V:~/aA|:H
[/color][img]http://www0.ccidnet.com/school/multimedia//2002/12/31/image/0302.gif[/img]
}&o'o
S+|4R/u"ab(o
L+O2Iz%L ThU
Ok!这里算是一个小段落,下面,我们将进行以下简单的“魔术”,来让我们的边框变成你希望的“像素边框”:)
]xI0d9u7w
f qeXc9c fO
6、现在,让我[color=Blue]在layer1上单击右键,在跳出的菜单中选择混合选项[/color],这时会跳出图层样式窗口,我们只需要在这个里面进行几下简单的设置就行了。
/u3qP6mN&{:z
;Gw#_/Z:x o
1)首先,我们点击描边样式,大家可以根据我的设置来调整,其中,颜色使用#B6BCD7效果较好。当然,具体颜色你可以自己定夺:)u'P!EB+?r#w8z1K,GR
6A3c"\ Tk%n
[img]http://www0.ccidnet.com/school/multimedia//2002/12/31/image/0303.gif[/img]']l5Jx:IT
ZpGvR2`/B9q
2)然后投影样式
/a$k(Go6v5OW
Va'[
[img]http://www0.ccidnet.com/school/multimedia//2002/12/31/image/0304.gif[/img]R[b]
p
,NQ7d
d6^:S9_%]5t
现在看看你的图片,呵呵,效果出来了吧,我说是“魔术”似乎不是很过分啊:)ps的强大功能真的是让人佩服!ea\!_jWN
[img]http://www0.ccidnet.com/school/multimedia//2002/12/31/image/0305.gif[/img]
`;E
L&{?;B
Q].z'C5fye
这是我做的了:)W o5PXZW
T"xJnVK5X!bD
其实到这里,我们的教程就基本上完成了,但是这样一个效果看起来也太衰了对吧,那么下面我们再简单的进行一些改进:)1koD y)K~
-]p)hc M*Pc(yv
现在我们来再给他加一点简单的效果,让他看起来更nice一点:):?K/w.J{
,j g { u q:`C$b j
7、让我们来给他加上一点隔断,先确定你的图层面板中选取上layer1,然后使用直线工具,像我这样设置:-q{0yHk0J$s
/|^'Eh;r c;EO&Z`.L
[img]http://www0.ccidnet.com/school/multimedia//2002/12/31/image/0306.jpg[/img]$w
a!b}0{G
Z;S-c#P3BS}:W [,J_
ok!现在尽量贴近你刚才所绘制的矩形边框,按下SHIFT同时拖动出一条直线来,你可以看到,他很自然的应用上了layer1的效果。J&l$tW%IBv5z
[img]http://www0.ccidnet.com/school/multimedia//2002/12/31/image/0307.gif[/img]
b0UK TT#fu{
6SE1[Epz%D
ok了,再进行一点修饰!`H1~5evqdqOF
[img]http://www0.ccidnet.com/school/multimedia//2002/12/31/image/0308.gif[/img]