
常用软件类: |
|杀毒安全 | |联络聊天 | |网络软件 | |多媒体类 | |系统工具 | |图形图像 | |系统工具 | |应用软件 | |行业软件 |
开发设计类: |
|动画制作 | |图像处理 | |3D设计 | |操作系统 | |站长学院 | |网络相关 | |WEB设计 | |数据库类 | |程序开发 |
Dreamweaver之所以能够超过Frontpage而成为网页设计师的首选设计工具,在于它对DHTML的强大设计功能,上面所说的效果,其实是DHTML的一种。但是使用Dreamweaver,你无须去编写冗长的代码,在DW的窗口里几个拖放,就能轻松搞定。
首先用Firework或Imageready一类的软件制作出几幅动态的GIF花瓣图片来。以ImageReady3.0为例子。按Ctrl+N 新建一个文件,大小100*100左右,背景色可根据网页的背景自行设定。按Ctrl + Shift + N新建一层,取名Flower1,用勾画工具(Polygonal Lasso Tool),勾画出一个花瓣的外形,如图1所示。然后将前景色设为粉红色(颜色代码为:FF99FF),按Edit / Fill 填充,然后在层面版的Flower1上按右键,选择Layer Style / Stroke ,如图2所示。在弹出的Stroke面板里的选择色彩的地方选择一个比刚才的粉红略深的颜色,(颜色代码为:C764B4),Size选择为1,这样花瓣就被描边,看上去更真实一些。这样一个花瓣就制作完成了。


下面我们来让花瓣动起来。将Flower1复制一层,在层上按右键,选择Duplicate Layer。取名为Flower2。打开Imageready的动画面板,操作方式为:Window / Show Animation,出现如图3的动画面板。按下最下面一排倒数第二个按纽,新建一个动画影格。回到并选中第一影格的位置,在层面板上将Flower2层隐藏。操作方式为单击层前的那个眼睛,如图4所示。


然后在动画面板上,选中第二影格的位置,回到层面板,显示Flower2层,隐藏Flower层。然后选中Flower2层,按Ctel + T,这时花瓣处于自由变换状态,可以用鼠标左右上下移动来改变花瓣的形状。如图5所示。