网页背景制作

Posted zsf1

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网页背景制作相关的知识,希望对你有一定的参考价值。

网页背景制作

1 实验目的

通过对网页背景实例的制作,学习对钢笔路径工具的应用,复制图层与图层编组的使用方法。深入了解图层蒙版的概念与原理。复习对径向渐变工具以及自由变形工具的应用。

2 实验任务

利用所给出的素材,实现在新建图层上实现光线四射的效果。要求深入理解解图层蒙版的概念与原理。复习和深化钢笔路径工具、径向渐变工具、以及自由变形工具的应用。学会多个图层的成组管理。

3 实验环境

Window 7系统、PhotoshopCS5、Jpeg图像素材

 

4 实验步骤

1.将素材中的盒子进行抠图

技术分享图片

2. 新建一个文档并将其改变背景色,将抠图的盒子放进来。

 

技术分享图片

 

3.在背景上进行矩形框和圆角矩形工具的使用,使得可以在上面添加字体。

技术分享图片

 

4. 将文字通过大小安排,放到刚刚做好的矩形框里,使得整个布局看的整齐大方。

技术分享图片

 

5.最后对于图进行一些优化和细节上的处理。

 

以上是关于网页背景制作的主要内容,如果未能解决你的问题,请参考以下文章

网页背景制作

关于用DW制作网页背景的基础问题,见问题补充,俺新手,谢谢哈

网页制作中,我使用滤镜,把背景颜色黑色半透明了,但它也把我黑色背景上的字体也给半透明了,求高手指...

网页设计与制作试题 寻高手做

(网页制作 Dreamweaver) 如何实现: 背景图片拉伸??

在网页制作中如何控制DIV居中显示,用CSS怎么控制背景图片大小?