flash鼠标拉flash 线条 遮罩原理

||||||||||||||||||||||||||||||
您现在的位置:>>
>>正文内容
Flash AS3实例教程:鼠标跟随炫舞线条动画效果 (1)
本文由 cao4811 原创,转载请保留此信息!
本系列Flash教程由Flash互助课堂专为Flash新手制作,更多教程和练习请点击这里,在这里有系列的教程、练习,并有老师对练习进行点评与指导,欢迎朋友们的光临!
在学习中遇到问题请到 论坛 发贴交流!
更多AS 3.0教程:/article/special/200906/special_59.html
本例为Flash AS3代码基础实例教程,主要讲解工具的运用、颜色的运用和补间形状的制作,代码部分未作讲解,希望能给朋友们带来帮助~~
效果演示:
本教程是Flash创作的基础教程,主要是工具的运用、颜色的运用和补间形状的制作,代码部分不作讲解。
打开Flash,设置文档属性尺寸:宽1024 高768 背景:黑色,其它默认,取名存盘。
1、新建图形元件1,选椭圆工具,笔触禁止,填充色白色,画一个5*5的圆(拖动鼠标的同时按住Shift键可画出正圆)。按Ctrl+K组合键,打开对齐面板,选水平中齐,垂直中齐。图1:对齐面板
2、新建图形元件2,选椭圆工具,笔触禁止,填充放射渐变,左ffcc00,右fffae6,画一个5*5的圆。水平中齐,垂直中齐。
3、新建图形元件3,选直线工具,在属性面板中设置笔触高度为1.5 ,笔触线性渐变,左f70000,右ffffff,填充色禁止,长度任意。用选择工具和部分选取工具,把直线调整成~形。左对齐,上对齐。 图2:图形元件曲线
图3:设置颜色
4、新建图形元件4,选直线工具,在属性面板中设置笔触高度为1.5 ,笔触线性渐变,左ffffff,中0033ff,右ff0000,填充色禁止,画一条长度100的直线。水平中齐,垂直中齐。图4:设置直线渐变
5、新建图形元件5,选矩形工具,笔触禁止,填充色白色,画一个3*3的正方形。水平中齐,垂直中齐。 准备工作完成,开始制作: 6、新建影片剪辑元件,名遮片,选矩形工具,笔触禁止,颜色任意,画一个长方形,在属性面板中设置宽为1044,高为570, X,Y坐标为0。 7、新建影片剪辑元件,名MouseEff,选中图层1的第一帧,按Ctrl+L组合键,打开库面板,把图形元件1拖入舞台,选中元件,按Ctrl+B组合键把图形打散,成麻点状。按Ctrl+K组合键,打开对齐面板,水平中齐、垂直中齐。选中时间轴34帧,插入关键帧,在属性面板中设置宽高为59,选中圆打开颜色面板,设置透明度为0。返回第一帧,设置宽、高为1,右键点击1—34的任意帧在下拉菜单中选创建补间形状(拖动一下播放头,看一下,一个从小到大的渐隐效果已经做好了)。选中35帧插入空白关键帧,选55帧插入关键帧,打开库面板把图形元件5拖入舞台,打散图形,设置宽高为3.0 ,x:294 y:109 ,选73帧插入关键帧,设置宽高为1.0 ,x, y为0, 右键点击任意帧,选创建补间形状。选中73帧按F9键打开动作面板输入代码: this.parent.removeChild(this); stop(); 图层1上锁,防止误操作。 8、插入图层2, 选中第一帧,打开库面板把图形元件3拖入舞台,打散,选中图形在属性面板中点宽高左边的锁,锁定宽高,设置宽为463按Tab键自动设置高。x:0 , y:0 ,打开颜色面板,选中红色滑块,设置透明度为20 。图5:设置透明度
选中13帧插入关键帧,在属性面板中锁定宽高,设置宽为100 ,设置红色为100,在21帧插入关键帧,选任意变形工具,把中心点拖到注册点位置,向左旋转110度左右。图6:旋转角度
22帧插入关键帧打开库面板,拖入图形元件2打散, 设置宽高为23 ,x:-80, y:0.5 。24帧插入关键帧,设置宽高为20。25帧插入关键帧,打开库面板,拖入图形元件4打散,水平中齐、垂直中齐。26帧插入关键帧,向下作10度左右的旋转,54帧插入关键帧,做垂直旋转。设置宽为0 ,高为5 ,x:295.5 , y:112.5。选1—13、13—21、21—24、24—26、26—54, 创建补间形状。图层上锁,打开库面板右键点击MouseEff影片剪辑,下拉菜单中选链接,在链接属性面板中,选中为ActionScript导出。图 7:属性链接
图8:影片剪辑时间轴
9、返回场景1,打开库面板把影片剪辑遮片拖入舞台,设置宽1024 ,高768 ,水平中齐,垂直中齐。在颜色的下拉菜单中选色调,设置成黑色。在文档类:输入框中输入 Test。图9:
至此,动画部分已全部完成,保存。附件包括fla文件和Test类文件,解压后把Test文件复制到保存动画文件的同一目录下,进行测试。
源文件下载: 点击下载
没有相关内容
最 新 图 文
没有任何内容!Flash基础:线条工具简介
精品学习网考试频道小编应广大考生的需要,特为参加考试的考生策划了&Flash基础:线条工具简介&专题等有关资料,供考生参考!
工具,在绘图区按住鼠标,并拖动,直到拖出一条直线就OK了!
选择线条进行编辑,圆形的线条可以点击一次,方形的双击可以选中。
一、定义线条的长度:
1、选中你的线条,这时,你可以在下面的属性栏里看到它的坐标与长度,直接改就行了。
2、要是想把线条拉长点,一个是使用
点住线条的一端拉长,另一个方法是使用
。个人认为还是
比较好用哟!
二、改变线条的颜色:
1、在没有选中线条的情况下,将
选择一个颜色,然后点击
,并在需要改变颜色的线条上单击下就行了。
2、选中线条了以后,可以直接
小技巧:如何添加彩色线条呢?
1、先画一个图形
2、 选择&修改&-&形状&-&将线条转化为填充&,在这时,你可以发现属性面板的变化了!现在就变成了填充色哦~~那我们就可以选择填充色了!
原本的属性         &将线条转变为填充&后
这个就是我们填充后的颜色哦~~
三、改变线条的粗细:
在这里你可以看到有调节线条粗细,最高只有调节到10哟~~
四、改变线条的样式:
如果我想要把线条改称虚线怎么调节呢?
在下拉菜单里可以看见,有多种线条供你选择。再觉的不合适,还有自定义线条哟~~
五、修改线条:
在这里我们可以看见,
的功能我们是知道的
选中线条,然后一直按这个,让线条不停的变曲线。
同理,让线条不停的变直线。
更多内容进入:更新时间: 14:55
脚本简介css3鼠标悬停按钮线条动画效果代码是一款可以横竖屏滚动,循环或者不循环滚动,回调函数应用等特效。
特别说明:
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
极速下载支持各类多线程下载工具(迅雷)、浏览器(360浏览器)等,适合较大的文件下载!
其他普通下载点限制多线程,仅允许直接点击或另存为下载等单线程下载的软件,较适合小的文件下载!
如有侵犯您的版权,请及时联系(#换@),我们将尽快处理。
可能感兴趣
& CopyRight , , Inc.All Rights Reserved.新浪广告共享计划>
广告共享计划
Flash标尺和辅助线的使用
Flash制作动画时,为了准确把图片调整到与舞台大小一至,通常是使用舞台标尺上的辅助线来观测。如果不使用它,图片大于舞台时很难把看到舞台,不方便把图片调整到与舞台大小一至。但好多朋友不知道如何使用标尺和辅助线,下面我就简单介绍Flash标尺和辅助线的使用。
第一步:打开Flash8,新建一个文档
第二步:在舞台上用鼠标右击舞台,弹出“标尺”窗口。也可点“视图”再点“标尺”,见下图1、图2
第三步:从舞台“标尺”拉出“辅助线”框住舞台四周边缘。把鼠标放在舞台上“标尺”的边缘上,左击按下不放,往下拖动,就会出现一根“线”,把这根线拉到舞台边缘上放开鼠标,舞台四边“辅助线”拉好后,用鼠标右击舞台,在弹出的对话框中选择“辅助线”点击“锁定辅助线”把舞台四周的辅助线锁定。见下图1、图2
已投稿到:}

我要回帖

更多关于 flash线条延伸动画 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信