
An动画设计-按钮小动画效果制作.docx
6页让每一名学员高薪就业 An 动画设计-按钮小动画效果制作准备素材先用 PS 制作好一枚精致的小按钮图标,然后使用“WEB 存储为所有格式”导出该按钮图标的 PNG 格式(导出格式选择- ”png-24”)接下来,就可以开始打开我们的 An (原名:Flash), 开始制作我们的按钮图标动画了打开软件,新建一个 ActionScript3.0 类型的文档 让每一名学员高薪就业 背景舞台设置一个深灰色(可以在界面右侧的属性面板中找到---舞台)使用左侧顶部菜单栏中的“文件”,选择“导入-导入到库”把我们的输出文件给导入到库中(库-可以在整体界面右侧的属性面板旁边选择) 让每一名学员高薪就业 接下来,使用快捷键“Ctrl+F8”创建一个新元件- 元件类型选择 “按钮”在新的元件舞台上,使用我们的按钮元件的时间轴编辑动画“帧”(此时,可以直接从库中把我们的按钮图片拖入元件的舞台之上)对应的时间轴状态如下: 让每一名学员高薪就业 这时候鼠标选择“按下”位置的帧右键弹出选择框,选择“插入关键帧”得到如下状态的时间轴的“帧”此刻,回到舞台上,选择我们对应该帧的图片,然后最右侧工具栏选择“任意变形工具” 让每一名学员高薪就业 使用鼠标将我们这一帧的图片内容等比例缩小一点(按住 Shift 键缩放) 。
8.然后,回到我们的主舞台之上(舞台界面左上角位置,点击如图所示的“场景 1”) ,再从库里把我们的“按钮元件”拖拽至主舞台上摆放好 让每一名学员高薪就业 9.最后,只需点击”Ctrl+Entre” 就可以预览我们的按钮小图标的点击动画效果了!可以自己试着把鼠标移到按钮之上点击看效果。
