文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | 免费看大片 | WPS | 杀毒软件
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形处理 办公软件 媒体动画 精文荟萃 工具软件 网络编程 程序开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院图形处理PhotoshopPhotoshop结合Flash制作瓢虫变色交互动画(1)
精品推荐
特别推荐
·Photoshop Action 动作集总揽
·整理:最常用的十款盗版软件
·Photoshop色彩模式详解
·Photoshop滤镜轻松制作脏兮兮的砖墙
·Photoshop绘鲜美葡萄 表现光影效果
·Photoshop质感文字系列之:蟒纹字
·Photoshop超强鼠绘宝马轿车BMW M3
·Photoshop CS3教程:模拟雷达动画
·Photoshop教程:绘制美丽的蒲公英
·Photoshop快速制作宝宝大头贴
·Photoshop与Wacom数码板处理古典风格照片
·Photoshop各类外挂插件的使用方法
·非主流ps教程实用的技巧大全
·Photoshop字体安装使用方法和技巧
·Photoshop粘贴复制法排版证件照
·Photoshop打造气质美女唯美海报
·PS初学者实例教程 烫金字的制作
·Photoshop调色教程:简单制作军色效果
·PHOTOSHOP玻璃质感表现
·新手学Photoshop的批处理的快捷操作
热点TOP10
·photoshop修改照片成为美女教程
·Photoshop十余种漂亮照片边框简单制作技巧
·轻松做画家!用Photoshop把照片处理成逼真的素描画
·非主流ps教程实用的技巧大全
·Photoshop抠头发高级抠图教程
·Photoshop将肖像照片处理为超酷个性海报
·PHOTOSHOP超强磨皮大法-将斑点选出来
·Photoshop实例:制作超酷影片画面场景
·Photoshop精细抠像实例
·Photoshop轻松美化摄像头人像照片
·数码婚纱照片Photoshop抠图技巧
·Photoshop实例:调出漂亮MM的唯美效果
·photoshop教程:MM照片的后期美化
·PHOTOSHOP玻璃质感表现
·用Photoshop画漫画教程之基础入门
·Photoshop教程:MM照片弄得非常脏特效
·明星壁纸:极品美女百态妩媚极度狂野
·Photoshop轻松制作可爱大头贴模板背景
·Photoshop绘制禁烟公益广告
·用Photoshop“磨皮”和简单的人物处理技巧

Photoshop结合Flash制作瓢虫变色交互动画(1)

日期:2007年9月7日 作者: 查看:[大字体 中字体 小字体]



在属性面板中,对这个电影剪辑命名为“sk”,意为色块。我们可以手动测试一下,在属性面板右侧,设置这个影片剪辑的色调,可以看到,我们可以手动把它变色啦。手动的变色并不是目的,我们的目的是用程序来控制它。后面我们用简单的编程试一试。

Photoshop结合Flash制作瓢虫变色交互动画(3)

在最上层建立一个新层,命名为“as”,这是一个程序专用层,当然你也可以起别的名字,名字是为了方便我们识别该层。其实我们可以把程序写在任何一个层上,但是为了便于管理,我们用一个专层放程序。如果我们在动作面板里写入程序的话,在该帧就会出现一个“α”符号,表示这一帧有我们编制的程序,我在动作面板里输入一些字符,大家可以看到该帧就有了这样的变化。

Photoshop结合Flash制作瓢虫变色交互动画(3)

进入动作面板,我们输入下面的字符:

r=0;  //设置红色值
g=0;   //设置绿色值
b=255;  //设置蓝色值

colora=new Color(_root.sk); 
colora.setRGB(rgb);
rgb=(r<<16g<<8b);   //将颜色值设置在色块上

其中每行中的//符号后面的文件,被称为注释,它是方便我们后面调程序时,对语句的自我解释。我们可以通过写注释,记住自己编程到此时的一些想法。

Photoshop结合Flash制作瓢虫变色交互动画(3)

其中的_root,是指的舞台,_root.sk就是我们刚才做的那个叫sk的色块电影剪辑。这种语法就象在点名,指定某实体变颜色。后半部分语句,让我们把变量r,g,b做为颜色值应用在这个电影剪辑上。这些语句大家不用完全明白意思,先做出一个实例,后面再慢慢学。

按下Ctrl+回车,我们测试一下吧。

我们设置的是一个蓝色,为什么虫虫变成黑了啦?莫不是我编的程序有问题?

Photoshop结合Flash制作瓢虫变色交互动画(3)

不要紧,我们来解决这个问题。用鼠标纵向选择各层第二帧,右键,插入帧,我们让这个动画拥有两帧,这样在测试的时候,它会反复播放第一帧和第二帧,新的颜色值就会被赋予电影剪辑啦。

Photoshop结合Flash制作瓢虫变色交互动画(3)

Ctrl+回车,再次测试,这下虫虫变色啦。这一步我们学习了如何使用编程的方式为虫虫变色,下一步,我们制作交互的动画,让朋友们可以通过拉动拉杆为它自动变色。

Photoshop结合Flash制作瓢虫变色交互动画(3)

我们来制作一个拉钮,建立一个新层,用椭圆工具,按Shift键,画一个小圆形,设置这个层的名字为“拉杆”。

Photoshop结合Flash制作瓢虫变色交互动画(3)

还是用刚才的方法,框选这个圆,点右键,转换为一个电影剪辑。命名为“拉杆”,我们可以按着Alt键,用移动工具复制两个。现在一共有三个拉钮啦。

Photoshop结合Flash制作瓢虫变色交互动画(3)

我们还使用刚才手动改变虫虫颜色的方法,改变这三个按钮,把它们的颜色改为红,绿,蓝三色。并分别按颜色命名为:rr,gg,bb。这样,我们就在舞台上放了三个具有名字的实体了,我们可以用程序控制这三个实体来改变RGB值,从而实时的反映到虫虫身上。

Photoshop结合Flash制作瓢虫变色交互动画(3)

下面我们为这三个拉钮引用的共同目标进行编辑,这样三个拉钮就会同步更新。这也是Flash强大之处,所有引用同一个元件的实体,都会因为改变这个元件而被同步更新。双击库中的“拉杆”电影剪辑,进入这个元件进行更改。从图示标注来看,我们现在已经离开舞台,进入这个元件,单独编辑它啦。

Photoshop结合Flash制作瓢虫变色交互动画(3)

在这个元件里,有我们前面画的黑色圆形,我们框选它,用右键,使用转换为元件的方法,把它转换为一个电影剪辑,起名为“按钮”,并在属性栏里为它起一个实体名“an”,意思是按钮。这样我们就让红绿蓝三色拉钮中,都增加了一个实体,名叫“an”。

Photoshop结合Flash制作瓢虫变色交互动画(3)

这部分理解起来会很难,但是一旦理解了它,后面我们就可以制作出非常强大的交互动画。

上一页 [1] [2] [3] [4] [5] [6] [7] [8] 下一页 




上一篇:面向Flash AS初学者的实例教程:单选题

下一篇:走向Linux系统高手之路 解析内核编译

Photoshop结合Flash制作瓢虫变色交互动画(1) 相关文章:
·QQ空间4.0 透明Flash_500个
·photoshop修改照片成为美女教程
·QQ空间透明flash代码
·新收集200多种美化QQ空间的透明Flash
·Photoshop十余种漂亮照片边框简单制作技巧
·[最新QQ空间代码]QQ空间花,漂浮物、开场动画代码
·轻松做画家!用Photoshop把照片处理成逼真的素描画
·教你如何制作QQ空间FLASH导航条
·Photoshop抠头发高级抠图教程
·Photoshop将肖像照片处理为超酷个性海报
Photoshop结合Flash制作瓢虫变色交互动画(1) 相关软件:
·暗黑破坏神 2:毁灭之王 1.10S极品属性装备制作器
·Adobe Photoshop CS2 9.0 官方试用版
·孙鑫VC++从入门到精通开发详解视频教程FLASH版
·家常菜制作集锦(1)
·用Photoshop美化你的相片
·最新PhotoshopCS8.0视频教学
·大师之路Photoshop教程V2.0
·《最终幻想12》超清晰CG动画
·Photoshop 7.0 梦幻特效宝典附带光盘
·家常菜制作集锦(2)

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.vipcn.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.vipcn.com All Rights Reserved. 鄂ICP备05000083号Powered by:vipcn