快速业务通道

利用网上的PSD素材做成网站一例

作者 佚名技术 来源 服务器技术 浏览 发布时间 2012-07-12


1、首先是找到你认为合适的psd文件 按此在新窗口浏览图片 2、将psd文件分成header和main两部分,这样方便制作修改,起来也方便,为了不使图片质量下降可以在你认为合适的位置用参考线标记。然后选中背景图层,在参考线以上部分用矩形选框工具选择,“Ctrl+C”然后“Ctrl+N”新建图层,方便快捷的知道header部分高度。 按此在新窗口浏览图片 按此在新窗口浏览图片 选择“画布大小”将来修改高度(刚刚已经知道)注意定位 按此在新窗口浏览图片 然后另存为,用同样方法可以得到main的psd文件,打开新的psd文件,去掉多余图层即可。
header部分制作 按此在新窗口浏览图片 看图片,很适合用一个大的Flash来处理。 首先规划下flash应该如何制作,左边上面部分用闪光的效果,左边下面部分的按钮逐个出现。右边的公司名称下面的白底,我想让从下到上出现,公司名字和标志也做逐个出现。计划好了,就可以行动了。 因为要做白底的效果,所以我将header的psd分左右两部分,左边导出,并且导入flash,加入闪光效果和按钮效果(相信大家都是flash高手,这里就不做详细介绍了)我就简单介绍下右边部分的效果吧。 分别取得以下2个图层 按此在新窗口浏览图片 导入flash,白色的图层在下面,另一个图层在上面,白色的就可以做成从下到上的效果了。 下面送上,flash源码和header部分的psd图 Flash源码:
点击浏览该文件
Flash文件:[
点击浏览该文件 Psd文件:
点击浏览该文件
UploadFile/2005-1/20051934034547.swf
main部分制作 打开main部分psd做好规划,大体分成上、中、下3部分。 按此在新窗口浏览图片 利用一开始介绍的方法,将psd文件逐步分解导成图片,然后在DW中间处理,就可以得到你想要的效果 按此在新窗口浏览图片

footer部分 footer部分实在过于简单,就不做介绍了。 另外送上网站源码给大家参考。
点击浏览该文件
后记 此法只适合要求不高,页面不多的企业网站,而且本来就是借助于网上下载的PSD素材,有点类似快餐式的,网站制作。 以上只是本人一点愚见,希望不会贻笑大方。 关键词:网站

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号