虫虫爬网之Dreamweaver变魔术(2)

轻舞飞扬


　　蓝天白云下，一个美丽的女孩楚楚动人，她站在樱花树下，片片花瓣随风飘落，女孩的眼睛如水，她在……？好美呀！如此意境，想一想假如您的主页上有如此美景，一定……这可不是《心跳回忆》，但是是个动态网页的效果而已，什么，您早就会了，那么您用的是什么？用GIF动画？用Java？其实，用Dreamweaver的图层（Layer）和时间轴（Timeline）能够轻松地实现这一效果，好啦！闲话少说，言归正传，请跟我进入Dreamweaver之轻舞飞扬篇。打开Dreamweaver，新建一HTML文档，按Ctrl＋J打开页面属性，分别配置好相应的标题和背景图片，在此我使用一幅蓝天的背景。


　　建立图层，插入图像。打开菜单中的“插入”栏，选择“层”，在页面中插入一个空白层，将光标移至该空白层中，按Ctrl＋Alt＋I，在空白层中插入一幅樱花花枝的图片，按住鼠标左键，选择图层，将图层拖到适当的位置。


　　重复第2步，分别建立图层2、图层3、图层4，分别引入樱花花瓣，并将相应的图层拖到樱花花枝的位置。


　　最激动人心的时刻到了！我们要让花瓣飘起来，进入Dreamweaver的魔术师Timeline(时间轴)，按F9打开时间轴，选择有樱花花瓣的图层，按住鼠标左键，将该图层拖入Timeline(时间轴)的面板中，在Timeline(时间轴)的面板中会出现一条蓝线，代表该图层在各个时间段上的动作，将红色的竖线移到蓝线的末端，代表该图层最后结束的位置和动作，将图层拖至飘落的地位，此时，在该图层的起点和终点之间会有一条线相连，这就是该图层所运动的轨迹。


　　我们的花瓣能够动了，不信您试试，但是，怎么看都像是石头往下掉，别急嘛，我不是说要有一点耐心吗？请将鼠标移到Timeline(时间轴)的控制面板中，按右键，选中“添加关键帧”项，在时间轴中分别添加关键帧。


　　将鼠标移至各关键帧处，分别定义好图层在此时的位置和方向，尽量使花瓣产生飘落的感觉。重复第4步，分别制作一下相应花瓣的动作过程。在制作过程中，能够充分发挥各位的艺术想象力，做出的随风飘落的逼真花瓣来。

　　好了！终于完成了！能够轻松一下了，将文档保存，打开来看看，好酷呀！快，快，我要叫我的女友也来看看！

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有