张峻宁官方论坛 » 教程天地 » [PS][ZT]像素边框的制作


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;YhQ g/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 {5F mX8cn
[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%LThU
Ok!这里算是一个小段落,下面,我们将进行以下简单的“魔术”,来让我们的边框变成你希望的“像素边框”:)
]x I0d9u7w fqeXc9cfO
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

ZpGv R2`/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 \!_jW N
[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 其实到这里,我们的教程就基本上完成了,但是这样一个效果看起来也太衰了对吧,那么下面我们再简单的进行一些改进:)1koDy)K~

-]p)hc M*Pc(yv 现在我们来再给他加一点简单的效果,让他看起来更nice一点:):?K/w.J{
,j g { uq:` C$b j
7、让我们来给他加上一点隔断,先确定你的图层面板中选取上layer1,然后使用直线工具,像我这样设置:-q{0yHk0J$s
/|^'E h;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]
b0UKTT#fu{ 6SE1[E pz%D
ok了,再进行一点修饰!`H1~5evqd qOF
[img]http://www0.ccidnet.com/school/multimedia//2002/12/31/image/0308.gif[/img]

2007-7-31 17:17 m-cinderella
我也来试一试```
0x4_~#QO| 嘿嘿``:smil0015

2007-8-1 23:14 lu_lu
顶一下咯                  
h{hRySm%YI 呵呵:smil0007

页: [1]
查看完整版本: [PS][ZT]像素边框的制作


Powered by Discuz! Archiver 5.5.0  © 2001-2006 Comsenz Inc.