五颜六色论坛 -> 素材资源 -> [原创]利用网上的PSD素材做成网站一例 登录 -> 注册 -> 回复主题 -> 发表主题

无言沙漠 2005-01-09 04:06
1、首先是找到你认为合适的psd文件 -QCo]:cp  
s0v?*GRX  
Sj(uc#  
2、将psd文件分成header和main两部分，这样方便制作修改，起来也方便，为了不使图片质量下降可以在你认为合适的位置用参考线标记。然后选中背景图层，在参考线以上部分用矩形选框工具选择，“Ctrl+C”然后“Ctrl+N”新建图层，方便快捷的知道header部分高度。 d6,%P 6  
K+Al8L?K_  
B`<(qPD  
Xj"/6|X  
l/[@1(F  
选择“画布大小”将来修改高度（刚刚已经知道）注意定位 A,e/y  
)<9g+^  
zC!]bWsD  
然后另存为，用同样方法可以得到main的psd文件，打开新的psd文件，去掉多余图层即可。

无言沙漠 2005-01-09 04:10
header部分制作 b/ ~&M+)  
d{9jd{ _#G  
KOw Ew~  
:@YZ6?hf  
看图片，很适合用一个大的flash来处理。 %T1(3T{Li  
sQTW?KA-Te  
首先规划下flash应该如何制作，左边上面部分用闪光的效果，左边下面部分的按钮逐个出现。右边的公司名称下面的白底，我想让从下到上出现，公司名字和标志也做逐个出现。计划好了，就可以行动了。 Q,)G_lO  
&b{L|I'KYT  
因为要做白底的效果，所以我将header的psd分左右两部分，左边导出，并且导入flash，加入闪光效果和按钮效果（相信大家都是flash高手，这里就不做详细介绍了）我就简单介绍下右边部分的效果吧。 Lo9+#ITyx  
#l{qb]n]  
分别取得以下2个图层 97<Y. 0  
-C.eXR{s  
L88oh&M  
`[Z?&'CRQ  
导入flash，白色的图层在下面，另一个图层在上面，白色的就可以做成从下到上的效果了。 "4Anh1,js  
JnPA;1@/  
下面送上，flash源码和header部分的psd图 rS6iZp,  
[+ 1([#  
Flash源码： 点击浏览该文件 0( /eSmet  
Psd文件： 点击浏览该文件 sF(U?)48  
hb^e2@i;Oq  

无言沙漠 2005-01-09 04:12
main部分制作 v[HxO?x^  
$`]<4I9d  
打开main部分psd做好规划，大体分成上、中、下3部分。 ~6@~fhu  
E9 q8tE}  
NB16O !r  
{Y\hr+A  
利用一开始介绍的方法，将psd文件逐步分解导成图片，然后在DW中间处理，就可以得到你想要的效果 >Z>*Iz,LP  
>.M `Fz.  

无言沙漠 2005-01-09 04:14
footer部分 Wb^YqqE  
Pxl7zz&pl=  
footer部分实在过于简单，就不做介绍了。 QQ pe.oF  
rrmr#a  
另外送上网站源码给大家参考。 RW%e%  
o-49o5:1  
点击浏览该文件

无言沙漠 2005-01-09 04:14
后记 ( O/+.qb  
UZqk2D  
此法只适合要求不高，页面不多的企业网站，而且本来就是借助于网上下载的PSD素材，有点类似快餐式的，网站制作。 B$%7U><'  
ejC== Fkc  
以上只是本人一点愚见，希望不会贻笑大方。 I4^}C;p0?  
q=h~zj Q?R  

windok 2005-07-14 07:26
棒极了，有那些用韩国网站，然后中间很多曲线的那些应该怎么做？？

luyu 2005-07-25 14:35
不是太详细是不太会。

tian812002 2005-08-18 09:36
好的

无言沙漠 2005-09-19 23:19
如果看不了，可以到闪吧查看 I^S gWC  
http://bbs.flash8.net/bbs/dispbbs.asp?BoardID=49&ID=218387

windok 2005-09-20 00:02
已经看过了~

deserts 2005-09-24 12:46
QUOTE:
下面是引用windok于05,09-20 00:02发表的: ` Z/ MQ  
已经看过了~
xI.0m  
感觉如何？

稻草人 2005-09-28 13:37
希望沙漠多做些这方面的教程 不错啊

chinaphp 2005-09-29 01:08
沙漠做的不错啊 鼓掌

苑苑 2005-10-31 13:00
支持下~

jdvv 2006-12-01 01:15
好玩，喜欢 WeRDaG  
 xP'0a  

海带 2007-01-02 22:31
晕,好强,我以前都是用FIREWORKS去外文字的. 现在豁然开朗.

ynqhy 2007-05-04 10:22
感谢楼主无私奉献！


查看完整版本: [-- [原创]利用网上的PSD素材做成网站一例 --] [-- top --]


[ 五颜六色论坛 ]

Powered by PHPWind 5.0.1 © 2005 苏ICP备05001866号 5y6s.net
Time 0.044572 second(s),query:4 Gzip enabled