风吹麦麦浪 發表於 2014-7-15 10:43:20

教你用Freehand 制作文字变形动画效果

<p align="left">  本教程是教琼殿技术社区的朋友利用Freehand 制作文字变形动画效果,不需要利用Flash就能制作,且制作出来的效果和Flash不相上下,转发过来,希望对琼殿技术社区的朋友有所帮助!</p>
<p align="left">  用过Flash的朋友们想必都知道,Flash中的一项基本的变形效果就是Shape形状变形,将二个不同的对象分别放置在间隔一定距离的首尾二帧中,然后对它们执行Shape变形,就能使这二个对象形状产生平滑的过渡,这中间的过程都是Flash自己计算出来的。不经意间发现在Freehand居然也能制作这种效果,将它保存为SWF文件的话,真的和在Flash中制作出来的效果不相上下。</p>
<param value="4339" name="_cx" />
<param value="2540" name="_cy" />
<param value="" name="FlashVars" />
<param value="//img.jbzj.com/file_images/article/201407/20140715103742351.swf" name="Movie" />
<param value="//img.jbzj.com/file_images/article/201407/20140715103742351.swf" name="Src" />
<param value="Window" name="WMode" />
<param value="-1" name="Play" />
<param value="-1" name="Loop" />
<param value="High" name="Quality" />
<param value="" name="SAlign" />
<param value="-1" name="Menu" />
<param value="" name="Base" />
<param value="always" name="AllowScriptAccess" />
<param value="ShowAll" name="Scale" />
<param value="0" name="DeviceFont" />
<param value="0" name="EmbedMovie" />
<param value="" name="BGColor" />
<param value="" name="SWRemote" />
<param value="" name="MovieData" />
<param value="1" name="SeamlessTabbing" />
<param value="0" name="Profile" />
<param value="" name="ProfileAddress" />
<param value="0" name="ProfilePort" />
<param value="all" name="AllowNetworking" />
<param value="false" name="AllowFullScreen" />
<param value="false" name="AllowFullScreenInteractive" />
<param value="0" name="IsDependent" />
<p>  制作文字变形的效果其实非常简单。由于使用中文文字,所以请大家用Freehand 10的简体中文版来制作,如果您是以英文字母来制作这个效果的话,用英文版的Freehand也无所谓。</p>
<p>  选择工具面板中的文字工具在当前页面中单击,然后输入几个你想要做变形效果的文字,本例中我输入文字&quot;设计在线&quot;。</p>
<p align="center"><img border="1" alt="" width="280" height="178" src="https://img.jbzj.com/file_images/article/201407/20140715103742343.gif" /></p>
<p>  Freehand中默认的中文字体是宋体,我们打开文字面板(窗口&gt;检查器&gt;文字),给文字设置一个比较粗的字体,本例中我设置为隶书,然后在文字尺寸对话窗口设置字体大小为120,按回车确认。</p>
<p align="center"><img alt="" width="264" height="228" src="https://img.jbzj.com/file_images/article/201407/20140715103742344.gif" /></p>
<p>  此时文字对象处于被选择状态,使用菜单命令:文字&gt;转换为路径,使用了这个命令后文字就转成了路径,失去了文字的所有属性,所以在执行这步操作之前,要确定好你到底要选择哪个字体效果。然后执行菜单命令:修改&gt;取消组合,就能得到如下图所示的单个的文字路径对象。</p>
<p align="center"><img border="1" alt="" width="519" height="116" src="https://img.jbzj.com/file_images/article/201407/20140715103742345.gif" /></p>
<p>  依次选择单个的文字路径对象,在工具面板的颜色选项中,分别给四个文字对象填充上不同的颜色。</p>
<p align="center"><img border="1" alt="" width="501" height="108" src="https://img.jbzj.com/file_images/article/201407/20140715103742346.gif" /></p>
<p>  使用快捷方式Ctrl+A全选这些文字路径对象,打开对齐面板(窗口&gt;面板&gt;对齐),在对齐面板中设置水平和垂直的对齐方式都为居中,点击应用按钮。此时这四个文字对象都会重叠在一起,中心点对齐。 </p>
<p align="center"><img border="1" alt="" width="290" height="272" src="https://img.jbzj.com/file_images/article/201407/20140715103742347.gif" /></p>
<p>  此时文字对象处于全选状态,使用菜单命令:修改&gt;结合&gt;混合,这样文字与文字之间就能产生混合操作,虽然从下图我们看不到任何效果,只能感觉文字不象先前那么清楚了,不过这是正常状态,不用去担心。</p>
<p align="center"><img border="1" alt="" width="150" height="97" src="https://img.jbzj.com/file_images/article/201407/20140715103742348.gif" /></p>
<p>  接下来我们就要创建最关键的一步操作了,使这些混合后的对象分布到层中去,然后就能看到动画效果了。执行菜单命令:外加功能&gt;动画&gt;释放到层。当释放到层对话窗口显示出来的话,我们设置动画选项为序列,并且选择使用现有层,点击确定按钮。</p>
<p align="center"><img border="1" alt="" width="263" height="288" src="https://img.jbzj.com/file_images/article/201407/20140715103742349.gif" /></p>
<p>  现在我们来设置一下SWF文件的属性,使用菜单命令:控制&gt;电影设置,在电影设置对话窗口中,选择动画方式为层,帧速率为12fps,选择自动播放选项,点击确定按钮。设置完这些,使用快捷方式Ctrl+Enter,就能在Flash Player中观看这个Flash文件了。是不是感觉效果和在Flash中制作的文字变形效果一样呢?</p>
<p align="center"><img alt="" width="312" height="403" src="https://img.jbzj.com/file_images/article/201407/20140715103742350.gif" /></p>
<p>  提示:刚才在制作的过程中,如果我们不把文字路径对象中心点对齐的话也可以产生动画效果,只不过文字与文字之间的变形会有一定的偏移,或许这又是另一种效果,大家可以自己试试。</p>
<p>  教程结束,以上就是Freehand 制作文字变形动画效果过程,希望大家通过本篇教程能学到更多有关Freehand知识!</p>
頁: [1]
查看完整版本: 教你用Freehand 制作文字变形动画效果