推荐阅读
详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及，越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词，本人诠才末学，只能说是在自己目前的层次上去解释这词，请不吝赐教，相信探讨完后会让我更上一个层次。什么是视觉一致性?一致，即整体、统一。在我看来，它与对比是形成了互斥的矛盾关系，但两者同时也是相辅相成的。因为两者的和谐存在，才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味，如果缺少了一致也会显得杂乱无章，所以两者是不可或缺，但需要调和。所以说，美就像是走在钢索上的人，两边都是陷阱，要走下去就必须保持两边的平衡。笼统上讲，视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子，而视觉一致性可以提高产品所塑造的品牌形象，一定程度上减少用户的认知成本。好比你进去LouisVuitton的店铺时，你不可能会看到有Chanel或者其他品牌风格的包包罗列在里面吧，LouisVuitton同一个系列的包，从手提包到肩包到行李箱，虽然产品上略有不同，但它们的细节和气质都是一致的，标识图形、埃尔泽菲尔字体以及颜色已经形成了其品牌的识别符号。甚至其衍生产品也都保留着LV独有的气质。我不是一个网游爱好者，但对游戏界面略有研究。当你在玩2D的阿拉德欧式风格的游戏，途中突然弹出一个3D的很唯美的又带有东方古典风的广告弹窗，肯定会觉得很不和谐吧。当你使用游戏中的充值币时，细心点你会发现消耗充值币的动画与消耗游戏币、消耗体力等消耗类的动画效果是一致的。其实每一款好的游戏界面都必须做到相关元素一致性、风格一致性、色彩搭配一致性等，这样才会给用户带来好的体验。还有就是你常看到的系列广告，他们系列感也是可以通过好些方式(画面表现手法，内容板式，slogan的位置等)来体现出视觉一致性，让用户可以直观出同一个产品的系列广告。
用美图秀秀怎么修改gif图片尺寸裁剪gif大小
gif设计的时候，是一组相同尺寸的图片，加上动图效果生成的动图。那么要修改其尺寸，且不破坏原有的动图效果，那么就需要找到合适的软件才能完成，本文使用美图修改动图，也是为了能够让大家轻松掌握，虽然不能像裁剪图片那般容易，但一些技巧还是有一定的借鉴意义的，希望看完本篇教程，能够给您启发。 1、使用的还是v4，v5最新版不支持此种操作，美图官网直接点击【立即下载】，安装完成后启动软件。 2、首先用美图打开动图，以静态图片的形式展示，目的是为了确定裁剪尺寸。下图中打开gif图片，提示显示为静态图片，点击确定即可。 3、图片打开之后，如下图所示，我们只需要中间的区域，点击裁剪按钮， 4、通过拖拉选框，找到合适的位置，比如下图中，中间图案的尺度为140*90，我们的目的就是把gif裁剪为此尺寸。 5、点击右上角的【新建】按钮，弹出的界面上，输入上面获取的宽度和高度值，背景色选为【透明】，点击应用按钮， 6、创建出的画布上，单击右键，点击弹出的【插入一张图片】，选中gif图片。 7、因为固定了画布大小，所以只需要移动gif图到合适的位置，露出需要的图案部分即可，然后点击右上角的【保存与分享】按钮， 8、弹出的界面上，可以看到默认展示的动图缩略图，以及后缀名为gif，更改路径和文件名之后点击保存即可。 如果只是修改gif图片的尺寸，那么就更为简单了，只需要新建画布，拖拉缩放gif图片保存即可，如有疑问可以在下方留言。
Illustrator CS5初学者必读（15）复杂无缝贴图
在上节内容中制作了较为简单无缝贴图，在本节内容中，继续为朋友们讲述使用裁切标记，制作较为复杂的无缝贴图的方法。为了更加便于朋友们理解这个命令的应用原理，我精心的为朋友们安排了实例，在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。（1）执行“文件”→“打开”命令，将“复杂图案.ai（2）在“图层”调板中，复制“背景”图层。（（4）执行“对象”→“创建裁切标记”命令，创建裁切标记。
Painter9.5+友基绘影绘制卡通人物漫画
工具：Painter9.5+ 友基绘影ⅡPF8080 1.首先要完成线稿，漫画类的和写实的不同，线稿很重要。要有耐心，因为最后线稿不会覆盖全部显示的出来 图1 2.提线条 打开PS，将线条和之后要上色的图层分开，涂色的时候不要伤到线稿~，直接把背景图层复制到上一层，将模式改为正片叠底，然后把背景图层清空。将线稿调整颜色。 完成。 图2
最新发布
用 Fireworks 制作红墙砖头效果
前几天是5.1黄金周放大假我想大家都去旅游了吧~！呵呵。偶就一直在家....:o 这个效果是我在看新闻的时候有的想法，看见现在很多。 大学生泡MM都喜欢在大街的墙壁或者广告牌上写“**我永远**”的字样，这样很不雅观哦。。要是自己在网上做一个墙壁效果在自己涂鸦上去那我相信MM也会喜欢D~！哈哈`！好了废话到这里。咳~！ 1.先建立一个宽800高310的文件（我是这样做D，你也可以自由设置）。在画一个同文件大小的矩形。属性为：充填（灰色）充填类别：（线性渐变）。在点效果→杂点→新增杂点。属性为（数量15）得到效果如图： 2.复制（CTRL+C）粘贴（CTRL+V）刚才的矩形选效果→Eye candy 4000滤镜→摇动效果。属性为（移动类型：Browniar动作。 泡沫尺寸：307.69 弯曲数量：334.32。扭曲：49） 设置完后继续点效果→斜角和浮雕→内斜角。属性为：（斜角边沿形状：平坦。宽度：3。透明度：75%。柔化9。角度：142。按钮预设：凹入）得到效果如图： 3.好了背景也就是内墙制作完后我们就开始制作砖头。可以说整个效果也就在这里了。 ①首先我们先画一个宽73高25的矩形，颜色为（#CE3000）点效果→Eye candy 4000→摇动效果。 属性为（移动类型：Browniar动作。泡沫尺寸：25.24。弯曲数量：4.66。扭曲：18） ②这样砖头的轮廓就出来了~！我们在给他加点质感点效果→杂点→新增杂点。属性：（杂点数量：10） ③然后在点效果→斜角与浮雕→内斜角。属性为：（斜角边沿形状：平坦。宽度：2。透明度：100%。柔化3。角度：136。按钮预设：凸起） ④接下复制这个砖头，把复制出来的砖头属性改一下（把充填：无。笔触为灰色（#666666）大小为5。然后把新增杂点给去掉。）这样砖头效果的形状出来了。 ⑤我们在给他的质感优化一下。继续复制粘贴一个砖头除了摇动效果其他的效果都可以去掉。充填为：（#FF6600）点效果→Alien SKIN splat LE→Edqes 属性如图3这样我们的砖头就出来了`！ 小提示：[其实你也可以在给砖头来个渐变效果这样质感会好些。（渐变可以用线性但是透明度要掌握好哦，但是要做一面墙花的时间..... 4.砖头制作就这样了~！你可以利用刚才制作的方法在制作几块不一样的砖头，形状方面就在摇动里的属性调整就可以了~！然后就不停的复制粘贴~~！呵呵~！最后把所有的砖头组合（CTRL+G） 5.把砖头排列成墙的形状后我们在画一个和墙壁一样大小的矩形用线性渐变充填，效果为（新增杂点：数量30）选中组合过的砖头点修改→蒙版→组合为蒙板。得到的效果如图： 6.好了整个墙壁效果完成了`！其他的就是大家自己发挥自己的涂鸦才能了。 最后感谢在灵感论坛和经典论坛以及织梦论坛曾经给过建议的高手~！谢谢。（我自己觉得这次做的比开始做的那2个效果好了不少。要是那里不明白或者有那方面还需要改进的请留言指出。最后涂鸦后的效果如图： 效果Png源图： 砖头PNG原文件：
一例特效文字的制作简介
1、打开FW，新建一个文件，文件的大小自定。用矩形绘制工具在编辑区绘制一个矩形对象，作为背景，本例背景如下图所示 2、在编辑区输入文字，字体采用了一种较粗的字体“Arial Black”，字号采用了“120”大小，字体颜色为黄色，具体效果如下图所示。 3、选中文本对象，按组合键“Ctrl+Shift+P”，将文字转化为路径对象。按组合键“Ctrl+J”将转化的文本对象接合为一个单独的路径对象，此刻编辑区效果如下图所示。 4、给文字添加Effect效果－－阴影和光晕－－投影，投影设定采用默认值即可。此刻编辑区效果如下图所示。 5、选中文本对象，按组合键“Ctrl+Shift+D”，克隆一个文本对象。选中克隆对象，选择菜单命令“修改|改变路径|扩展笔触”，在弹出的“展开笔触”的设定窗口中进行如下图所示的设定。 6、编辑区文字效果出现。
Fireworks动画制作:飞机和降落伞
今天我们来学习用Fireworks制作一个精彩的动画，从这个例子中我们可以学习套索工具的使用和外部图像的输入方法，同时你还会实际接触到动画制作必不可少的概念如Layer（层）、Frame（帧）、Symbol（符号）和Instance（引用），以及如何合理地使用它们。 为了使动画看起来更加真实，我们采用飞机和降落伞的照片作为素材，如果你能仔细地按照下面的方法操作，就能做出和本例一样近似于电影画面的精彩动画。 第一步：导入飞机图片并去掉背景。打开一个新文件，Width=250，Hight=120，背景色为#0066FF。选择File > Import（导入外部文件），在目录中选择飞机的照片（本例使用的照片已事先调整好大小，为GIF格式），如图1。在工具箱中选择套索工具的Polygon Lasso，用鼠标细心地沿着飞机的外部轮廓一小段连着一小段地选取， 当选取的路径首位相连时，击下鼠标左键，轮廓线变为虚线，如图2。然后在主菜单中选择Edit > Cut，就把选取的飞机图像剪下并存入剪贴板中，再选择Edit > Deselect，Edit > Clear，清除掉剪下以后剩余不要的照片。 第三步：让飞机飞起来。选择Modify > Symbol > Tween Instances，在出现的对话框中，Step栏改为20，表示飞机从右下方飞到左上方的过程要用到20帧，勾上下面的小方框，如图5，点击OK。选择Window > Frames，打开帧面板，出现了一个有22行的帧编辑框，按着Shift键把他们全部选中，点击帧面板右上角的小三角形，选择Properties，在出现的对话框中把20改为10，使每一帧的播放时间由0.2秒变为0.1秒，再勾上下面的小方框，如图6。在帧面板的任意位置点一下鼠标，飞机的动画就完成了。按下屏幕右下角的播放键看一看，你会看到飞机由远处飞来，飞得越近就显得越大，最后从画面的左上方飞出。 第四步：降落伞的第一阶段。本例的设计思想是，飞机刚要飞出画面以前，有一副降落伞从飞机上降下，降落伞的下降过程分为三个阶段：未张开时快速掉下，未张开到迅速张开，张开以后缓慢摇摆下降。本步骤为它的第一阶段。点击Frame面板左边的Layer（层），打开Layer面板，你会看到已经有了Web Layer和Layer1两个层，而Layer1（第一层）上放的就是我们前面做的飞机动画。点击Layer面板右上角的小三角形，选择New Layer（建立新层），弹出一个对话框，如图7，不必改动它，点OK，就会在Layer面板上加入Layer2（第二层），降落伞就将放到这一层上，如图8。 点击Layer面板上部的Frame信息框，选中Frame18，再选中Layer2，选择主菜单File > Import ，输入降落伞的照片（已经事先做成了GIF格式的透明图片），然后仿照以上第二步和第三步的方法，把降落伞图像变为一个Symbol，取名Parash，并在其下方克隆出第二个降落伞图像，把两个图像都调整到最小，第一个移到紧靠飞机下腹位置，第二个移到它的左下方适当位置，然后选择Modify > Symbol > Tween > Instaces，帧数输入7，就完成了降落伞的第一阶段制作。编辑这一层时，为了不影响已经做好的第一层，可以把第一层加上锁（点击Layer面板中Layer1那一行眼睛图标右面的空格），图8中已表示出来。
Fireowrks制作夸张幽默的卡通表情
人的面部可以表现出成千上万、不计其数而又十分微妙的表情，而且表情的变化十分迅速、敏捷和细致，能够真实、准确地反映情感，传递信息。面部所表现出的各种各样的情感，最能吸引对方的注意。在你未开口之前对方就从你的面部表情上得到了一定的信息，对你的气质、情绪、性格、态度等有所了解了。所以有句话说得好，看人先看脸，脸是人的价值与性格的外观。所谓脸面不仅是指人的长相，主要是指面部表情。 对于经常上网聊天的朋友来说，表情图标一定不陌生，为了增强聊天的趣味性，减少打字量，系统有大量的表情短语，您运用得恰当，可以收到表达心意、夸张、幽默的效果。如图1.1所示。图1.1 卡通表情图标效果 思路分析 要准确地表现出表情的含义，需要多多的观察。对于使用技术来实现则是一个比较简单的过程。主要是使用了Fireworks的矢量工具结合渐变色来实现的。 实现步骤 1、新建一个Fireworks文件。 2、在弹出的【新建文档】对话框中设置画布的宽度和高度为400像素，背景颜色为白色。如图1.2所示。图1.2 新建文档对话框
Fireworks制作不规则热区网页
热区（Hotspot）有时又称之为热点，是图像上带有超链接的一块区域，它可以呈矩形、圆形、甚至还可以是多边形。和文本超链接的情况一样，当浏览者将鼠标移动到热点上时，鼠标会变成手形。 文本和图像都可以在网页上创建超级链接。一般情况下一个图像只链接到一个目标。但是有时候一幅较大的图片上有不同的小区域，不同的小区域的图片要相应地链接到不同的目标上去，这样就需要利用到热区的功能。我们可以在这个大的图像上相应的部分绘制多个热区，然后将这些热区分别链接到不同的目标文件之中就可以上述目的。在浏览器中浏览时，鼠标放到热区时，鼠标变为手状，单击这些区域时会跳转到不同的链接页面上去。 下面我们以一幅图片来具体说明热区的概念。图1所示的是一幅天柱山风景名胜区的风光图片，在这幅图片上有太平塔、天柱山主峰、九井河、龙潭河、黑虎瀑以及天柱山门几个景点的小的图像。 如果还有这几个景点的详细介绍的HTML文件，那么我们就可以在这六张小图上绘制六个热点，然后分别将它们链接到有这几个景点详细介绍的页面上去。例如，我们将鼠标放置到太平塔的小图片上去，这时候鼠标能够变成手形，点击一下鼠标就跳转到了有太平塔景点详细资料的页面上去了。 下面我们具体讲一讲Fireworks中热区的创建和使用方法。 图1 天柱山风光图图2 在Fireworks中打开图像 （2）点击工具箱上的热点工具，我们会看见如图3所示的三类热区工具，Rectangle Hotspot tool“矩形热点”工具、Circle Hotspot tool “圆形热点”工具和Polygon Hotspot tool “多边形热点”工具。下面就分别讲讲这三类热区工具的使用。 图3 三类热区工具 * 矩形热点工具（Rectangle Hotspot tool）：用于绘制矩形热点区域。选中它后在图像适当位置按下鼠标左键拖动鼠标，即可绘制出矩形热区。如果同时按住Shift键还可以绘制正方形热区，如图4所示。 图4 绘制矩形热区图5 绘制多边形形热区 * 圆形热点工具（Circle Hotspot tool）：用于绘制一个圆形热区。选择它后在图像适当位置按下鼠标左键拖动鼠标，即可绘制出圆形热区。如果同时按住Alt键还可以绘制以点击的点为中心绘制一个圆形的区域。 * 多边形热点工具（Polygon Hotspot tool）：用于绘制多边形热区。选择它后在图上多边形区域每个端点上单击可绘出一段段直线，所得的填充区域是多边形，如图5所示。 另外，我们还可以根据路径或者所选对象轮廓来生成热区。首先选中作为热区的路径或对象，然后选择“Edit”菜单下的“Insert”->“Hotspot”就可以为其添加热区了。如果选择一个路径对象，那么这个对象区域就被定义为热区。 如果选择多个对象，如图6所示，我们选择天柱山风光图的六幅小图的边界路径，接着选择“Edit”菜单下的“Insert”->“Hotspot”，这时候会跳出图7所示的对话框，我们选择“多重”按钮，这样就为所有的小图像添加上了热区了，如图8所示。
Fireworks教你绘制卷边黑白艺术照
今天我们来制作一个具有卷边效果的黑白艺术照片，这里我们利用原先拍摄好的一张彩色艺术照片，然后将其放置在一个卷边页面效果的文档图片之中。涉及到的知识点有：矩形工具、部分选定工具、线性填充、效果、图像渐隐等。通过本例的学习，读者应基本掌握具有很强怀旧意味的有卷边效果的黑白艺术照片的方法。 先看一下对比效果： 01. 在Fireworks MX 2004创建一个大小为500×400的文件，使用工具箱上的矩形工具绘制一个大小为370×480的矩形，设置其笔触为1像素柔化，笔触大小为1，如图1所示。 图1绘制矩形 02. 选中矩形，右击鼠标，在弹出菜单中选择【取消组合】。然后在工具箱上选择【钢笔工具】，在矩形右上角两侧增加两个锚点，用于制作卷边效果，如图2所示。 图2 增加锚点 03. 单击工具箱上的【部分选定工具】，拖动矩形右上角的锚点，如图3所示。 图3 拖动锚点
如何修改Fireworks弹出菜单的位置
如何修改Fireworks弹出菜单的位置资料来源：Macromedia Top TechNotes 全文编译：spikal多数时候，当你把在Fireworks4中制作的弹出菜单输入到一个HTML文件中预览时会发现，菜单出现的位置并非如你所愿。引起错误的原因
Fireworks and Dreamweaver指南介绍
版权信息：本文翻译自Macromedia官方文档Fireworks and Dreamweaver Tutorial原始文档：fw_dw_tutorial（PDF，1.37M zipped）所需文件：xtutorial_dwfw4（568k zipped）全文翻译：spikal指南介绍Macromedia Dreamweaver，可视化建立和管理网页及站点的工具软件，Macromedia Fireworks，设计和处理网上图形的专业工具，2者均提供了创建专业的丰富图象网站的解决方案。除了他们各自独立的能力，Dreamweaver和Fireworks同时提供了让你将他们综合使用来编辑网页和图形的可能性。通过以上2者完美的结合你能把Fireworks的图形和表格放置到Dreamweaver中，并使用Dreamweaver的工具来修改这些HTML代码。你能够在Dreamweaver中直接启动Fireworks并使用Fireworks的工具对图片进行深层次的修改，而且不会丢失在Dreamweaver中的修改。当你回到Dreamweaver中时，页面中的图形就被自动更新了。这篇向导将向你展示如何结合使用Dreamweaver和Fireworks来准备、放置和编辑一个HTML页面中的图形。本向导可以在一个小时内完成，只要求你的系统中同时安装有Dreamweaver4.0和Fireworks4.0。你将会学习到的当你完成向导时，你会创建出一幅带有图象和表格元素的Web页面。沿着这条路，你将会学习到以下的这些典型的工作流程： 你应该知道的虽然这篇指南是专为Dreamweaver和Fireworks的初学者所写的，但是你依然应该对这2个软件有所了解。Dreamweaver和Fireworks各自有一份指南介绍，含盖了使用这2个软件的基本技能。要阅读Dreamweaver指南，请查看使用Dreamweaver（Using Dreamweaver），要阅读Fireworks指南，请查看使用Fireworks（Using Fireworks）。你能够分别在这2个软件的帮助文件中找到他们。找到所需要的文件用来完成这篇指南所需要的文件请到这里下载。 设置指南网站的结构现在你将利用下载的文件设置网站结构。定义一个本地网站 设置指南网站结构的第一步是要定义一个本地网站。本地网站就是一个位于你的硬盘上的文件夹，Dreamweaver将在这个文件夹里储存所有网站的文件。你在Dreamweaver里创建的每个网站都需要有一个本地网站与之对应。你需要将xtutorial_dwfw4文件夹定义为你的本地网站 Site窗口会在列表中显示所有本地xtutorial网站中的文件和文件夹。打开开始文件现在打开相关的网页文件。 将Fireworks设置为外部图片编辑器在体验Fireworks和Dreamweaver跨产品的综合能力之前，你需要确定Fireworks已经被设置成Dreameaver的第一外部编辑器。 启动Fireworks编辑一张图片通过刚才的设置你将可以在使用Dreamweaver编辑页面时体会跨产品的综合能力。你将会直接用Fireworks编辑那张Featured Destination图片并看见它在Dreamweaver里自动更新。在Dreamweaver里启动Fireworks编辑图片Featured Destination已经使用Fireworks设计、压缩、输出，并且就放在页面上右面的单元格中。如果你想知道更多关于将Fireworks文件输入到Dreamweaver的知识，请在Dreamweaver或Fireworks的帮助文档中查看一起使用Dreamweaver和Fireworks（Using Dreamweaver and Fireworks Together）。接下来，你需要启动Fireworks对Featured Destination的标题字做一些修改。
Fireworks滤镜快速打造3D彩虹拖尾字特效
使用Fireworks中的Motion Trail滤镜可以快速制作出如下图所示的3D效果彩虹拖尾字。图1 本例在Fireworks 8中文版中制作完成，具体操作步骤如下。 1.启动Fireworks 8中文版后，按Ctrl+N新建一个文档，大小自定，然后使用文本工具在画布上单击，输入文本“天极网设计在线”，注意这里共七个字，设置字体为“隶书”，字号为64，结果如图2所示。图2 2.在文本框中选中“天”，将颜色改为紫色，再选中“极”，改为蓝色，依此类推，将七个字的颜色分别改为紫、蓝、青、绿、黄、橙、红，即七彩虹的颜色，结果如图3所示。
Fireworks中制作线框运动
看到这么酷的动画，你不想自已亲手动手做一个吗？？把你的照片也加上这样的边框，让你的朋友对你佩服得四脚朝天！！不会？？不要紧，跟我来！1、打开一张图片，选中该图片，Modify>Transform>Numeric Transform在弹出的设置框中，选中Resize重新设置图片的尺寸，这里我们把图片的长和宽设为150pixels（象素），你也可以随意把长宽设置。Modify>Canvas Color在弹出的设置框中，把Custom前面的框勾选，然后选一种你喜欢的背景色。要把图片的长和宽记住，因为我们要为它加上边框。2，双击Layern面板中的Background背景层，在弹出的对话框中，把Share Across Frames前面的框勾选上。使背景层共亨。3、新建一层Layer1，在layer1层中，我们给图片加上黑色边框，用工具箱中的矩形工具，参照Info面板，拖画出一个长为150象素，宽为3象素的矩形。选中该矩形，Edit>Clone克隆出一个，把这两个矩形，分别放在图片的上，下边，再用矩形工具拖画出一个竖放的矩形，长为144象素，宽为3象素。然后克隆出一个，把它们分别放在图片的左右两侧。如图所示4，用直线工具，画一条长180象素的线段，选中该线段，打开Storke面板，进行如图设置5、点击面板右上角的黑色小箭头，在弹出的菜单中，选择Edit storke ，随后弹出一个设置框，在Options面板中如图设置6、再点开shape面板，把square前面的框勾选上，如果不勾选它，默认的虚线由圆点组成。7、这时我们发现，刚才画出的线段变成了由矩形组成的虚线了，选中该线段，按F8键，在弹出的对话框中，把Graphic前面的框勾选上，这条白色虚线被我们定义成了符号，我们可以随时调用它。8、现在我们要开始制作四个虚线运动的动画，它们分别是从左向右运动，从上向下运动，从右向左运动，从下向上运动。从而形成一个围绕黑色边框运动的效果。先做一个虚线从左向右的动画符号，Insert>New symbol在弹出的对话框中，我们在Name中，命名为1，把Animation前面的框勾选上，随后弹出一个动画符号编辑区，打开Library面板，我们刚才定义的虚线符号就在里面，按住鼠标左键不放，把这个符号拖到动画符号编辑区，选中编辑区的虚线符号，Edit>clone克隆一个，选中克隆出的虚线，按8下电脑键盘上的右方向键，把克隆出的虚线向右移动8个象素。同时选中这两个虚线段，Modify>Symbol>Tween Instances在弹出的对话框中如图设置。这样一个从左向右运动的动画符号就做好了，好，把编辑区关闭。9、这一步，我们将做一个从上向下运动的动画符号，Insert>New symbol在弹出的对话框中，我们在Name中，命名为2，把Animation前面的框勾选上，在随后弹出的动画符号编辑区中，把虚线符号从Library面板拖到编辑区，因为要做一个从上向下的动画，所以虚线应是竖立的，选中虚线，Modify>Numeric Transform在弹出的设置框中，选择Rotate，角度设为90度。这样我们得到了一个竖着的虚线段。然后克隆出一个线段，用电脑键盘上的下方向键按8下，同时选取编辑区的两个线段，Modify>Symbol>Tween Instances在弹出的对话框中steps:2,把Distribute to Frames勾选上。10，再做出一个从右向左运动的动画符号和一个从下向上运动的动画符号，制作方法和上面相同，只是把克隆出的线段分别向左移8个象素。向上移8个象素。这里就不再重复了。把这四个运动方向的动画符号完成！11，回到编辑区，打开Library面板，把动画符号1（从左向右运动）拖放到编辑区，把它和上面的黑色矩形对齐好。选取动画1，Edit>cut，把它剪切，然后选中上面的黑色矩形，Edit>Paste Inside12、把动画符号2（从上向下运动）从Library面板拖到编辑区，把它和左边的黑色矩形对齐，然后选中动画2，Edit>cut。再选中左边的黑色矩形，Edit>Paste Inside。13、把动画符号3（从右向左运动）从Library面板拖到编辑区，把它和下边的黑色矩形对齐，然后选中动画3，Edit>cut。再选中下边的黑色矩形，Edit>Paste Inside。14、把动画符号4（从下向上运动）从Library面板拖到编辑区，把它和右边的黑色矩形对齐，然后选中动画4，Edit>cut。再选中右边的黑色矩形，Edit>Paste Inside。最后效果如图 你点播放键，看看效果是不是出来了？？？好，把它保存起来吧。记得把它保存为Animated Gif动画，不然它不会动起来哦。