这篇教程是向脚本之家的朋友介绍利用Flash制作超炫的科技之光组成的花GIF动态效果图,这篇教程难度不是很大,视觉效果很强的。推荐给脚本之家的朋友,喜欢的朋友一起来学习吧!行为功能概述   笔者相信,大家看了效果图后一定会对这个效果感兴趣。本例的效果是模仿小时候科学书籍上的造型设计的,视觉效果很强。  在实例的制作中,只用到了简单的复制语句和影片剪辑的_x(坐标)、_rotation(角度)等属性。  实例并不复杂,但往往一个简单而优美的图形加上一段智慧的代码就可以实现一个很酷的效果。不信我们来瞧瞧。   效果图开始制作前,请大家先设置场景的大小为300px×300px,背景为黑色,帧频为30fps。  一、设计元件。  1.按快捷键Ctrl+F8新建一个名为"元素"的影片剪辑元件。  2.点选工具栏里的"直线"工具在"元素"元件的编辑场景种绘制一条高为5px的绿色的竖线(实线,线宽0.5)。再点选"椭圆"工具,在刚才线段左下方拉出一个黄色的圆来(按Shift键,直径2px)。如图1所示。图1  3.新建一个名为"元素运动"的影片剪辑元件。按快捷键Ctrl+L打开库,把库中的"元素"元件拖拽到"元素运动"元件的编辑场景中。注意,"元素"元件在场景中的坐标是(0px,-50px)。点选第45帧,按F6键插入关键帧,接着右键单击"图层1"的第1帧,在弹出菜单中选择"创建补间动画"命令,然后点选第10、25帧,按F6插入关键帧。如图2所示。 图2  4.点选第10帧中的"元素"元件,然后在"属性"面板的"颜色"下拉菜单中选择"高级选项"选项,然后单击"设置"按钮,在打开的"高级效果"面板中如图3所示进行设置。图3  5.点选第25帧中的"元素"元件,按方向键将其向左和向下移动1个像素,接着在"属性"面板里设置其透明度为30%。  6.第1、45帧中的"元素"元件不设置。  效果中使用到的两个元件到这里就制作好了,下面我们来设计主场景。  二、设计主场景。  1.如图4所示建立"脚本"、"元件"两层,各2帧。把电影剪辑"元素运动"剪辑元件从库中拖拽到对应的"元件"层中。再点选它,在"属性"面板中为其起个实例名称"元素"。如图5所示。 图4图5  2.选中"脚本"层中的第2帧按F7键插入空白关键帧。然后分别选中两帧后按F9键打开"动作"面板,选择专家模式,分别键入如下代码。  第1帧中的代码如下:复制代码代码如下:// Math.sin()方法是计算并返回以弧度为单位指定的角度的正弦值// Math.cos()方法是计算并返回以弧度为单位指定的角度的余弦值元素._x = Math.sin(n)*60 + 150;元素._y = Math.cos(n)*60 + 150;// _rotation属性可以改变实例的角度元素._rotation = i;// 复制"元素"实例duplicateMovieClip("元素", "元素", i);i += 3;n += 0.07;// 当变量i大于1080时,停止播放影片if (i>1080) {stop();} 3.第2帧中的代码如下:  复制代码代码如下:gotoAndPlay(1);  好了,做到这里这个效果就完成了,以上就是Flash制作超炫的科技之光组成的花GIF动态效果图,希望对大家有所帮助!

Flash AS代码编写创意的鼠标经过的网页导航动画效果,效果为鼠标经过-导航条出现,鼠标移开-导航条消失。编写的代码也很简单,转发过来,感兴趣的朋友可以跟着一起制作。下面是AS代码:复制代码代码如下:var my_B:Boolean = false; my_mc.onEnterFrame = function() { if (!my_B) { my_mc.prevFrame(); } else { my_mc.nextFrame(); } }; my_mc.mc_bg.onEnterFrame = function() { if (my_mc.mc_bg.hitTest(_root._xmouse, _root._ymouse, 1) == false) { my_B = false; my_mc.prevFrame(); } };以上就是Flash AS代码编写创意的鼠标经过的网页导航动画效果,希望大家喜欢!谢谢大家观看本教程!

AI制作反白字效果,挺简单但是挺巧妙的的一个技巧,简单易学。1、新建画布,敲出想要的字,如图2、选择窗口-文字-字符,快捷键ctrl+t,如图3、如图,进行如下设置4、选中文字,右键-创建轮廓5、选中文字,复制文字,这里建议用快捷键 ctrl+c,之后CTRL+F(注意CTRL+F是原位贴到前面)6、画一个椭圆,在你想要出现反白字效果的地方7、选中椭圆,执行 ctrl+c,ctrl+f8、选中第一个“随缘”,(鼠标第一下就可以选中),将其填充为白色9、选中白色“随缘”和一个椭圆,鼠标右键建立剪切蒙版10、如图,完成相关推荐: ai如何打散文字?AI彻底打散文字的教程 ai怎么调整文字间距? ai调整行间距的详细教程 AI怎么把文字转换成路径?ai字体转换路的详细教程 AI中怎么将文字转成曲线?

嘟嘟虫:学过Illustrator的人都一定记得旋转工具,但大部分人都只用它进行简单的旋转工具,殊不知它还能做出很多漂亮的效果。 今天就从最简单的时间刻度开始,大家一起玩转AI的“旋转工具”。  我们可以采用两种方法去制作时间刻度,这两种方法是其他玩法的基础。  方法1:根据旋转工具以物体中心为特征的旋转,进行对称物体的旋转复制。    方法2:毕竟有时候要旋转复制的对象不是绝对对称的,因此可以用一个小技巧,让Alt键配合旋转工具一起“转”!  这里是换了一个造型,但过程是一样的。  下面我们看更多更有意思的旋转玩法!玩法1:旋转后拆了它!玩法2:瘦身后再旋转玩法3:成帮结伙一起转!玩法4:给树枝换个造型玩法5:旋转后拆拆看!玩法6:前后大变身!  看过以上玩法以后,你一定会想出更好的玩法,可以贴到下面的评论中和大家一起分享!

一张看起来已经设计好的画面,分别放置了四张荷花图,并配有文字,安静的赏荷图。可是等等,鼠标移上去,画面上居然有了变化,中间图不断旋转,两侧的小图点击后可看到大图,这是多年前我送给朋友的一个小礼物。我们来看一看它的做法。软件名称:Macromedia Flash Pro(动画制作软件) V8.0 简体中文绿色注册版软件大小:47.6MB更新时间:2014-06-26一、制作中图MC1、影片中准备了四张图片,我们将其导入舞台。2、导入后的图片全部处于选中状态,对齐面板中选择“匹配宽高”,使所有图片与舞台同大小。3、分别转换为按钮元件。方法:选择一个,按下F8键打开转换为元件面板,类型选择“按钮”。我为它们命名为T1、2、3、4。4、图1作为中图,先为它做影片剪辑(MC)。选择按钮T1,再次转换,类型为影片剪辑,双击进入编辑。5、分别在第2帧、20帧、40帖,F6插入关键帧。将20帧的按钮宽高改至很小,alpha值为0。6、分别为第2帧与第20帧创建补间动画。2帧动画旋转为顺时针、20帧上的为逆时针。7、回到第一帧,在帧上写上stop();该帧的按钮上写上on (rollOver) {gotoAndPlay(2);}鼠标移上时进入第二帧并开如播放。8、回到第40帧,为该帧上的按钮写上on (rollOver) {gotoAndPlay(1);}鼠标移上时,进入第一帧并播放。这样就形成了只要鼠标移入就会从1帧至40帖,再转回来的循环。二、制作边图MC1、三张边图是一样的动画:从无至有。以一张为例。选中按钮元件2,F8转换为影片剪辑元件。双击进入编辑。2、依然是第二帧插入关键帧,然后在15帧插入关键帧。3、将第一、二帧alpha值设为0,然后为第二帧创建补间动画。4、在第一帧、第十五帧上分别写上stop();,完成MC制作。其他两张中用同样方法制作,也可在库中直接复制MC副本,在属性面板中交换按钮元件。交换的方法见下面的引用,第14步。5、分别在属性面板中为其设置实例名,我这里是t2/t3/t4。三、制作小图按钮1、将两大步中做的四个分别MC放入四个图层。锁定。避免影响后面图层内容的制作。根据画面设计,中图是缩到合适大小后放置。2、新建一个底图层,放入所有图层下方。将图2-3拖至该层,分别进行缩小与截取(分离后,选取多余部分,删除)操作,放置在合适位置。转换为影片剪辑后,添加投影滤镜。3、制作按钮。以图2的小图为例:R键调出矩形工具,线条色禁用,填充白色,Alpha值35%。Q键调出变形工具,调整倾斜度。4、转换为图形元件。再次转换为影片剪辑。双击进入编辑。5、第2、10、20、21、30分别插入关键帧。如图,将第2帧的线条放入左上角,第10帧的拉成所选图形的对角线。20帧移至图形右下角。21帧同10,30帧回到左上角。分别创建动画补间。6、回到第1帧,删除帧中线条,矩形工具禁用线条色,画出一个alpha值为0的矩形,转换为按钮元件。7、该帧写入stop();,透明按钮上写上on (rollOver) {gotoAndPlay(2);}on (rollOut) {gotoAndPlay(1);},鼠标移入进入帧2并播放,鼠标移出进入帧1并播放。8、新建一层,第一帧为空白关键帧,第二帧放入透明按钮,在该按钮上写入on (press) {_root.t2.gotoAndPlay(2);}on (rollOut) {gotoAndPlay(1);}按下后,使t2进入第二帧并播放,鼠标移出后,进入并播放第一帧。另外两个按钮同样制作。也可复制后交换,注意_root.t2.gotoAndPlay(2)此处的t2要换成另外两个MC的实例名。9、添加文字、装饰等,完成制作。相关推荐: FLASH中怎么制作烛火飞舞的动画? FLASH怎么画两个锤子敲打东西的动画? FLASH怎么制作逐一出现的生日快乐动画?

分类:网页制作

时间:2016-10-10 08:12:08