设为首页 加入收藏 网站搜索 繁體中文 中国建站网 — 站长资源分享平台

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

来源:136z.Com 作者:佚名 时间:2005-06-20 23:54:49



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素材,有点类似快餐式的,网站制作。

以上只是本人一点愚见,希望不会贻笑大方。

Tags:

  • 好的评价 如果您觉得好,就请您
      0%(0)
  • 差的评价 如果您觉得差,就请您
      0%(0)
  • 相关文章
    广告赞助

    文章随便看看 设计素材 建站学院 网页模板 视频教程

    网友评论

    共有 0 位网友发表了评论,得分 0 分,平均 0 分    查看完整评论

    用户名: 查看更多评论

    分 值:100分 85分 70分 55分 40分 25分 10分 1分

    内 容:

             通知管理员 验证码: