今年圣诞节打算做点什么作品送给朋友们呢?我们为大家介绍了那么多的在线制作工具,有你需要的吗?这次我们一起来学习在线制作圣诞节网页如何?
一、网页背景制作
Background Image Maker 地址:lab.rails2u.com/bgmaker/
图1,效果预览
现在的网页设计师们都喜欢使用斜线效果的网页背景图,初学网页设计的朋友可能不知如何制作此类效果,其实这种效果使用在线背景制作工具就能轻松搞定了。打开https://lab.rails2u.com/bgmaker/这个网址,可看到醒目的“Background
Image Maker”标题,页面下左边是设计背景图像的所有工具(图2)。
图1
1.设计背景图案
圣诞节来临,互联网上到处都是充满了节日景象,这里我们使用“Background Image
Maker”的工具来设计一个喜庆气氛的背景图。首先在网页左边工具菜单面板“Type”的选项中为背景图片挑选一个图案,“Slash”是斜线效果、“Strip”是横线效果、“Dot”的点状效果、“Gradation”是竖行颜色渐变效果(图3)。
图3
2.设置图案间距
这里我们选择“Slash”斜线效果, 然后在“Margin”边线距离选项中给斜线间距设置为“2”PX(图4)。
图4
3.设计图案颜色
接下来设计背景图像的颜色了,在“Line
Color”中我们可以直接输入颜色代码,或拉动红、蓝、绿三种颜色的滑珠手动调解颜色。使用手动调节方式,可以在拉动滑珠的同时预览到颜色的变换(图5),这样我们很快的调节出红色效果。
图5
在“BackgroundColor”中我们还可以为这给背景图像设计它的背景颜色,不过应用于网页背景,直接使用透明“Transparent”效果较好。在背景图像尺寸“Size”选项处,使用“Auto”自动选项可不用限制它的尺寸。如果要增加背景图像的透明度,可在“Alpha”透明度选项中输入数值设定它的透明度,其中“0”为不启用透明效果,“127”完全透明(图6)。
4.发布图案
最后点击“Make”按钮就得到制作完成的背景图像了,如果为背景图像设计一个背景颜色,制作出来的效果也很漂亮(图7)。希望能立刻使用该背景效果图,从“URL”选项中复制图像的连接地址就ok了。我们可以利用这个链接,在使用Dreamwaver或其它工具制作网页时,让网页背景直接调用这个背景图像。
图7
(责任编辑:韩建光) |