📄 lesson3-2.htm
字号:
<html>
<head>
<title>新闪光时代</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type=text/css>
<!--
p,div {font-size:9pt; line-height:14pt; font-family:宋体;}
.p1{font-size:9pt;font-family:宋体;}
.p2{font-size:9pt;font-family:宋体;line-height:14pt;}
.p3{font-size:14.8px;font-family:宋体;}
.p4{font-size:14.8px;font-family:宋体;line-height:14pt;}
.p5{font-size:1pt}
a:hover{color:red;}
a.t1:visited{color:red;}
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#383098" vlink="#336699" alink="#FF0000" topmargin="0">
<table border="0" cellPadding="0" cellSpacing="0" width="750">
<TBODY>
<tr>
<td width="200"><a href="http://www.163.com"><img border="0" height="54"
src="http://images.163.com/images/news/163logo.gif" width="160"></a></td>
<td align="right" class="p1" width="540"><font color="#ff0000">>></font><a
href="http://www.163.com/index.html">返回首页</a> <a href="http://www.163.com/news/"><font
color="#ff0000">焦点新闻</font></a> <a href="http://my.163.com/">我的网易</a> <a
href="http://bj.163.com/">网易社区</a> <a href="http://www.163.com/yeah">搜索引擎</a>
<a href="http://freemail.yeah.net/">免费邮件</a> <a href="http://auctions.163.com/">网上拍卖</a>
<a href="http://www.163.com/serve/">个人服务</a></td>
</tr>
</TBODY>
</table>
<table border="0" cellPadding="0" cellSpacing="0" width="750">
<TBODY>
<tr>
<td class="p1" width="240"> <a href="http://freemail.yeah.net"><font color="#ff0000">赶快申请8M永久免费电子邮箱</font></a><br>
<a href="http://www.163.com/feedback/index5.html">网易公司诚聘英才</a><br>
</td>
<td width="500"><!--Here is ad beginning.--><!--webbot bot="HTMLMarkup" startspan --><IFRAME frameBorder="0" height="60" marginHeight="0" marginWidth="0" scrolling="no" src="http://202.106.124.33/html.ng/site=www.163.com&category=it&type=banner" width="468" BORDERCOLOR="#000000"><!--webbot bot="HTMLMarkup"
endspan --> <script LANGUAGE="JavaScript1.1"
SRC="http://202.106.124.33/js.ng/site=www.163.com&category=it&type=banner"></script>
<NOSCRIPT> <a
HREF="http://202.106.124.33/click.ng/Params.richmedia=yes&site=www.163.com&category=it&type=banner"><img
SRC="http://202.106.124.33/image.ng/Params.richmedia=yes&site=www.163.com&category=it&type=banner"></a>
</NOSCRIPT> <!--webbot bot="HTMLMarkup" startspan --></IFRAME><!--webbot bot="HTMLMarkup" endspan --><!--Here is ad end.--></td>
</tr>
</TBODY>
</table>
<table border="0" cellPadding="0" cellSpacing="0" height="10" width="740">
<TBODY>
<tr>
<td><img border="0" height="0" src="http://images.163.com/images/images/dot.gif" width="0"></td>
</tr>
</TBODY>
</table>
<table bgColor="#ffffff" border="0" cellPadding="0" cellSpacing="0" width="740">
<TBODY>
<tr>
<td width="120"><table border="0" cellPadding="0" cellSpacing="1" width="100%">
<TBODY>
<tr align="middle">
<td bgColor="#eeeeee" class="p1" height="20"><a href="http://www.163.com/news/index.html"><font
color="#000000">新闻</font></a></td>
<td bgColor="#eeeeee" class="p1"><a href="http://www.163.com/entertainment/index.html"><font
color="#000000">影视</font></a> </td>
<td bgColor="#eeeeee" class="p1"><a href="http://www.163.com/sports/index.html"><font
color="#000000">体育</font></a></td>
</tr>
</TBODY>
</table>
</td>
<td align="middle" bgColor="#0036b2" class="p1" height="20" width="40"><a
href="http://www.163.com/it/index.html"><font color="#ffffff">电脑</font></a></td>
<td width="440"><table border="0" cellPadding="0" cellSpacing="1" width="100%">
<TBODY>
<tr align="middle">
<td bgColor="#eeeeee" class="p1" height="20"><a
href="http://www.163.com/leisure/index.html"><font color="#000000">生活</font></a></td>
<td bgColor="#eeeeee" class="p1"><a href="http://www.163.com/science/index.html"><font
color="#000000">科学</font></a></td>
<td bgColor="#eeeeee" class="p1"><a href="http://www.163.com/economy/index.html"><font
color="#000000">财经</font></a></td>
<td bgColor="#eeeeee" class="p1"><a href="http://www.163.com/literature/index.html"><font
color="#000000">文化</font></a></td>
<td bgColor="#eeeeee" class="p1"><a href="http://www.163.com/game/index.html"><font
color="#000000">游戏</font></a></td>
<td bgColor="#eeeeee" class="p1"><a href="http://www.163.com/realestate/index.html"><font
color="#000000">房产</font></a></td>
<td bgColor="#eeeeee" class="p1"><a href="http://www.163.com/lady/index.html"><font
color="#000000">女性</font></a></td>
<td bgColor="#eeeeee" class="p1"><a href="http://www.163.com/health/index.html"><font
color="#000000">健康</font></a></td>
<td bgColor="#eeeeee" class="p1"><a href="http://www.163.com/jobs/index.html"><font
color="#000000">职业</font></a></td>
<td bgColor="#eeeeee" class="p1"><a href="http://www.163.com/education/index.html"><font
color="#000000">教育</font></a></td>
<td bgColor="#eeeeee" class="p1"><a href="http://spicy.163.com/"><font color="#000000">新辣</font></a></td>
</tr>
</TBODY>
</table>
</td>
<!--picture nav-->
<!--end picturenav-->
<td align="right" class="p1" vAlign="bottom" width="130"></td>
</tr>
</TBODY>
</table>
<table border="0" cellPadding="0" cellSpacing="0" width="750">
<TBODY>
<tr>
<td bgColor="#0036b2"><SPACER height="1" type="block"></td>
</tr>
</TBODY>
</table>
<table width="678" border="0" cellspacing="20" class="p2" height="144" mm_noconvert="TRUE">
<tr>
<td class="head" colspan="9">第三章 FLASH特效与实例</td>
</tr>
<tr>
<td class="subhead" colspan="9">第二节 冲击波效果</td>
</tr>
<tr>
<td class="table" colspan="9" height="10"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="400" height="100">
<param name=movie value="../imageforflash3/lesson3-2-1.swf">
<param name=quality value=high>
<embed src="../imageforflash3/lesson3-2-1.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="400" height="100">
</embed>
</object></td>
</tr>
<tr>
<td class="unnamed1" colspan="9" height="10">
<p>这一节我们来学习一个简单但却很有视觉感受的效果－－冲击波效果。说它简单，是因为它所用到的技术只不过是遮罩的一种最基本的应用。下面我们就来看一下这个效果是如何实现的。</p>
<p>新建一个文件，把背景改为黑色。用文字工具选择白色48号黑体字，写上“新闪光时代”几个字。选中这几个字，按<span class="yellow">F8</span>把它们转换成图形类图符，命名为“<span class="yellow">text</span>”。按<span class="yellow">Ctrl-C</span>把转换后的图符实例复制到剪帖板上。在第10帧按<span class="yellow">F5</span>键，这样这10帧的内容将保持不变。</p>
<p>新建一个层，按<span class="yellow">Ctrl+Shift-V</span>把刚刚复制好的文字图符实例粘帖到原来的位置上。现在两层中的文字重叠在一起，为了避免误操作，我们把下面一层锁住。在文字图符上点鼠标右键，选<span class="yellow">Scale</span>把它缩小一些。双击文字，在弹出的实例参数对话框中选<span class="yellow">Color</span>标签，并把<span class="yellow">Alpha</span>值设为80，如下图所示。</p>
</td>
</tr>
<tr>
<td class="table" colspan="9" height="10"><img src="../imageforflash3/3-2-1step1.gif" width="400" height="100"></td>
</tr>
<tr>
<td class="unnamed1" colspan="9" height="10">在第10帧按<span class="yellow">F6</span>插入关键帧。同样我们还用<span class="yellow">Scale</span>把这几个文字放大，比下面一层中的文字稍稍大一些就行，然后设置这一帧中文字的<span class="yellow">Alpha</span>值为50，如下图所示。在第1帧设置帧属性为运动渐变。</td>
</tr>
<tr>
<td class="table" colspan="9" height="10"><img src="../imageforflash3/3-2-1step2.gif" width="400" height="100"></td>
</tr>
<tr>
<td class="unnamed1" colspan="9" height="10">下面我们来做遮罩。首先再新建一个层，我们要在这一层上画一个如下图所示的圆环来，可以采用下面的方法：在层上用不同于背景的任意颜色画一个不带边线的圆来，在旁边再画一个不同于这个圆颜色的小一些的圆，也不带边线。把小圆拖到大圆的正中间，然后选箭头工具在两个圆的外面点一下，再点中间的小圆，按<span class="yellow">Delete</span>键删除即可。然后选中这个圆环，按<span class="yellow">F8</span>把它转换为图符。
</td>
</tr>
<tr>
<td class="table" colspan="9" height="10"><img src="../imageforflash3/3-2-1step3.gif" width="113" height="108"></td>
</tr>
<tr>
<td class="unnamed1" colspan="9" height="10">现在我们把这个圆环放在文字的正中间并缩小至下图所示大小，也可以把圆压扁一些。这里将是冲击波起始位置。</td>
</tr>
<tr>
<td class="table" colspan="9" height="10"><img src="../imageforflash3/3-2-1step4.gif" width="400" height="100"></td>
</tr>
<tr>
<td class="unnamed1" colspan="9" height="10">在第10帧按<span class="yellow">F6</span>新建关键帧，把这个圆环放大到下图所示大小，让圆环完全套住所有的文字。然后在第1帧设置帧属性为运动渐变。在这一层上按鼠标右键，在弹出的菜单中选<span class="yellow">Mask</span>，把这一层变为遮罩层。</td>
</tr>
<tr>
<td class="table" colspan="9" height="10"><img src="../imageforflash3/3-2-1step5.gif" width="600" height="178"></td>
</tr>
<tr>
<td class="unnamed1" colspan="9" height="10">设置好的时间轴窗口如下图所示：</td>
</tr>
<tr>
<td class="table" colspan="9" height="10"><img src="../imageforflash3/3-2-1timeline.gif" width="285" height="84"></td>
</tr>
<tr>
<td class="unnamed1" colspan="9" height="10">这样，全部的工作就做好了。看一看效果吧。大家在做的过程中，也许会遇到效果不太理想的问题，这就需要我们好好调整一下被遮罩层上关键帧的文字大小，<span class="yellow">Alpha</span>值以及遮罩层上圆环的大小，形状等等，以获取较为理想的冲击感。大家也可以试着在遮罩层和被遮罩层的第1帧帧属性中通过设置<span class="yellow">Easing</span>值改变圆环和文字移动的速度来改变最终的输出效果。<a href="../imageforflash3/lesson3-2-1.fla">这里</a>是这个示例的源文件。</td>
</tr>
</table>
<span class="subtitle2"></span> <span class="heha"></span> <span class="lanmudaoshi2"></span>
<span class="yellow"></span>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -