as打造3D效果的制作原理与方法
2015-03-12 19:39:22| 分类：
ps flash 技巧
| 标签：
|举报
|字号大中小 订阅
|
as打造3D效果的制作原理与方法
|
|
教学目的：通过本节教学了解和掌握影片剪辑及其实例名称的创建，通过脚本和巧妙的设计与创作，进而实现鼠标遥控模仿3D的动画效果。
教学对象：本教材是针对有一定动画制作基础及对工具箱、属性面板、动作面板、as语句和相关界面有所了解的朋友们编制的，因此省略了一些步骤，还望谅解。
教学要点：影片剪辑、实例名称、动作面板、as语句。
|
|
制作步骤
1.启动FLASH8 软件。
2.确立文档属性 设置动画尺寸为550*400，背景颜色深绿，其它默认,点击确定，进入场景1。 如图1所示：
图1
3.创建图形元件
选择“插入－新建元件”，创建一个名为“彩圆”的图形元件，点击确定，进入元件编辑区。就一个图层。
选择图层1第1帧，用椭圆形工具在舞台拖一个规格为95*95的，红色无边线的正圆，全居中；用线条工具，笔触高度1，颜色白色，将该实例分成四等分；分别依次点击每个等分实例，起麻点后，将其颜色依次改为红、黄、蓝、绿；双击白色的等分线，待起麻点后删除；再选择墨水瓶工具，笔触高度为5，依次在每个等分实例外弧处点一下，颜色分别是对角实例的颜色。其流程，如图2所示：
图2
4.创建影片剪辑元件
（1）选择“插入－新建元件”，创建一个名为“双圆1”的影片剪辑元件，点击确定，进入元件编辑区。就一个图层。
选择图层1第1帧，从库中拖出“彩圆”影片剪辑元件到舞台，规格不变，将其放置在中心点的左侧，垂直中齐；在从库中拖出一个彩圆影片剪辑元件到舞台，规格不变，将其放置在中心点的右侧，垂直中齐。两者总规格约为368*95。如图3所示：
图3
（2）选择“插入－新建元件”，创建一个名为“双圆2”的影片剪辑元件，点击确定，进入元件编辑区。就一个图层。
选择图层1第1帧，从库中拖出“双圆1”影片剪辑元件到舞台，规格不变，全居中。如图4所示：
图4
点击该实例，在属性面板填写其实例名称为：mc1 。如图5所示：
图5
4.编辑制作场景
返回场景1，添加一个图层，共两个图层。自下而上命名为作品、as。
（1）选择作品图层第一帧，从库中拖出“双园2”影片剪辑元件到舞台，将其规格改为368*43，将其放置在场景中心点的上方，水平中齐。如图6所示：
图6
点击该实例，在属性面板填写其实例名称为：mc2 。上锁。如图7所示：
图7
（3）选择as图层第一帧，按f9，打开动作面板，在as编辑区输入，如下帧语句：
function kontrol()
{
for (i = 0; i < 50; i++)
{
var _loc2 = _root["mc2" + i];
_loc2._yscale = 10 + _root._ymouse / Stage.height * 200;
updateAfterEvent();
_loc2.mc1._rotation = _loc2.mc1._rotation + (_xmouse - Stage.width / 2) / 50;
updateAfterEvent();
}
}
mc2._visible = false;
for (i = 0; i < 50; i++)
{
var a = mc2.duplicateMovieClip("mc2" + i, 600 - i);
if (i >= 0 && i < 1)
{
a.mc1.gotoAndStop(1);
}
if (i >= 1 && i < 20)
{
a.mc1.gotoAndStop(2);
}
if (i >= 20 && i < 21)
{
a.mc1.gotoAndStop(3);
}
if (i >= 21 && i < 22)
{
a.mc1.gotoAndStop(4);
}
if (i >= 22 && i < 23)
{
a.mc1.gotoAndStop(5);
}
if (i >= 23 && i < 24)
{
a.mc1.gotoAndStop(6);
}
if (i >= 24 && i < 34)
{
a.mc1.gotoAndStop(7);
}
if (i >= 34 && i < 44)
{
a.mc1.gotoAndStop(8);
}
if (i >= 44 && i < 50)
{
a.mc1.gotoAndStop(7);
}
a._y = mc2._y + i * 2;
}
isik._visible = false;
setInterval(kontrol, 1);
锁定该图层。
5.本作业完成后时间轴显示如图8所示：
图8
6.测试存盘
*说明：
1.本教程中的语句只适用于场景中运用，在元件中不可用。
2.教程中的效果显示的切换，则采用的是场景切换的方法。
最终效果显示：
/Article/UploadFiles/201201/2012010815131224.swf
全屏下载
祝你成功！
进入更多教程
|
|
 |
|
评论这张
转发至微博
转发至微博
关闭
玩LOFTER，免费冲印20张照片，人人有奖！
我要抢>
<#--最新日志，群博日志-->
<#--推荐日志-->
<#--引用记录-->
<#--博主推荐-->
<#--随机阅读-->
<#--首页推荐-->
<#--历史上的今天-->
<#--被推荐日志-->
<#--上一篇，下一篇-->
<#-- 热度 -->
<#-- 网易新闻广告 -->
<#--右边模块结构-->
<#--评论模块结构-->
<#--引用模块结构-->
<#--博主发起的投票-->
评论