Flash AS教程:图片环绕旋转效
平面设计 2021-07-03 14:34www.168986.cn平面设计培训
好~现在开始咯~
新建FLASH文件~
修改-》文档,把文档的背景色改成黑色~
CTRL F8新建元件【text】~
在元件的帧上放13个关键帧~
第一帧留空~
在其他每个关键帧中输入一个字母【颜色自定~不过不能是黑色哈~】,并用对齐面板把各个字母放到元件的舞台的正中~
对齐面板的使用如图
图1
代码s();
这时的时间轴如图
图2
退回场景1~
把刚才新建的元件拖到舞台中~
打开它的属性面板~把实例名称命名为 v0
再新建元件【earth】
在元件的第一帧画一个小圆『黑色』,和背景色一样~
退回场景1~
把刚才新建的元件拖到舞台中~
打开它的属性面板~把实例名称命名为 earth
在场景1新建图层~
在新图层第一帧输入以下代码
for(i=1;i<13;i ){
duplicateMovieClip("v0","v" i,i);
_root["v" i].factor=-360/12i;
_root["v" i].gotoAndS(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/180factor);
ytransform = Math.sin(Math.PI/180factor);
ytransformp = Math.sin(Math.PI/180(factor 90));
this._xscale = ytransformp120 1;
this._x = _root.earth._x xtransformradius;
this._alpha = 10 (ytransformp 1)50;
this._yscale = 120 (ytransformp-1)2;
stack = Math.round((ytransform 1)100);
this.swapDepths(stack);
}
恩~这样差不多就行了~
如果还有不懂的请看源文件~(附.fla文件)点击下载
扩展
如果要变成图片的环绕效果~只要把元件【text】中的字母换成图片就可以了~
如果图片太大或太小,请修改以上代码中的radius = 180;这句~只要改变值180即可
如果图片不是12张~请修改元件【text】的帧数~第一帧照样留空~修改第一段代码for(i=1;i<13;i )中的13为图片的张数加一
新建FLASH文件~
修改-》文档,把文档的背景色改成黑色~
CTRL F8新建元件【text】~
在元件的帧上放13个关键帧~
第一帧留空~
在其他每个关键帧中输入一个字母【颜色自定~不过不能是黑色哈~】,并用对齐面板把各个字母放到元件的舞台的正中~
对齐面板的使用如图
图1
代码s();
这时的时间轴如图
图2
退回场景1~
把刚才新建的元件拖到舞台中~
打开它的属性面板~把实例名称命名为 v0
再新建元件【earth】
在元件的第一帧画一个小圆『黑色』,和背景色一样~
退回场景1~
把刚才新建的元件拖到舞台中~
打开它的属性面板~把实例名称命名为 earth
在场景1新建图层~
在新图层第一帧输入以下代码
for(i=1;i<13;i ){
duplicateMovieClip("v0","v" i,i);
_root["v" i].factor=-360/12i;
_root["v" i].gotoAndS(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/180factor);
ytransform = Math.sin(Math.PI/180factor);
ytransformp = Math.sin(Math.PI/180(factor 90));
this._xscale = ytransformp120 1;
this._x = _root.earth._x xtransformradius;
this._alpha = 10 (ytransformp 1)50;
this._yscale = 120 (ytransformp-1)2;
stack = Math.round((ytransform 1)100);
this.swapDepths(stack);
}
恩~这样差不多就行了~
如果还有不懂的请看源文件~(附.fla文件)点击下载
扩展
如果要变成图片的环绕效果~只要把元件【text】中的字母换成图片就可以了~
如果图片太大或太小,请修改以上代码中的radius = 180;这句~只要改变值180即可
如果图片不是12张~请修改元件【text】的帧数~第一帧照样留空~修改第一段代码for(i=1;i<13;i )中的13为图片的张数加一
平面设计师
- 免费平面设计网站 免费平面设计绘图软件
- 平面设计基础知识题库
- 平面设计基础学包括哪些
- ui设计师工资一般多少 北京ui设计师工资一般多少
- 平面设计技巧方法 平面设计技巧总结
- 哪里的平面设计培训班比较好 哪家平面培训设计
- 哪些人不适合学平面设计 平面设计师工资一般多
- 女生学习平面设计还有其独特的优势
- 平面设计大学专业叫什么 平面设计大学专业叫什
- ui就业前景和工资待遇 ui就业前景和工资待遇怎么
- 平面设计ps入门教程 平面设计photoshop 基本操作方
- 免费学平面设计教程 平面设计免费教程网站
- 平面设计就业方向有哪些 平面设计专业就业前景
- 女生学什么设计前景好 女孩学什么设计好赚钱
- 什么人适合学平面设计 学平面设计后悔死了
- 平面设计内容有哪些 平面设计内容包括什么