Illustrator制作简单的FLASH动画教程

  这篇AI制作简单的FLASH动画教程算是一个非主流的教程吧,因为大家都知道AI擅长的也不是这个事,本例我们以制作倒计时数字为例讲一下其制作方法,先看一下效果:

Illustrator制作简单的FLASH动画教程

  当然这个图是gif的

  具体的制作步骤如下:

  首先,新建文档新建一个大小为QVGA,颜色模式为RGB,分辨率为72的文档,命名为Flash动画

Illustrator制作简单的FLASH动画教程

  在画板中新建矩形路径,执行"对象》路径》分割为网格"命令,并调节数值:

Illustrator制作简单的FLASH动画教程

  然后适当调整路径大小,为路径填充颜色:

Illustrator制作简单的FLASH动画教程

  然后按住Alt整体移动并复制4个(Ctrl+D),并分别填充颜色,使图案组成相应数字

  (当然也可以制作更多)为图中每一个数字色块分别打组,然后,全部选中对齐到画板中央。(如果你的数字是按顺序做的,那么图层面板中数字就是有序的,如果不是,必须调整过来)然后全部选中,在"图层"面板中的菜单里选择"释放到图层(顺序)":

  释放后如图:

Illustrator制作简单的FLASH动画教程

  然后,执行"文件》导出"命令导出动画,导出时,选择导出格式为*.swf

  在弹出的对话框中,设置导出为"AI图层到SWF帧",在点击"高级"按钮设置帧速率为1帧/秒,图层顺序从下往上。。。

  点击确定,OK!

  然后就可以播放观看效果了……

  我自己制作的效果:

Illustrator制作简单的FLASH动画教程

分类:Illustrator教程 时间:2012-01-08 人气:6
本文关键词:
分享到:

相关文章

  • Illustrator的符号如何运用 2013-08-10

      符号可以保存重复使用的图形,文件上若需要相同的物件时,将物件转换为「符号」之后,就可以随时取用。   Illustrator 的符号与Flash 动画软体的元件( Symbol ) 观念是相同的,只是中文翻译上的差别。   Illustrator 提供了多种内建符号,您可以直接使用内建的符号。   符号面版中的项目可视为「本体」,而在文件上的符号可视为其「分身」,因此若删除了符号项目会出现以下警告讯息:   一个或多个符号使用中,在其范例展开或删除之前无法删除这些符号。   展开范例:   

  • Illustrator矢量绘制美丽圣诞树 2014-06-29

      圣诞将至,大家有没有想过自己用软件绘制一棵圣诞树呢?下面我们以Illustrator CS2中文版为例介绍制作的方法,9.0以上的Illustrator版本同样适用。绘制出的圣诞树可以作为素材制作贺卡、Flash动画、插画等等。   西方人以红、绿、白三色为圣诞色,圣诞节来临时家家户户都要用圣诞色来装饰。红色的有圣诞花和圣诞蜡烛。绿色的是圣诞树。它是圣诞节的主要装饰品,用砍伐来的杉、柏一类呈塔形的常青树装饰而成。上面悬挂着五颜六色的彩灯、礼物和纸花,有的还点着圣诞蜡烛。   具体绘制步骤如下

  • AI CS5新功能介绍 2013-09-09

      本文简单的像三联教程的AI FANS们介绍一下AI CS5的新增功能和特点。希望对大家有所帮助。   领略新的 Adobe® Illustrator® CS5 软件的精准度和强大功能。在透视中实现精准的绘图、创建宽度可变的描边、使用逼真的画笔上色,充分利用与新的 Adobe CS Live 在线服务**的集成。从构思到输出-快速完成任何项目。   透视绘图 新增功能   在精准的 1 点、2 点或 3 点直线透视中绘制形状和场景,创造出真实的景深和距离感。   优美的描边 新增功能   完全

  • Adobe CS5(Photoshop CS5/Flash CS5)真正官方简体中文完全版 官方下载地址 2012-10-17

    在Adobe中国官方宣布5月19号正式发布中文版时,在韩国某网站上出现了亚区版本下载,下载地址来自Adobe官方。包含简繁韩三语,大师版无一例外也出现了简繁韩三语下载。最主要的是下载速度超快!!请使用迅雷等下载软件下载!注意,一个是运行程序,一个是压缩包,两个都要下! 先放几个常用的: Adobe Photoshop CS5 http://trials2.stage.adobe.com/AdobeProducts/PHSP/12/win32/Photoshop_12_LS3.exe http:/

  • Illustrator矢量设计软件的使用技巧 2012-12-08

      Illustrator做的字体怎么变弯曲与路径   工具栏上的文本工具是一个工具组,左键单击文本工具不放可以弹出他的组工具,里面有路径文本工具。   使用方法:先利用钢笔工具或者其他图形工具,像你给出来的图就用圆形工具画出圆,然后用路径文本工具,当鼠标移到圆边上的时候有有反应,点击就可以输入文字了,其他路径方法相同!   另外在菜单栏的文本菜单里有路径文本,当成功创建路径文本后,子菜单生效,里面有路径文本选项,可以对路径文本作更详细的设置调节。   AI里怎么调渐变颜色?   首先,打开你的

  • Illustrator制作精确六面体 2013-05-22

      在很多站点上我们经常可以看到运用六面体制作的漂亮Flash作品或壁纸。   六面体制作看起来十分简单,但是想制作出比较规矩的六面体还需要一点小技巧。   下面就随着Relen一起看看在Illustrator中如何运用参考线制作严谨六面体的方法吧!   启动Illustrator后【Ctrl +N】新建一个文件,【M】选择矩形工具。点住【Shift】在画板上绘制一个正方形。   【Ctrl +R】打开标尺,从水平标尺区拖拽出一条参考线。在画板上点击右键,如果看到锁定参考线选项被选中,把它关闭。

  • flash遮住div层解决办法(兼容所有浏览器) 2012-01-03

    很多朋友都会碰到在使用了flash之后,如果有下拉菜单这种效果,我们下拉菜单在碰到flash之后就会不见了,下面我来给大家介绍一个兼容所有浏览器的flash遮住div层解决办法 大家最常用的办法就是 •ie:在<object>标签中增加: 代码如下 复制代码 <param name=“wmode” value=“transparent”> • •Firefox:在 代码如下 复制代码 <object>-><embed>标签中增加 wmode=

  • Illustrator CS5中的3D绕转命令详解 2012-01-04

      在Illustrator中,执行"3D绕转"命令,可以将图形沿自身的Y轴绕转成三维的立体对象,与"凸出和斜角"命令相同,还可以对绕环的三维对象添加贴图和应用光源效果,制作出逼真的三维图形效果。   下面我们以实例的方式向大家介绍:   具体的制作步骤如下:   (1)打开本实例配套素材"糖果广告.ai"文件。   (2)选择瓶盖路径,执行"效果"→"3D"→"绕转"命令。   (3)设置该对象的绕转方向。   (4)手动调整对象的旋转角度。

  • Adobe Illustrator 工具箱详解 2012-01-05

    Illustrator工具箱详解 *********************************************************************** 1,要显示隐藏的工具,按在工具上直到隐藏的工具弹出(点击最后的小竖块可以单独扩展为一个工具板),或按ALT键点击工具在隐藏的工具中轮流切换。或按SHIFT键+工具的快捷键直到切换为要使用的工具。 2,有些工具有其自己的设定选项,双击工具可打开设定选项。这些工具有设定选项:画笔,铅笔,长度测量工具,混合工具,及多边形和多角

Copyright (C) quwantang.com, All Rights Reserved.

趣玩堂 版权所有 京ICP备15002868号

processed in 0.058 (s). 10 q(s)