📄 09.htm
字号:
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<META NAME="Generator" CONTENT="Microsoft Word 97">
<TITLE></TITLE>
<META NAME="Template" CONTENT="C:\PROGRAM FILES\MICROSOFT OFFICE\OFFICE\html.dot">
<link rel="stylesheet" href="../../cpcw.css"></HEAD>
<BODY LINK="#0000ff" VLINK="#800080">
<table width="85%" border="0" align="center">
<tr bgcolor="#FFFFFF">
<td>
<p align="CENTER"><font size="6" lang="ZH-CN"><font color="#FF3333" class="title"><b><font color="#0000FF">如何使用色彩特效</font></b></font></font></p>
<p align="JUSTIFY"></p>
<hr>
<p align=center><span class="a9"><object align=middle classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000
codebase=http://active.macromedia.com/flash2/cabs/swflash.cab#version=3,0,0,0
height=150 id=12 width=398 border = 0>
<param name="Movie" value="12.swf">
<param name="Src" value="12.swf">
<param name="WMode" value="Window">
<param name="Play" value="-1">
<param name="Loop" value="-1">
<param name="Quality" value="High">
<param name="SAlign" value="">
<param name="Menu" value="0">
<param name="Base" value="">
<param name="Scale" value="ShowAll">
<param name="DeviceFont" value="0">
<param name="EmbedMovie" value="0">
<param name="BGColor" value="FFFFFF">
</object><br>
完成作品 ( <font color=#ff0000>902 bytes</font> )</span></p>
<hr size=0>
<p><span class="a9">1. 应用「<a href="flash3.htm">教学单元01 : 如何产生 Motion 变化</a>」做好的
Flash 动画为例子,加上<font color=#ff0000>色彩特效</font>等变化!<font color=#0000ff>颜色变化</font>、<font
color=#0000ff>透明</font>.</span></p>
<p><span class="a9">( <font color=#ff0000><strong>PS.</strong></font> 可以做出「<font
color=#ff00ff>残影</font>」效果喔!详情在底下的<a href="#附帶一提">附带一提</a>说明!)</span></p>
<hr size=0>
<p><span class="a9">2. 首先将时间轴移至<font color=#0000ff>第 1 影格</font>处,也就是 Motion
开始变化的<font
color=#ff00ff>第一个画面</font>。</span></p>
<p><span class="a9"><img height=45 src="12/01.gif" width=167></span></p>
<hr size=0>
<p><span class="a9">3. 在符号处按<font color=#0000ff>滑鼠右键</font>,会弹出一个功能表,选择「<font
color=#ff0000>內容</font>」选项。</span></p>
<p><span class="a9">( <font color=#ff0000><strong>PS.</strong></font> 符号是「<font
color=#0000ff>群组</font>」关系,功能表才会有「<font color=#ff0000>內容</font>」选项喔!<font
color=#ff00ff>打散</font>、<font color=#ff00ff>非符号</font>、<font
color=#ff00ff>非群组</font>等等,都没有此选项,就无法使用「<font color=#ff0000>色彩特效</font>」了!<font color=#0000ff>解決办法</font>:以此例子来说,将文字建立成一个「<font
color=#ff0000>符号</font>」,它就是一个「<font color=#0000ff>群组</font>」关系的符号了!)</span></p>
<p><span class="a9"><img height=269 src="12/02.gif" width=205></span></p>
<hr size=0>
<p><span class="a9">4. 您将可以看到「<font color=#ff0000>色彩特效</font>」页面,色彩特效初始值是「<font
color=#0000ff>无</font>」,在下拉式选项中,可以看到以下选项:<br>
「<font
color=#0000ff>亮度</font>」: 调整符号颜色的亮度。<br>
「<font color=#0000ff>浓淡</font>」: 调整符号颜色的浓淡。<br>
「<font color=#0000ff>Alpha</font>」: 调整符号的透明度。<br>
「<font
color=#0000ff>特別</font>」: 综合上面三个特效功能。</span></p>
<p><span class="a9"><img height=251 src="12/03.gif" width=483></span></p>
<hr size=0>
<p><span class="a9">5. 因为「<font color=#ff0000>特別</font>」选项综合「<font
color=#0000ff>亮度</font>」、「<font color=#0000ff>浓淡</font>」、「<font
color=#0000ff>Alpha</font>」三个特效功能,所以选择此选项来做示范,先说明一下<font
color=#ff00ff>左半边栏位</font> ,「<font color=#0000ff>红</font>」、「<font
color=#0000ff>蓝</font>」、「<font color=#0000ff>绿</font>」这三个很容易懂,就是调整符号颜色的浓淡,「<font color=#0000ff>Alpha</font>」就是调整符号的透明度,剩下的<font
color=#ff00ff>右半边栏位</font>就是「<font color=#0000ff>亮度</font>」,用来调整符号颜色的亮度。</span></p>
<p><span class="a9">一开始,我们都还没使用任何「<font color=#0000ff>色彩特效</font>」,您可以在<font
color=#ff00ff>右上方符号预览</font>处,看到符号还没有变化。</span></p>
<p><span class="a9"><img height=251 src="12/04.gif" width=483></span></p>
<hr size=0>
<p><span class="a9">6. 接着我们在「<font color=#0000ff>Alpha</font>」栏位失入数值「<font
color=#ff0000>0</font>」,调整符号的透明度为「<font color=#0000ff>完全透明</font>」,也就是看不見,您可以在<font color=#ff00ff>右上方符号预览</font>处,看到符号已经消失了!就这么简单,您也可以给它适当的数值,调整出「<font color=#0000ff>半透明</font>」喔!最后记得按下「<font
color=#ff0000>确定</font>」。</span></p>
<p><span class="a9"><img height=251 src="12/05.gif" width=483></span></p>
<hr size=0>
<p><span class="a9">7. 回到主画面,<font color=#0000ff>第 1 影格</font>的画面,符号是不是「透明」了呢?!</span></p>
<p><span class="a9"><img height=89 src="12/06.gif" width=172></span></p>
<hr size=0>
<p><span class="a9">8. 依样画葫芦,将<font color=#0000ff>第 20 影格</font>画面中的符号</span><span class="a9">也「<font
color=#ff0000>透明</font>」,就可以做出此教学单元的特效了!</span></p>
<p><span class="a9"><img height=46 src="12/07.gif" width=168></span></p>
<hr size=0>
<p><span class="a9">9. 完工啦!可以输出作品啦!</span></p>
<hr size=0>
<span class="a9"><a name=附帶一提></a>10. 附带一提,此教学单元所教的透明特效,可以做出「<font
color=#0000ff>残影</font>」效果喔!准备好<font color=#ff00ff>两个图层</font> ( 更多也可以 ),<font color=#0000ff>第一个图层</font>开始展示动画,符号
<font color=#0000ff>Alpha</font> 透明度数值给<font color=#ff0000>大</font>一点,而<font
color=#0000ff>第二图层</font>紧接着在第一图层的后面,时间轴<font color=#ff00ff>相差一两个影格时间</font> ,开始展示动画,符号
<font color=#0000ff>Alpha</font> 透明度数值給<font
color=#ff0000>小</font>一点,有点「<font color=#ff00ff>半透明</font>」的效果,动画播放起來,就会有「<font color=#0000ff>残影</font>」的效果存在了!在此给大家一个观念,Flash
动画不是单一符号组合而成的,就跟电影一样,只有一位演员在演出,是不是很单调呢?所以,应用多一点的<font color=#0000ff>符号</font>、<font
color=#0000ff>图层</font>、<font color=#0000ff>特效</font>等等,所组合产生出來的 Flash 动画,才会精采喔!</span>
<hr size=0>
<p align="center"><a href="../homepage.htm"></a> <a href="08.htm">上一节</a>
<a href="10.htm">下一节</a></p>
<font face="宋体" lang="ZH-CN">
<p align="CENTER"> </p>
</font></td>
</tr>
</table>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -