轻松制作显示输入朋友名字的贺卡网页
2006-12-28 08:49:21 来源:WEB开发网核心提示:新的一年就要到来了,今天我们来制作一个很简单又非常有趣的动态贺卡页面送给自己的朋友们吧!我们首先用Fireworks来绘制一个可爱的新年场景,轻松制作显示输入朋友名字的贺卡网页,然后对绘制的图像进行切割,导出为HTML页面,颜色为#858786,采用柔化圆形的方式来得到一种朦胧的效果,再通过简单Javasript代码的
新的一年就要到来了,今天我们来制作一个很简单又非常有趣的动态贺卡页面送给自己的朋友们吧!我们首先用Fireworks来绘制一个可爱的新年场景,然后对绘制的图像进行切割,导出为HTML页面,再通过简单Javasript代码的调用,生成一个功能强大的贺卡页面:只要你输入好友姓名,就能够生成专门给好友的定制页面和链接。当朋友们收到你为他们送上的特殊祝福,一定会非常开心的。文章末尾提供原文件供大家下载参考。原文件下载
制作步骤:
一、静态场景绘制
场景描述:一场大雪之后,堆一个胖胖的雪人。蓝蓝的天空,白白的雪地上,一个憨厚可爱的雪人给寒冷的冬天带来了许多乐趣,就连顽皮的小狗狗都被吸引过来了,围着雪人好奇的看个不停。这个场景是不是也牵动了你们童年的思绪呢?
1. 我们首先在Fireworks中新建一个大小为1024×768的图像,从而能够让这个图片可以作为桌面来使用。先在脑海中构想一下蓝色的天空、白色的雪地。首先使用矩形工具为图像绘制一个背景,这里填充使用线性填充,左边的颜色滑块设置为#013366,右边的颜色滑块设置为#FFFFFF,得到如图1所示的图像。
图1 绘制图像背景
2、接下来我们就开始绘制雪人了。首先是雪人圆圆的脑袋,先绘制一个椭圆,填充设置为用白色实心填充,笔触大小为4,颜色为#858786,采用柔化圆形的方式来得到一种朦胧的效果,如图2所示。
[]
更多精彩
赞助商链接