首页 理论教育 使用时间轴关键帧制作图片切换-网站制作基础

使用时间轴关键帧制作图片切换-网站制作基础

时间:2023-11-09 理论教育 版权反馈
【摘要】:图4-1-13面板步骤2选中网页中的图片对象,鼠标按住图片,将图片拖放到时间轴的第一时间线上,设置播放帧的长度为20,如图4-1-14所示。图4-1-14拖动图像对象到时间轴提示说明:可以根据需要,将某些不需要的帧删除。同理,使用类似方法可以添加帧。

使用时间轴关键帧制作图片切换-网站制作基础

步骤1 接上例。在“action.html”网页中,点击【窗口】菜单中的【时间轴】命令,下方出现【时间轴】面板,如图4-1-13所示。

图4-1-13 【时间轴】面板

步骤2 选中网页中的图片对象,鼠标按住图片,将图片拖放到时间轴的第一时间线上,设置播放帧的长度为20,如图4-1-14所示。

图4-1-14 拖动图像对象到时间轴

提示说明:可以根据需要,将某些不需要的帧删除。具体操作,鼠标左键选中待删除的帧,然后点击鼠标右键,在弹出的快捷菜单中选中【移除帧】命令即可。同理,使用类似方法可以添加帧。

步骤3 将光标移到【时间轴】面板中的第21帧处,接着用鼠标点击图片,在下方的【属性】面板中,修改“源文件”栏中的内容为“image/action2.jpg”,然后将该图像对象拖放到【时间轴】面板的第一时间线的第21帧处,设置播放帧的长度为20(按同样设置和操作,将action3.jpg的图像对象拖放到时间轴,播放帧的长度为20),如图4-1-15所示。

图4-1-15 拖动图像对象到时间轴

步骤4 用鼠标勾选【时间轴】面板上的“自动播放”和“循环”两个复选框。(www.xing528.com)

图4-1-16 自动切换图片预览效果

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈