下面是个Flash教程:带AS的图片环绕旋转效果制作方法 (1)教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!
【 tulaoshi.com - FLASH 】
本文由 acti0n 原创,转载请保留此信息!
[友情提示]看不到动画效果的朋友请去这里观看:
http://bb(图老师整理)s./viewthread.php?tid=136406
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)
[1] 200806/12903_2.html'>[2] 200806/12903_2.html'>下一页
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)
好~现在开始咯~
新建FLASH文件~
修改-》文档,把文档的背景色改成黑色~
CTRL+F8新建元件【text】~
在元件的帧上放13个关键帧~
第一帧留空~
在其他每个关键帧中输入一个字母【颜色自定~不过不能是黑色哈~】,并用对齐面板把各个字母放到元件的舞台的正中~
对齐面板的使用如图:
代码:stop();
这时的时间轴如图:
退回场景1~
把刚才新建的元件拖到舞台中~
打开它的属性面板~把实例名称命名为 v0
再新建元件【earth】
在元件的第一帧画一个小圆『黑色』,和背景色一样~
退回场景1~
把刚才新建的元件拖到舞台中~
打开它的属性面板~把实例名称命名为 earth
在场景1新建图层~
在新图层第一帧输入以下代码:
for(i=1;i13;i++){
duplicateMovieClip("v0","v"+i,i);
_root["v"+i].factor=-360/12*i;
_root["v"+i].gotoAndStop(i+1);
}
选中元件 【text】~在动作面板输入以下代码:
onClipEvent (load) {
_root.earth.swapDepths(100);
speed = 3;
radius = 180;
}
onClipEvent (enterFrame) {
_y = _root.earth._y;
z = _root.earth._x-_root._xmouse;
speed = z/40;
factor += speed;
xtransform = Math.sin(Math.PI/180*factor);
ytransform = Math.sin(Math.PI/180*factor);
ytransformp = Math.sin(Math.PI/180*(factor+90));
this._xscale = ytransformp*120+1;
this._x = _root.earth._x+xtransform*radius;
this._alpha = 10+(ytransformp+1)*50;
this._yscale = 120+(ytransformp-1)*2;
stack = Math.round((ytransform+1)*100);
this.swapDepths(stack);
}
恩~这样差不多就行了~
如果还有不懂的请看源文件~:点击下载
扩展:
如果要变成图片的环绕效果~只要把元件【text】中的字母换成图片就可以了~
200806/12903.html'>上一页 200806/12903.html'>[1] [2]
来源:http://www.tulaoshi.com/n/20160318/1895546.html
看过《Flash教程:带AS的图片环绕旋转效果制作方法 (1)》的人还看了以下文章 更多>>