推荐阅读
详细解析日系网页设计的现象和本质
在很多人眼里，日本是一个隐忍、充满禅意的国家。以寺庙、茶道、电子产品而闻名。既传统，又现代。日本的建筑设计、书刊设计受世界瞩目。但是不知怎么的，日本的网页设计风格很怪异。有点像1998年的网页风格。RakutenNicoNicoDougaGigazine看看日本这些最流行的网站(比如 Goo, Rakuten, Yomiuri, NicoNico, OKWave, @cosme)，你会发现他们都有共同点:文字排布紧密图像质量偏低
FW MX 2004 之 Shapes 初体验(二)
大家好，欢迎大家回来继续和我一起早早体验FWMX2004之Shapes带给我们的全新体验！ 在上一节，我们一起详细的研究了工具箱上的Shapes工具组的使用方法，操作技巧，本节我们就来看看Shapes浮动面板带给我们的新奇感受吧！ 首先我们再次来看看Shapes浮动面板都有哪些新东西： 可以看到，Shapes面板里面目前共有9个形状组：Clock(钟表)、Cog(齿轮)、Cube(立方体)、Cylinder(圆柱体)、Frame(像框)、Perspective(透视图)、Tabs(制表符)、Talking(谈话框)、Tube(管子)。接下来我们依次来看看个个形状组的使用方法及技巧。 提示：为什么我们对Shapes面板里面的9个形状对象使用的称呼是“形状组”，大家可以从Shapes面板中任意拖拽形状对象到编辑区，然后执行菜单命令“Modify--Ungroup（快捷键为Ctrl+Shift+G）”，解散群组关系，就会发现这些形状对象都是以群组方式形成的！所以这里我们称其为“形状组”。 提示2：关于形状组的操作技巧，我们会在下面的介绍中马上介绍道，需要注意的是，所有的方法技巧都是在没有打散群组关系的前提下进行的！ 1、Clock（钟表）组 将Clock形状组直接拖放在编辑区上，就会自动出现一个钟表图案，如下图所示。钟表的调整很有意思的，大家可以看到，用鼠标单击钟表后会出现四个调整控制点，下面我们就依次来看看各个调整控制点的作用所在： a、1号点：单击鼠标，会出现背景提示框：“Click to change tick marks（单击改变表盘标记）”，如果单击鼠标，就会改变表盘的时间刻度显示状态，总共有4种显示状态：不显示时间刻度；只显示以0点为起点的90度间隔的时间刻度，共4个刻度；显示以0点为起点的45度间隔的时间刻度，共12各个刻度，也就是12个小时的显示方式；显示60个刻度，也就是60秒的显示方式。大家可以根据自己的需要选择相应的显示方式。
基于Pro/E和ADAMS的少自由度并联机构运动仿真
少自由度并联机构是国际上机器人学研究的热点之一，构造出具有良好性能的少自由度并联机器人的众多构型，以便根据应用要求选择不同性能的机构，是并联机器人机构中的一项重要任务，当前众多研究人员的研究方向都集中于构建新型的少自由度并联机构。根据理论研究出来的众多的少自由度并联机构还需要检验其运动的正确性，传统的方法是通过试验样机制造实物来验证，而近年计算机技术的广泛应用提供了新的方法，那就是虚拟样机技术，这包括了三维CAD建模技术和机械系统运动学等相关技术。 大型的商用动力学仿真软件ADAMS、SIMPACT等集成了最新的多体系统动力学理论成果、各种方便的建模工具、高效的求解器、功能强大的后处理模块以及可视化界面等，用它们来建立机械系统的仿真模型，可以将注意力放在改进模型设计上，而不必关心建立方程、求解方程这些在过去要耗费大量精力的工作，从而大大提高了机械系统仿真的效率。仿真首先要做的是建立少自由度并联机构精确的三维模型，此时用动力学仿真软件就有点力不从心了，特别是对于此类少自由度并联机构，各个运动副的空间几何结构和位置都对整个机构的运动有重大的影响，需要三维建模建立准确的模型。因此，需要借助于三维建模功能很强的CAD软件来建模。 这里以PTC公司的三维建模软件Pro/E和MDI公司的动力学仿真软件ADAMS相结合建立少自由度并联机构的运动仿真模型。首先在Pro/E中建立机构的三维模型，机构的安装位置为机构运动的初始位置。然后利用两个软件的接口程序Mechanism/Pro生成刚体和基本的运动副，把三维模型导入ADAMS进行进一步的完善，添加驱动和约束，进行运动仿真。在整个过程中，需要对建立模型等前续工作进行不断的修改和完善，才能生成所要求的少自由度并联机构的仿真模型。 一、少自由度并联机构的提出 少自由度并联机构新构型的提出有着不同的理论方法，本文中采用的为利用螺旋理论来分析新型少自由度并联机构。利用运动螺旋与力螺旋的对偶关系，以及运动与约束、运动螺旋与反螺旋的对应关系，建立复杂少自由度并联机器人机构类型综合的数学模型。因为并联机器人机构是由支链、动平台和静平 在少自由度并联机构中，三自由度移动并联机构有着广泛的用途。在很多工业应用中，三个方向的移动就已经满足要求，而使用传统的六自由度机构增加了机构的复杂性和控制的难度，因此直接应用三自由度移动并联机构非常合适。此处利用螺旋理论提出一种纯移动三自由度并联机构，通过此机构来说明利用Pro/E和ADAMS完成运动仿真的过程。如图1所示，此机器人支链为三条对称的RPC支链，通过螺旋理论和空间几何分析可得此并联机构动平台应具有三个纯移动自由度。 图1 三支链并联机构模型
最新发布
FlashMX经典实例－鼠标类：鼠标跟随
效果预览图：图 1-1效果简介： 该例在鼠标效果中是最基本的了，也是一个比较典型的鼠标实例。效果中小人的眼睛会跟随鼠标移动，这时的鼠标也变成了一串香蕉。因此，这个小人也显得垂涎欲滴。文章简介： 文章中读者将要学到隐藏和替换鼠标的技术即学习拖动影片剪辑的控制语句。鼠标跟随效果的基础方法，即学习_x属性，_xmouse属性等电影剪辑属性使用方法。以及如何导入素材。制作步骤： 1．设置场景的大小为400px×30px，背景色为#00659C，帧频为12fps。 2．按快捷键Ctrl+F8打开“创建新元件”面板新建一个名为“鬼脸”的图形元件。然后用“椭圆”工具绘制一个垂涎欲滴的鬼脸，然后制作两个小洞用来放眼睛。方法也很简单，用“椭圆”工具画个圆周，然后用箭头工具把小圈内部删除即可。如图1-2所示：
FlashMX经典实例－效果类：小桥流水
效果预览图：图1-1效果简介： 这个效果实现的是小桥流水的效果。小桥下的水静静地流淌着，小桥的倒影和水中的金鱼可以让我们想起了童年的生活。但最重要的这是一个比较实用和常用的效果。效果如图1-1所示。文章简介： 文章中读者不但可以学到小桥流水的实现方法，还可以学到如何设计一只可爱的金鱼，以及学习另一种渐变动画类型――形状渐变动画。制作步骤： 1．设置场景的大小为500px×300px，背景色为#10A9CC，帧频为12fps。 2．导入小桥。按快捷键Ctrl+F8打开“创建新元件”面板创建一个“小桥”图形元件。然后导入一座小桥图片，如图1-2所示。
FlashMX经典实例－文字类：滤光字
效果预览图：图 2-1效果简介： 该效果常用于广告、MTV等产品的片头中。效果中金色的文字再加上极富光泽的滤光，使得整个效果看上去很华丽漂亮的。文章简介： 学习该效果地制作主要是让读者了解“变形”工具、“混色器”面板的使用、光线设计的初步技巧以及颜色渐变的使用。效果如图2-1所示。制作步骤： 1．设置场景的大小为400px×150px，背景为黑色，帧频为18fps。 2．按快捷键Ctrl+F8打开“创建新元件”面板创建一个“文字”图形元件。
FlashMX经典实例－文字类：倒影字
现在越来越多使用Flash设计的贺卡、MTV、广告、电视片头等Flash产品出现在我们的身边，影响在我们的生活。譬如，《2002春节晚会》金蛇狂舞辞旧岁，骏马奔腾贺新春的片头就是使用Flash制作的。使用Flash制作动画既方便、快捷，制作周期短、成本低，省钱。说不定以后你到哪去找工作，遇到的第一个问题就是：“Flash，会用吗？” 也正是这些原因，越来越多的朋友开始喜欢并学习Flash，这是不争的事实。于是，笔者想通过附录中的这些精美而又实用的效果制作讲解，使读者正真的了解、喜欢Flash，并学到一些正真有用的效果的制作方法和设计技巧。譬如如何去构思和设计一个效果以及如何编写最精炼的效率最高的代码。最终能举一反三，然后设计出自己的作品。 笔者将文章将由浅入深的分为文字类、按钮类、鼠标类、效果类、贺卡类、属性类、对象类、UI组件类。在每一类效果中，笔者将剖析2-3个精选实例的制作方法及其相关的设计技巧等。 文章的开始，我们先来学习一个简单的倒影效果。学习该效果地制作主要是为了让读者先熟悉一下基本工具、“属性”面板和一些常用面板，譬如“变形”面板地使用以及文字设计的一些技巧。就效果本身而言，这个倒影效果也是很常用的。如图1-1所示。效果预览图：图 1-1效果简介： 倒影效果不仅仅是一种基础的文字效果，如果把文字变换成图像，则同样可以做出精美的效果来，而且更加常用。所以这是一个很有用的效果。制作步骤： 1．打开FlashMX（中文版）。按快捷键Ctrl+J打开“文档属性”面板，把场景设置成360px×120px，白色背景，12fps。（或按快捷键Ctrl+F3打开“属性”面板单击“大小”按钮进行场景设置。） 2．按快捷键Ctrl+F8打开“创建新元件”面板创建一个“文字”图形元件。如图1-2所示。
鼠标效果系列教程：游动的鱼
述 有了上一节的基础，现在我们可以做一个更华丽的效果―追逐鼠标游动的鱼。如下所示。 打开Flash MX，建立影片，设置好场景大小、背景颜色和帧频。鱼的制作 我们把鱼分成三个部分来制作：鱼头、鱼鳍和鱼身。 先来制作鱼头。新建个影片剪辑叫“鱼头”。如果对话框的扩展面板没打开，点击“高级选项”按钮打开它。在“链接”的选项中，勾选“为动作脚本导出”，在“标识符”一栏中，会自动出现“鱼头”这个名称。为了让大家分清楚影片剪辑在库中的名称和它的标识符的区别，我们把它改为“head”。注意，这个head就是影片剪辑“鱼头”的idName。将来我们用attachMovie语句从库中调用“鱼头”时，就要用到它。如图1图1 进入符号编辑区，使用绘图工具绘制一个鱼头，可以使用椭圆工具先绘制一个椭圆，然后使用箭头工具对其进行调整，最后再用椭圆工具绘制两个眼睛。如图2图2
鼠标效果系列教程：个性指针
概述 在我们的作品中，是不是只能使用系统定义的鼠标指针？能不能把它替换成我们自己定义的样式？当然可以！Flash提供了一个Mouse.hide()语句，使用它可以把鼠标指针隐藏起来。然后再用startDrag()使我们自己做的指针跟随鼠标移动。好，下面我们就来看看个性指针的制作过程。制作步骤第一步 制作光标 这一步很简单，就是把你想要的光标效果做成一个影片剪辑，如图1所示。你可以尽情发挥你的想象，做个漂亮的样式。图1第二步 给影片夹子命名 在时间线上新建一个指针层，并把这层置于最顶端。把做好的指针从库中拖入此层的第一帧，如图2所示。图2
在Flash 5.0中插入录像
Flash MX的一个新功能就是可以在Flash中直接导入一段视频录像作为Flash动画，但笔者在使用时发现导入的录像只有视频没有音频，也不能随意对导入录像进行编辑，而且在低版本的Flash中也没有此功能。如果你的电脑中装有《超级解霸2001》或《超级解霸3000》，可以利用它所带的音频、视频处理工具在Flash 5.0中轻松搞定插入录像片段。 要在Flash 5.0中插入录像片段，首先要有视频和音频来源，这些素材都可以由《超级解霸》来解决。由于在Flash 5.0中只支持图片的导入，所以这里的视频实际上是指一系列连续变化的图片。用《超级解霸》打开一段录像并播放，选择需要片段的开始点和结束点，点击“停止播放”，然后点击“连续摄像”按钮（如图），在保存图像对话框中设置好文件名和保存路径，点击“保存”。保存完成后你就会在保存文件夹中看到很多图片文件，文件名是以上面设置的文件名为开头后面加上001到00X组成的，如1001.bmp到1024.bmp等，这些图片就是刚才“连续摄像”保存下来的。用相同的方法，在《音频解霸》中截取一段声音作为音频素材，在存声音文件时，你可以选择MP3压缩格式或波形文件（WAV格式）。 做好视频、音频素材后，你就可以在Flash 5.0中插入录像片段了。 打开Flash，新建一影片，可以采用两种方法插入录像片段，一种是在图层中直接插入，另一种是将录像片段作为一个元件，然后在影片中引用；下面就以第二种方法为例说明。 选择“插入→新建元件”，选择元件属性为“影片剪辑”；再选择“文件→导入”，选择好刚才存放图片的文件夹，选择第一幅图片，点击“打开”，这时出现“这个文件只是图像的一部分序列，你是否要输入全部图像序列呢？”提示，选择“是”，这时将会在图层1中插入一系列的图片（一秒中的录像约为24张图片）。 再建立一新图层，选择“文件→导入”，选择好刚才存放声音的文件夹，选择声音文件导入，再从媒体库中将声音文件拖入图层2中，这样一个有声音的视频动画元件就已经做好了。然后你就可以在Flash中引用这个元件了，要想修改只需在元件中进行修改就可以了。作 者：丁爱莲
Flash动画制作技巧
在Flash动画尤其是短片的制作中或多或少都要表现一些较复杂的动作，而Flash本身功能的限制使我们在制作动画时感到手脚受到牵制，或者为此付出过多的时间和精力。这里笔者总结了自己动画短片制作中的一些经验，给大家碰到此类问题时作个参考。 一、简化主体 首先，动作主体的简单与否对制作的工作量有很大的影响，擅于将动作的主体简化，可以成倍地提高工作的效率。 一个最明显的例子就是小小的“火柴人”功夫系列，如图可见，动画的主体相当简化，以这样的主体来制作以动作为主的影片，即使用完全逐帧的制作，工作量也是可以承受的。试想用一个逼真的人的形象作为动作主体来制作这样的动画，工作量就会增加很多。 注：对于不是以动作为主要表现对象的动画，画面简单也是省力良方。 二、尽量使用变形 Motion Tween 和 Shape Tween是flash提供的两种变形，它们只需要指定首尾两个关键帧，中间过程由电脑自己生成，所以是我们在制作影片时最常使用来表现动作的。 但是，有时候用单一的变形，动作会显得比较单调，这时可以考虑组合地使用变形。例如，通过前景、中景和背景分别制作变形，或者仅是前景和背景分别变形，工作量不大，但也能取得良好的效果。 如上面例子中兔子翻跟头的动作（动画1），它由动画2、3、4三个部分组成，动画2，主要是背景的简单上下移动变形，动画3是中景白云的旋转缩放，都是简单的Motion Tween，动画4稍微复杂一点点，兔子是有一个2帧的Movie Clip（由正立倒立的兔子构成的翻跟斗动作），跳起落下，也都是简单的缩放变形，此三者组成的动画1，就是一个比较和谐的组合动画，没有了过于单调的缺点。 注：学习一些镜头语言，对你制作动画很有帮助。 三、使用一定的技巧 对于许多不能采用Motion Tween和Shape Tween来表现的动作的时候，我们常常要用到逐帧动画，也就是一帧一帧地将动作的每个细节都画出来。 显然，这是一件很吃力的工作，我们尽量避开逐帧制作，当避无可避的时候，使用一些小的技巧能够减少一定的工作量。 1、循环法 这是最常用的方法，将一些动作简化成由只有几帧、甚至2、3帧的逐帧动画（如前例中兔子的翻跟头动作是2帧组成）组成的Movie Clip，利用Movie Clip的循环播放的特性，来表现一些动画，例如头发、衣服飘动，走路、说话等动画经常使用该法。 上例中天篷元帅斗篷的飘动的动画就是由三帧组成的Movie Clip，聪明的读者一定想到了，只需要画出一帧，其他两帧可以在第一帧的基础上稍做修改便完成了。 注：这种循环的逐帧动画，要注意其“节奏”，做好了能取得很好的效果。 2、节选渐变法 在表现一个“缓慢”的动作时，例如手缓缓张开，头（正面）缓缓抬起，用逐帧动画能让你噎死。我们可以考虑将整个动作中节选几个关键的帧，然后用渐变或闪现的方法来表现整个动作。
Flash中声音的压缩与效果处理
在Flash中加入声音可以极大地丰富动画的表现效果，但如果我们辛辛苦苦编辑好的声音不能很好地与动画衔接，或者声音文件太大影响了Flash的运行速度，效果就会大打折扣。那么如何使Flash中的声音获得最佳效果呢？下面我们一起来探讨这个问题。 一、声音文件在Flash中的压缩 当我们将Flash文件导入到网页中时，由于网络速度的限制，我们不得不考虑Flash动画的大小，特别是带有声音的Flash动画。有什么办法在既不影响动画效果的同时又能减小数据量呢？一个可行的方法就是利用声音压缩，效果非常明显。 将声音文件导入Flash中，双击组件库中的声音文件，弹出声音属性对话框（图1）。图 1 Flash MX为我们提供了四种不同的声音压缩格式：ADPCM、MP3、Raw和Speech格式。选择相应的压缩格式，便可进行压缩。在各种格式中对声音压缩的等级不同，生成的声音文件的质量和大小也不同。要达到最佳效果，就要根据需要反复进行不同的实验，找出最合适的压缩率。 1、ADPCM压缩 “ADPCM”压缩选项用于8位或16位声音数据的压缩设置。像点击音这样的短事件声音，一般选用“ADPCM”压缩，如图2所示。图 2 “预处理”：选择“转换立体声成单声”将混合立体声转换为单音（非立体声）。 “采样比率” 选项用以控制文件的饱真度和文件大小。较低的采样率可减小文件，但也会降低声音品质。Flash不能提高导入声音的采样率。如果导入的音频为11kHz声音，就算你将它设置为22kHz，也只是11kHz的输出效果。“比率”选项如下：
仿央视网Flash动态导航菜单
今天给大家介绍一下央视网站的一个 Flash 导航菜单的制作方法，实现起来非常简单，只用到最基本的动画效果和简单的 Action Script（动作脚本 AS），但是效果非常不错。 分析：该效果主要是利用在按钮的 OVER（经过）帧中放入 Movie Clip（影片剪辑 MC）来实现的，主要效果的实现都是在 MC 中实现的，利用了遮罩、淡入，移动等动画效果叠加的方式。由于几个按钮的实现方式是相同的，所以用到了 MC 的嵌套配合一些简单 AS 的技巧，这是值得大家重点学习的。 在制作之前我们首先要准备好在效果中看到几幅图片，一幅用作背景，另外七幅在按钮中使用（尺寸相同），当然你可以选择任何自己喜欢的图片。 一、舞台的修饰 运行Flash(这里用的是 Flash MX 英文版，文中会尽量给出详细的中英文对照)，打开Document Properties(文档属性)对话框（快捷键 Ctrl+J），设置宽高为 419px 和 246px、帧速为默认值12fps、背景色为 #FFC318，与背景图片的背景色相同，确定后返回场景编辑界面。 将准备好的图片导入，菜单:File(文件)-->Import...(导入) 打开Import(导入)对话框，选择已经准备好的几幅图片（可以多选），按打开按钮导入。 注意：如果出现下面的对话框说明导入的图片是按一定规律命名的，单击是将导入所有按规律命名的图片，单击否导入选中的图片，单击取消不导入任何图片。（图1） 所有图片导入完成后都将被放置在场景中，将其他图片从场景中删除，只留下用作背景的图片。不用担心，删除的图片还保留在库(Library)中，以后会用到他们。选中背景图片后打开Aligh（排列）面板（如下图）（快捷键 Ctrl+K）,按下 To Stage 按钮 以适应舞台，分别单击按钮 和 使图片在舞台中居中。（图2） 新建一个图形(Graphic)符号（快捷键 Ctrl+F8）,命名为Line_g，确定后进入编辑状态；选择 Line Tool （画线工具 N）,画一竖线，在属性面板中修改属性，设置高为246px（与 Flash 同高）、坐标为(0,0)，颜色比背景色略深、样式设置为点线(如图所示)；再画一线，高度为25（与将要制作的按钮高度相同），颜色为白色，坐标(0,110)（与前一条线重合，底部对齐），其他属性保持默认。（图3）