![Flash CC动画制作实战从入门到精通](https://wfqqreader-1252317822.image.myqcloud.com/cover/493/33039493/b_33039493.jpg)
实例009 图层——制作简单的按钮图形
在制作Flash动画时,一个单独的图层是无法满足复杂动画制作需求的,常常需要创建多个不同的图层,以满足不同对象的动画制作要求。本例将通过使用图层创建一个简单的按钮图形。
源文件 源文件\第1章\实例9.fla
视频 视频\第1章\实例9.swf
知识点 “新建图层”“渐变变形工具”“颜色”面板
学习时间 8分钟
实例分析
本实例主要使用“矩形工具”绘制按钮,并在“颜色”面板中调整渐变颜色,使用“渐变变形工具”对渐变色进行调整。然后新建图层,使用“文本工具”输入文字。制作完成效果如图1-39 所示。
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0032_0234.jpg?sign=1739362601-1qRdwekTjibi49rNBG4nPqrdC8JcJ9L3-0-41ca8343983f7c6e4046b24368590732)
图1-39 最终效果
知识点链接
文件夹的妙用是什么?
制作一个完整的动画,常常需要几个甚至几十个图层。为了方便读者对众多图层进行管理,可以新建图层“文件夹”,对同类型的图层进行编组管理。
操作步骤
01 执行“文件>新建”命令,弹出“新建文档”对话框,单击“确定”按钮,新建一个空白文档,如图1-40所示。选择工具箱中的“矩形工具”,执行“窗口>颜色”命令,弹出“颜色”面板,如图1-41所示。
02 单击该面板中的“填充颜色”按钮,设置“填充颜色”为线性渐变,渐变颜色为#FFCC00到#FF9900,如图1-42所示。执行“窗口>属性”命令,在“属性”面板中进行相应设置,如图1-43所示。
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0032_0235.jpg?sign=1739362601-xyH12nSviHJhZJEav3SqPIin5LFMdUea-0-31f07d113fbf29b314b83edccc1ba539)
图1-40 新建空白文档
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0032_0236.jpg?sign=1739362601-vjvspDQRqFBLB3OQXjgpHUScP40NbUVs-0-6f02b7cedaa18c5a42874c172f7aee83)
图1-41 “颜色”面板
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0032_0237.jpg?sign=1739362601-NhCjHQqHl8NVdefgu6Dz7gVdbAS5LI64-0-4ee885b05dd03dd345dfce10c2d74a65)
图1-42 设置渐变颜色
03 在舞台中绘制矩形,效果如图1-44所示。选择工具箱中的“渐变变形工具”,对矩形的渐变颜色进行调整,效果如图1-45所示。
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0032_0238.jpg?sign=1739362601-pwEMItjYzfYcO2ea9UIlnMXQBmmi3drc-0-10a52fbedbdba64fa9d4f93a5fd85450)
图1-43 “属性”面板
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0032_0239.jpg?sign=1739362601-uu4eKIkpGTY9hYC5zDK1E2uIh9I85kuM-0-8eb235aa5fd39c31db8d1cb2f4d4c65c)
图1-44 绘制矩形
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0032_0240.jpg?sign=1739362601-BhXdfe1fS2mwrEwjK96zSk9pVAS7nZEY-0-1019d110494cfefa3a092c29afad5971)
图1-45 调整渐变
04 单击工具箱中的“文本工具”,在“属性”面板中进行相应设置,面板如图1-46所示。单击“时间轴”面板中的“新建图层”按钮,新建“图层2”,“时间轴”面板如图1-47所示。完成后在舞台中单击并输入文本,最终效果如图1-48所示。
提示
在使用“形状工具”绘制形状时,建议每绘制一个新的形状就创建一个图层,以方便修改和调整每个形状。当所有的形状都确定之后,可将所有形状合并到同一个图层中。
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0033_0241.jpg?sign=1739362601-GdMRPLe3i0sZK83gVNEg5sHa6ZIthDwM-0-e29208847919d639d0984bea63fbeac7)
图1-46 “属性”面板
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0033_0242.jpg?sign=1739362601-BAsFYQPXIJ13aSwVCSDnMB0IRGsw8zJn-0-25fd8fb0c01708e61a8cec806344bb9c)
图1-47 “时间轴”面板
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0033_0243.jpg?sign=1739362601-gC4dIRAObHfJHObopHXG9eWYzvhXBKEO-0-a7080a6245f1a0a735dccf09a153cd04)
图1-48 完成效果
Q 渐变色填充的分类有哪些?
A Flash中的渐变填充分为线性渐变和径向渐变两种。使用这两种填充方式可以创建丰富多彩的填充效果,并且使用“渐变变形工具”可以轻松地完成对渐变颜色的修改和编辑。
Q 线性渐变与径向渐变的区别是什么?
A 线性渐变是沿着一条轴线,以水平或垂直方向改变颜色,而径向渐变是按从一个中心点向外放射的方式来改变颜色,径向渐变和线性渐变的设置方法大同小异。