» 您尚未 登录   注册 | 社区服务 | 在线音乐 | 帮助 | 转贴工具 | 社区 | 无图版

五颜六色论坛 -> 素材资源 -> [原创]利用网上的PSD素材做成网站一例
 XML   RSS 2.0   WAP 

常州五颜六色网络技术有限公司 五颜六色网 五颜六色网-Flash欣赏 五颜六色-在线音乐
五颜六色网诚聘市场营销人员(全职) 本论坛QQ群8375513,欢迎加入

--> 本页主题: [原创]利用网上的PSD素材做成网站一例 加为IE收藏 | 收藏主题 | 上一主题 | 下一主题
无言沙漠

终身成就奖
头衔:5y6s.net Team5y6s.net Team
该用户目前不在线
级别: 管理员
精华: 25
发帖: 7470
威望: 96 点
金钱: 2671 RMB
贡献值: 1095 点
朋友圈: 男人俱乐部
在线时间:1511(小时)
注册时间:2003-10-06
最后登录:2008-11-13
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


[原创]利用网上的PSD素材做成网站一例

1、首先是找到你认为合适的psd文件 #!4 HSBf  
#/hXcF  
7X.B  
2、将psd文件分成header和main两部分,这样方便制作修改,起来也方便,为了不使图片质量下降可以在你认为合适的位置用参考线标记。然后选中背景图层,在参考线以上部分用矩形选框工具选择,“Ctrl+C”然后“Ctrl+N”新建图层,方便快捷的知道header部分高度。 L@G~9{U>  
V24FzQ?z:.  
!q^2| %  
):5H,B+Vr&  
!L@a ;L  
选择“画布大小”将来修改高度(刚刚已经知道)注意定位 j[:Iu#VR  
N8m3 Wy  
Pbakw81!~  
然后另存为,用同样方法可以得到main的psd文件,打开新的psd文件,去掉多余图层即可。

[楼 主] | Posted: 2005-01-09 04:06 顶端
无言沙漠

终身成就奖
头衔:5y6s.net Team5y6s.net Team
该用户目前不在线
级别: 管理员
精华: 25
发帖: 7470
威望: 96 点
金钱: 2671 RMB
贡献值: 1095 点
朋友圈: 男人俱乐部
在线时间:1511(小时)
注册时间:2003-10-06
最后登录:2008-11-13
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


header部分制作 eQqCRXx  
sp0_f;bC  
j2 >WHh  
>: J1Gc  
看图片,很适合用一个大的flash来处理。 qi8AK(v  
9R&.$5[W(s  
首先规划下flash应该如何制作,左边上面部分用闪光的效果,左边下面部分的按钮逐个出现。右边的公司名称下面的白底,我想让从下到上出现,公司名字和标志也做逐个出现。计划好了,就可以行动了。 VHL[Y  
gDX\ p>7  
因为要做白底的效果,所以我将header的psd分左右两部分,左边导出,并且导入flash,加入闪光效果和按钮效果(相信大家都是flash高手,这里就不做详细介绍了)我就简单介绍下右边部分的效果吧。 "# Q"gC.K  
7&V3f=aj6  
分别取得以下2个图层 Lr`Gyl62  
S@4bpnhK  
KT<N ;[;  
*r6v9  
导入flash,白色的图层在下面,另一个图层在上面,白色的就可以做成从下到上的效果了。 =v{ R(IX%  
D2\EpL/  
下面送上,flash源码和header部分的psd图 wFBSux$  
~AF' 6"A  
Flash源码: 点击浏览该文件 =Q!V6+}nY^  
Psd文件: 点击浏览该文件 4%u\dTg/B  
i \.&8  

[1 楼] | Posted: 2005-01-09 04:10 顶端
无言沙漠

终身成就奖
头衔:5y6s.net Team5y6s.net Team
该用户目前不在线
级别: 管理员
精华: 25
发帖: 7470
威望: 96 点
金钱: 2671 RMB
贡献值: 1095 点
朋友圈: 男人俱乐部
在线时间:1511(小时)
注册时间:2003-10-06
最后登录:2008-11-13
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


main部分制作 <Z^qBM  
F|{F'UXj|  
打开main部分psd做好规划,大体分成上、中、下3部分。 'Bb@K[=s  
5_~QS  
Od@<L  
N_qKIc_R  
利用一开始介绍的方法,将psd文件逐步分解导成图片,然后在DW中间处理,就可以得到你想要的效果 qk=0ovUzg  
Fl;!'1  

[2 楼] | Posted: 2005-01-09 04:12 顶端
无言沙漠

终身成就奖
头衔:5y6s.net Team5y6s.net Team
该用户目前不在线
级别: 管理员
精华: 25
发帖: 7470
威望: 96 点
金钱: 2671 RMB
贡献值: 1095 点
朋友圈: 男人俱乐部
在线时间:1511(小时)
注册时间:2003-10-06
最后登录:2008-11-13
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


footer部分 /nPNHO>U  
$,b1`*  
footer部分实在过于简单,就不做介绍了。 [9<c;&$LU  
%`]&c)&#Z  
另外送上网站源码给大家参考。 1<9=J`(H  
Kia34 ~W  
点击浏览该文件

[3 楼] | Posted: 2005-01-09 04:14 顶端
无言沙漠

终身成就奖
头衔:5y6s.net Team5y6s.net Team
该用户目前不在线
级别: 管理员
精华: 25
发帖: 7470
威望: 96 点
金钱: 2671 RMB
贡献值: 1095 点
朋友圈: 男人俱乐部
在线时间:1511(小时)
注册时间:2003-10-06
最后登录:2008-11-13
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


后记 p_CCKU  
 jRhRw;  
此法只适合要求不高,页面不多的企业网站,而且本来就是借助于网上下载的PSD素材,有点类似快餐式的,网站制作。 T*92o:^  
aEdc8i ?  
以上只是本人一点愚见,希望不会贻笑大方。 AA[?a  
<=@6UPsn2  

[4 楼] | Posted: 2005-01-09 04:14 顶端
windok


该用户目前不在线
级别: 绿色
精华: 0
发帖: 827
威望: 8 点
金钱: 2554 RMB
贡献值: 0 点
在线时间:148(小时)
注册时间:2005-07-08
最后登录:2006-11-07
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


棒极了,有那些用韩国网站,然后中间很多曲线的那些应该怎么做??
[5 楼] | Posted: 2005-07-14 07:26 顶端
luyu




该用户目前不在线
级别: 黄色
精华: 0
发帖: 123
威望: 1 点
金钱: 446 RMB
贡献值: 0 点
在线时间:10(小时)
注册时间:2005-07-20
最后登录:2005-09-01
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


不是太详细是不太会。
[6 楼] | Posted: 2005-07-25 14:35 顶端
tian812002




该用户目前不在线
级别: 赤色
精华: 0
发帖: 21
威望: 1 点
金钱: 242 RMB
贡献值: 0 点
在线时间:0(小时)
注册时间:2005-08-18
最后登录:2005-08-26
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


好的
[7 楼] | Posted: 2005-08-18 09:36 顶端
无言沙漠

终身成就奖
头衔:5y6s.net Team5y6s.net Team
该用户目前不在线
级别: 管理员
精华: 25
发帖: 7470
威望: 96 点
金钱: 2671 RMB
贡献值: 1095 点
朋友圈: 男人俱乐部
在线时间:1511(小时)
注册时间:2003-10-06
最后登录:2008-11-13
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


如果看不了,可以到闪吧查看 gCc::[}\Y  
http://bbs.flash8.net/bbs/dispbbs.asp?BoardID=49&ID=218387

[8 楼] | Posted: 2005-09-19 23:19 顶端
windok


该用户目前不在线
级别: 绿色
精华: 0
发帖: 827
威望: 8 点
金钱: 2554 RMB
贡献值: 0 点
在线时间:148(小时)
注册时间:2005-07-08
最后登录:2006-11-07
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


已经看过了~
[9 楼] | Posted: 2005-09-20 00:02 顶端
deserts


头衔:5y6s Inc.5y6s Inc.
该用户目前不在线
级别: 总版主
精华: 6
发帖: 12516
威望: 58 点
金钱: 6883 RMB
贡献值: 76 点
朋友圈: 男人俱乐部
在线时间:2629(小时)
注册时间:2004-09-12
最后登录:2008-12-04
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


QUOTE:
下面是引用windok于05,09-20 00:02发表的: H7 acT  
已经看过了~
nRpZ;X)'.  
感觉如何?

[10 楼] | Posted: 2005-09-24 12:46 顶端
稻草人


该用户目前不在线
级别: 黄色
精华: 0
发帖: 345
威望: 18 点
金钱: 2005 RMB
贡献值: 0 点
在线时间:57(小时)
注册时间:2004-04-27
最后登录:2008-08-21
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


希望沙漠多做些这方面的教程 不错啊
[11 楼] | Posted: 2005-09-28 13:37 顶端
chinaphp


该用户目前不在线
级别: 贵宾
精华: 0
发帖: 10
威望: 32 点
金钱: 3320 RMB
贡献值: 0 点
在线时间:36(小时)
注册时间:2004-11-10
最后登录:2006-10-06
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


沙漠做的不错啊 鼓掌
[12 楼] | Posted: 2005-09-29 01:08 顶端
苑苑


该用户目前不在线
级别: 赤色
精华: 0
发帖: 15
威望: 1 点
金钱: 230 RMB
贡献值: 0 点
在线时间:0(小时)
注册时间:2005-08-25
最后登录:2005-11-19
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


支持下~
[13 楼] | Posted: 2005-10-31 13:00 顶端
jdvv


该用户目前不在线
级别: 赤色
精华: 0
发帖: 18
威望: 0 点
金钱: 136 RMB
贡献值: 0 点
在线时间:2(小时)
注册时间:2006-11-30
最后登录:2006-12-04
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


[WZGu6$SU  
zVeQKN9^Z  

[14 楼] | Posted: 2006-12-01 01:15 顶端
海带


头衔:‘新生力量‘新生力量
该用户目前不在线
级别: 绿色
精华: 1
发帖: 693
威望: 17 点
金钱: 495 RMB
贡献值: 0 点
在线时间:106(小时)
注册时间:2007-01-02
最后登录:2008-05-14
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


晕,好强,我以前都是用FIREWORKS去外文字的. 现在豁然开朗.
[15 楼] | Posted: 2007-01-02 22:31 顶端
ynqhy




该用户目前不在线
级别: 赤色
精华: 0
发帖: 18
威望: 0 点
金钱: 18 RMB
贡献值: 0 点
在线时间:0(小时)
注册时间:2007-05-03
最后登录:2008-06-09
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


感谢楼主无私奉献!
[16 楼] | Posted: 2007-05-04 10:22 顶端

五颜六色论坛 -> 素材资源



[ 五颜六色网 ]
Copyright © 2003-2008 5y6s.net 苏ICP备05001866号 Powered by PHPWind 5.0.1
会员言论不代表本站立场 本站法律顾问:北京汇泽律师事务所 韩律师
Total 0.050655(s) query 5, Gzip enabled