《颜色任我变》的制作方法
【实例说明】:
本例制作一个颜色任我变的动画的效果。
【操作步骤】:
〖一〗、新建文档
- 单击“文件”/“新建”命令,创建一个新文档;
- 单击“修改”/“文档”命令;在“文档属性”对话框中设置“尺寸”为400×300,背景色为白色;单击“确定”按钮。
〖二〗、制作“背景层”
- 双击“图层1”;然后将其命名为“背景层”;
- 然后选择工具栏上的矩形工具随意在舞台上绘制一个矩形背景;可参照下面的背景图形:
3、用选择工具选中该矩形;按键盘上的F8键打开“转换为元件”对话框;在名称栏输入“movie”作为其名称,并且勾选“影片剪辑”;打开属性面板;将其实例名称设为“movie”;
〖三〗、制作“文字层”
- 单击时间轴上的添加新图层按钮,再添加一个新“图层2”;然后双击“图层2”将其命名为“文字层”;
- 选择工具栏上的文本工具;然后输入“颜色值”文本信息;参照下图:
- 制作上面图中的矩形框
选中工具栏上的矩形工具,在“颜色值”后面拖出一个填充色为白色的矩形框;
- 绘制上面图中的文本框
(1)选中工具栏上的文本工具,打开属性面板;选择“动态文本”、字体颜色选黑色、并且选择“在文本周围显示边框”(即单击一下该按钮即可);然后在“颜色值”后面的矩形框上面拖出一个大小相同的动态文本框;然后选中该文本框,在变量名中命名为“inputtext”;
〖四〗、制作“按钮层”
- 单击时间轴上的“添加新图层”按钮,再添加一个新“图层3”;然后双击“图层3”将其命名为“按钮层”
- 选择矩形工具,在舞台上随意画一个小的正方形(参见下面的图形);然后按F8键将其转换为一个图形元件;
- 按“CTRL+L”打开库面板;从库中将该小正方形拖放6个到舞台的下文(参见下图);
-
- 选中第1个小正方形,然后按键盘上的F8键打开“转换为元件”对话框;勾选“按钮”;单击“确定”按钮后进入该元件的编辑区;选中“点击”帧,按F5键插入“帧”;
选中“弹起”帧,按“CTRL+B”两次将图形元件打散;选中工具栏上的“填充工具”将其填充为蓝色(颜色代码为0000FF);最后单击时间轴上方的“场景1”按钮返回到场景中;
- 依照上面4的方法,依次为后面的5个小正方形完成元件的转换和颜色的填充;填充的颜色代码依次为“FF0000、00FF00、FFFF00、00FFFF、FF00FF”;
〖五〗、添加代码
- 选中第1个小正方形按钮(已在上面将其转换为按钮);为其添加如下代码:
on (release) {
inputtext = "0000FF";
//设定其颜色值
c = new Color(movie);
//C是一个随便定义的变量名;new Color函数的功能是新建一个颜色对象;
c.setRGB(parseInt(inputtext, 16));
//可以使用预定义Color(颜色)对象中的函数来设置影片剪辑元件的颜色,如函数setRGB可以给对象指定16RGB颜色的值;
}
- 选中第2个小正方形按钮(已在上面将其转换为按钮);为其添加如下代码:
on (release) {
inputtext = "FF0000";
//设定其颜色值
c = new Color(movie);
//C是一个随便定义的变量名;new Color函数的功能是新建一个颜色对象;
c.setRGB(parseInt(inputtext, 16));
//可以使用预定义Color(颜色)对象中的函数来设置影片剪辑元件的颜色,如函数setRGB可以给对象指定16RGB颜色的值;
}
- 选中第3个小正方形按钮(已在上面将其转换为按钮);为其添加如下代码:
on (release) {
inputtext="00FF00";
//设定其颜色值
c = new Color(movie);
//C是一个随便定义的变量名;new Color函数的功能是新建一个颜色对象;
c.setRGB(parseInt(inputtext, 16));
//可以使用预定义Color(颜色)对象中的函数来设置影片剪辑元件的颜色,如函数setRGB可以给对象指定16RGB颜色的值;
}
- 选中第4个小正方形按钮(已在上面将其转换为按钮);为其添加如下代码:
on (release) {
inputtext="FFFF00";
//设定其颜色值
c = new Color(movie);
//C是一个随便定义的变量名;new Color函数的功能是新建一个颜色对象;
c.setRGB(parseInt(inputtext, 16));
//可以使用预定义Color(颜色)对象中的函数来设置影片剪辑元件的颜色,如函数setRGB可以给对象指定16RGB颜色的值;
}
- 选中第5个小正方形按钮(已在上面将其转换为按钮);为其添加如下代码:
on (release) {
inputtext="00FFFF";
//设定其颜色值
c = new Color(movie);
//C是一个随便定义的变量名;new Color函数的功能是新建一个颜色对象;
c.setRGB(parseInt(inputtext, 16));
//可以使用预定义Color(颜色)对象中的函数来设置影片剪辑元件的颜色,如函数setRGB可以给对象指定16RGB颜色的值;
}
- 选中第6个小正方形按钮(已在上面将其转换为按钮);为其添加如下代码:
on (release) {
inputtext="FF00FF";
//设定其颜色值
c = new Color(movie);
//C是一个随便定义的变量名;new Color函数的功能是新建一个颜色对象;
c.setRGB(parseInt(inputtext, 16));
//可以使用预定义Color(颜色)对象中的函数来设置影片剪辑元件的颜色,如函数setRGB可以给对象指定16RGB颜色的值;
}
〖七〗、最后按“Ctrl+Enter”组合键测试影片
|