收藏 分享(赏)

Photoshop.CS3.Flash.CS3.Dreamweaver.CS3商业网站开发从入门到精通-教学PPT第4章 制作网页背景.ppt

上传人:dzzj200808 文档编号:4299660 上传时间:2018-12-21 格式:PPT 页数:10 大小:717KB
下载 相关 举报
Photoshop.CS3.Flash.CS3.Dreamweaver.CS3商业网站开发从入门到精通-教学PPT第4章  制作网页背景.ppt_第1页
第1页 / 共10页
Photoshop.CS3.Flash.CS3.Dreamweaver.CS3商业网站开发从入门到精通-教学PPT第4章  制作网页背景.ppt_第2页
第2页 / 共10页
Photoshop.CS3.Flash.CS3.Dreamweaver.CS3商业网站开发从入门到精通-教学PPT第4章  制作网页背景.ppt_第3页
第3页 / 共10页
Photoshop.CS3.Flash.CS3.Dreamweaver.CS3商业网站开发从入门到精通-教学PPT第4章  制作网页背景.ppt_第4页
第4页 / 共10页
Photoshop.CS3.Flash.CS3.Dreamweaver.CS3商业网站开发从入门到精通-教学PPT第4章  制作网页背景.ppt_第5页
第5页 / 共10页
点击查看更多>>
资源描述

1、第4章 制作网页背景,网页背景是指在网页内容以外,用来填充页面空白区域的部分。大多数的站点都采用单一的颜色,或者渐变的颜色作为背景。也有一些站点使用比较复杂的背景。无论使用哪种背景,其作用都是用来美化页面,或者突出主题和主体内容。下面是一个使用网页背景的示例,其显示效果如图所示。,4.1 制作渐变的页面背景,渐变的页面背景使用得非常广泛,制作也比较简单。在实际制作网页的时候,为了加快页面显示的速度,一般要使用尽量小的图像文件。所以一般的网页背景都是采用小图片重复排列来显示。这样就要求在制作渐变的时候,最好使用线性渐变。目的是方便背景的重复排列。在Photoshop中,制作渐变有两种方式,使用“

2、渐变填充”工具和使用图层样式。下面分别进行讲解。,4.1.1 使用渐变填充工具制作渐变背景,使用“渐变”工具是实现渐变填充的最常用的方法。首先要在“渐变编辑器”对话框中设置填充的颜色,然后在画布的适当区域上填充渐变颜色。本实例要制作的效果为白色到深灰色,然后再到白色的渐变背景,具体操如下所示。,4.1.2 使用图层样式制作渐变背景,使用图层样式实现渐变填充也是常用的方法。首先要选择制作渐变的图层或者选区,然后在“图层样式”对话框中,选择渐变叠加样式填充渐变颜色,具体操作如下所示。,4.2 制作图案式网页背景,图案式网页背景的制作方法较为复杂一些,要综合使用各种工具和面板进行制作,同时也可以使用

3、自己搜集的素材。在本实例中制作的图案式网页背景为天空、野草和土地组成的图像,包括制作野草的画笔预设、制作野草图案、制作天空图案、制作地面图案4部分。下面分别进行讲解。,4.2.1 制作野草的画笔预设,在制作具体的网页背景之前,首先要制作需要使用的画笔预设,具体操作如下所示。,4.2.2 制作野草图案,制作好野草的画笔预设后,要使用“路径”工具和“画笔”工具等,制作背景中的野草图案,具体操作如下所示。,4.2.3 制作天空图案,天空图案的制作相对较为简单。首先要在“渐变编辑器”对话框中设置填充的颜色,然后在画布的适当区域上填充渐变颜色,具体操作如下所示。,4.2.4 制作地面图案,制作地面图案要使用“滤镜”工具制作,具体操作如下所示。,4.3 专家总结,在网页效果图的制作中,背景部分是要优先考虑的部分。好的网页背景可以烘托出页面的主题,制作出很好的页面氛围。在制作背景时要注意,因为背景中并不显示有意义的内容,所以最好不要制作得过于复杂。另外,由于背景部分一般要显示在整个页面中,所以最好能够使用重复排列的方法显示,以减少加载背景图片的时间。,

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 网络科技 > Flash/Flex

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报