首页
关于我们
服务项目
作品展示
服务支持
联系我们
友情链接
网站地图
 您当前位置:网络学院 -> 图像网站系-> 图形图像-> FireWork
Fireworks制作“心跳”文字动画
作者:admin 来源:网络
日期: 2007-2-26
站内搜索
文章页数:[1] 
<P style="TEXT-INDENT: 2em">本例中我给大家介绍一种用Fireworks制作动态变形LOGO——“心跳”文字特效的方法。 </P>
<P style="TEXT-INDENT: 2em">完成效果图如下:</P>
<P style="TEXT-INDENT: 2em"></P>
<P style="TEXT-INDENT: 2em">
<CENTER><IMG src="/admin/editor/UploadFile/200722616324313.gif" border=0></CENTER>
<P></P>
<P style="TEXT-INDENT: 2em"><STRONG>步骤一</STRONG>、建立300*300的画布,在画布上用矩形工具拉出一个88*31的矩形;选择这个矩形,从对象这个菜单中修改圆角尺寸。</P>
<P style="TEXT-INDENT: 2em"></P>
<P style="TEXT-INDENT: 2em">
<CENTER><IMG src="/admin/editor/UploadFile/200722616325302.gif" border=0></CENTER>
<P></P>
<P style="TEXT-INDENT: 2em">技巧:当然,你也可以直接用圆角矩形工具拉圆,不过他的圆角角度也需要这样调节。</P>
<P style="TEXT-INDENT: 2em">另外还有可以在拉矩形的同时按键盘上的方向键--上和下--同样也可以起到调节圆角的功能。</P>
<P style="TEXT-INDENT: 2em"><STRONG>步骤二</STRONG>、下面我们要做那个类似新浪网站的眼睛了。</P>
<P style="TEXT-INDENT: 2em">(1)眼睛的轮廓:用圆形工具直接画出2个椭圆,放在一起,分别填充不同的颜色。</P>
<P style="TEXT-INDENT: 2em"></P>
<P style="TEXT-INDENT: 2em">
<CENTER><IMG src="/admin/editor/UploadFile/200722616326457.gif" border=0></CENTER>
<P></P>
<P style="TEXT-INDENT: 2em">(2)眼球:画一个小的正圆,填充成深色,加上平滑化内斜角的效果。</P>
<P style="TEXT-INDENT: 2em"></P>
<P style="TEXT-INDENT: 2em">
<CENTER><IMG src="/admin/editor/UploadFile/200722616326591.gif" border=0></CENTER>
<P></P>
<P style="TEXT-INDENT: 2em">(3)眼毛:画一个长矩形,用缩放工具旋转他的角度。一共5个,分别按不同的角度排列起来。</P>
<P style="TEXT-INDENT: 2em"></P>
<P style="TEXT-INDENT: 2em">
<CENTER><IMG src="/admin/editor/UploadFile/200722616326987.gif" border=0></CENTER>
<P></P>
<P style="TEXT-INDENT: 2em">(4)下面的部分:画一个圆角长矩形,选择倾斜工具,点中矩形的底部角上的点,向内拉,形成梯形。</P>
<P style="TEXT-INDENT: 2em"></P>
<P style="TEXT-INDENT: 2em">
<CENTER><IMG src="/admin/editor/UploadFile/200722616326202.gif" border=0></CENTER>
<P></P>
<P style="TEXT-INDENT: 2em">把刚才做的那┒鞣旁谝黄穑统闪薙INA的眼睛:</P>
<P style="TEXT-INDENT: 2em"></P>
<P style="TEXT-INDENT: 2em">
<CENTER><IMG src="/admin/editor/UploadFile/200722616326106.gif" border=0></CENTER>
<P></P>
<P style="TEXT-INDENT: 2em"><STRONG>步骤三</STRONG>、修饰LOGO画布。</P>
<P style="TEXT-INDENT: 2em">用一些图形充满画布,如果有超出88*31的范围的形状,别着急,只要把刚才的作为底板的88*31矩形复制,改成黑色,放到那些图形上面,组成蒙板,多余的边角就会被挡起来。 </P>
<P style="TEXT-INDENT: 2em"></P>
<P style="TEXT-INDENT: 2em">
<CENTER><IMG src="/admin/editor/UploadFile/200722616327467.gif" border=0></CENTER>
<CENTER>
<P style="TEXT-INDENT: 2em"><STRONG>步骤四</STRONG>、输入文字部分</P>
<P style="TEXT-INDENT: 2em" align=left>一个字一个字的输入,用缩放工具自行调节文字的角度,并将刚才制作的“眼睛”也放上去。</P>
<P style="TEXT-INDENT: 2em"></P>
<P style="TEXT-INDENT: 2em">
<CENTER><IMG src="/admin/editor/UploadFile/200722616327679.gif" border=0></CENTER>
<P></P>
<P style="TEXT-INDENT: 2em" align=left><STRONG>步骤五</STRONG>、建立88*31的透明画布,将刚才制作的全部内容复制到新建画布上。</P>
<P style="TEXT-INDENT: 2em" align=left><STRONG>步骤六</STRONG>、选中其中的“玛”字,单击鼠标右键,选择其中的“转化为路径”,这样,这个文字就被变成了线段组成的形状,而不是过去的字体了。</P>
<P style="TEXT-INDENT: 2em"></P>
<P style="TEXT-INDENT: 2em">
<CENTER><IMG src="/admin/editor/UploadFile/200722616327833.gif" border=0></CENTER>
<P></P>
<P style="TEXT-INDENT: 2em" align=left>我们用工具栏中的“部分选取工具”点中“玛”字,会发现都变成了一些点组成了“玛”字的外部轮廓。</P>
<P style="TEXT-INDENT: 2em"></P>
<P style="TEXT-INDENT: 2em">
<CENTER><IMG src="/admin/editor/UploadFile/200722616327388.gif" border=0></CENTER>
<P></P>
<P style="TEXT-INDENT: 2em" align=left>这时再选择工具栏中的“改造区域工具”,如图在其选项栏中调节压力点的大小,强度;再用这个工具在“玛”字的路径边缘向外拓展,文字就会变形(可以自己修改成各种形状,其他的文字变化之作道理同样)</P>
<P style="TEXT-INDENT: 2em"></P>
<P style="TEXT-INDENT: 2em">
<CENTER><IMG src="/admin/editor/UploadFile/200722616328893.gif" border=0></CENTER>
<P></P>
<P style="TEXT-INDENT: 2em" align=left><STRONG>步骤七</STRONG>、眨眼的制作过程基本是在三帧中做成的,三帧分别用“部分选取工具”调节眼睛第二轮廓和眼球的大小即可。</P>
<P style="TEXT-INDENT: 2em"></P>
<P style="TEXT-INDENT: 2em">
<CENTER><IMG src="/admin/editor/UploadFile/200722616329987.gif" border=0></CENTER>
<CENTER>&nbsp;</CENTER>
<DIV style="TEXT-INDENT: 2em" align=left><STRONG>步骤八</STRONG>、参照下图,控制每帧节奏。</DIV>
<CENTER style="TEXT-INDENT: 2em">&nbsp;</CENTER>
<CENTER style="TEXT-INDENT: 2em">&nbsp;</CENTER>
<CENTER><IMG src="/admin/editor/UploadFile/200722616329634.gif" border=0></CENTER>
<CENTER>&nbsp;</CENTER>
<P style="TEXT-INDENT: 2em" align=left><STRONG>步骤九</STRONG>、制作完毕,选择菜单文件--〉导出向导--〉选择全部帧导出GIF动画。</P>
<P style="TEXT-INDENT: 2em" align=left>好了,这个动态文字的LOGO就这样完成了。</P>
<CENTER style="TEXT-INDENT: 2em">&nbsp;</CENTER>
<CENTER style="TEXT-INDENT: 2em">&nbsp;</CENTER>
<CENTER><IMG src="/admin/editor/UploadFile/2007226163210360.gif" border=0></CENTER>
<CENTER>&nbsp;</CENTER>
<P style="TEXT-INDENT: 2em" align=left>小技巧:这个实例程主要介绍了Fireworks中文字“转成路径”功能,这个功能很重要,在一些软件中被称为“转换曲线”。比如你设计是使用了某种字体,保存源文件,但是如果对方的计算机上没有这个字体,就会被别的字体替代,而将字体转成路径后,就会保留住你原有的字体(因为它已经不是字体了,而是路径),这个功能还有很多的作用,以后大家可以慢慢摸索。</P></CENTER>
文章页数:[1] 
放大字体显示 缩小字体显示 打印文章 推荐给朋友
热门文章
·Fireworks逐帧动画效果及实例剖析
·用Fireworks绘制网页视觉设计稿
·用Fireworks为照片做精美边框
·Fireworks动画制作基本类型
·Fireowrks制作幽默卡通表情
·Fireworks 9亲密接触(1):轻松打造Flash相册
·Fireworks矢量立体图标完整教程
·使用Fireworks 8 制作指南针实例
·Fireworks 9亲密接触(3):超级缩放
·Fireworks中画虚线方法
最新文章
·Fireowrks制作幽默卡通表情
·Fireworks逐帧动画效果及实例剖析
·Fireworks动画制作基本类型
·用Fireworks打造漂亮流光吊坠
·使用Fireworks 8 制作指南针实例
·用Fireworks 8打造美丽的雨后蝴蝶
·用Fireworks绘制网页视觉设计稿
·用Fireworks为照片做精美边框
·Fireworks制作“心跳”文字动画
·Fireworks矢量立体图标完整教程
相关主题
  • 用Fireworks打造漂亮流光吊坠
  • 用Fireworks绘制网页视觉设计稿
  • 用Fireworks为照片做精美边框
  • Fireworks关于圆角矩形边框线清晰度的问题
  • Fireworks精细描绘甲壳虫汽车
  • 版权申明:除部分特别声明不要转载,或者授权本站独家播发的文章外,大家可以自由转载本站的原创文章,但原作者和来自本站的链接必须保留(非本站原创的,按照原来自一节,自行链接)。文章版权归本站和作者共有。
    转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去本站水印。
    特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有。
    发表评论  打印  刷新  推荐给朋友  返回顶部  关闭

    网上大名: