4、精彩的图层世界
(2)会跑动的面板(上)
在例子中,单击这个小猫,活动菜单就会跟着它出来,再单击,菜单又回去了。我们先来制作这个效果!
在制作这个例子之前,请把这些图片下载到你的img目录下。
首先建立一个新层(如何插入层),宽250,高157,Left值为0,Top值为22(图1)。

图1 设置层的属性
当前层的名字为Layer1,选img目录下的b-bg.gif文件作为layer1层的背景,新层变成下面的样子(图2)。

图2 有图层背景的效果
接下来在这个图层中再插入一个图层,也就是层的嵌套。单击对象面板中的图层图标,并将其拖动到layer1层中,释放鼠标。
按下F11,调出图层窗口。从图层窗口中可以看到,新建的图层layer2在layer1下,表示layer1为父图层,layer2为子图层(图3)。

图3 图层间的关系
选中layer1图层,用鼠标移动此图层的位置,可以看到layer2图层也随着动;在图层窗口中点一下layer1图层前的空白,出现一只闭着的眼睛,表示此图层为不可见,文档编辑窗口中什么都没有了,也就是说不只是layer1看不见了,连layer2图层出不见了。这个试验说明,嵌套图层中,子图层随着父图层移动而移动,并且继承父图层的可见性。再点一下图层窗口中闭着的眼睛图标,眼睛睁开了,两个图层都看得见了。
我们将layer2图层改名为cat1,然后在图层中插入做好的动态卡通图cat1.gif,是一只向右行走的卡通猫。调整图层的大小,使其刚好容纳这幅图,移动图层,使其处于右侧居中位置(图4)。

图4 子图层中加放图片的效果(点击看效果)
选中cat1图层,按下Ctrl+C键进行复制,在layer1图层中单击鼠标,将光标定位在此图层中,再按Ctrl+V键进行粘贴,从图层窗口中看到layer1图层包含了两个名为cat1的子图层,将第二个子图层改名为cat2(图5)。

图5 修改图层名字
选中cat2图层,双击图层中的卡通图,弹出图片选择对话框,当前图形为cat1.gif,选择cat2.gif,cat2图层中的图片就变成了一个向左行走的卡通猫(图6)。

图6 加入第二个卡通猫(点击看效果)
接下来我们制作Timelines动画。选择“Windows”菜单中的“Timelines”命令,调出Timelines编辑窗口。
Timelines可以根据时间改变图层及图片的属性,比如改变图层的位置、尺寸、可见性等。
选中layer1图层,将其拖到“Timelines窗口”中,一个紫色的长条显示在Timeline的第一行通道中,里面还有图层的名字layer1(图7)。

图7 timeline面板
用鼠标在紫色长条开始处单击,此时处于Timeline第一帧处,在layer1图层的属性面板中,将left值改为-180pt,敲回车后,在文档中就只能看到卡通图了,表示在第一帧图层处于这个位置,在第紫色长条最后点一下,看到图层又在最初设定的位置了,表示第十五帧图层回到原来位置(图8)。

图8 timeline的制作
按住“Timelines窗口”中的向右箭头不放,可以预览动画效果,可以看到layer1图层从左侧“走过来”的效果。在“Timelines窗口”中,可以看到当前动画名字为Timeline1,用鼠标此文本框中单击,输入“cat1”作为这个Timeline动画的名字。
上一节 下一节

谈谈您的看法
|