推荐阅读
详细解析日系网页设计的现象和本质
在很多人眼里，日本是一个隐忍、充满禅意的国家。以寺庙、茶道、电子产品而闻名。既传统，又现代。日本的建筑设计、书刊设计受世界瞩目。但是不知怎么的，日本的网页设计风格很怪异。有点像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 三支链并联机构模型
最新发布
详解Fireworks MX 2004丰富的图像导出功能
在Fireworks中创建并优化图形后，用户可将该图形输出为常用的Web格式及供其他程序（如Freehand）使用的向量图形格式。Fireworks MX 2004由于它的面向网络的特性，导出的形式可以不仅仅是图像，还可以是包含各种链接和Java Script信息的完整的网页。由于图像的导出和优化一样将产生一个导出副本，因此是不会修改原图的，所以，用户可以尝试在Fireworks中用一幅原图导出不同种类的许多图像。 一、导出预览 由于不同的图像格式使用的是不同的压缩方法，图像的质量和表象随着格式的不同而变化，所以用户应该根据图像的设计目的和应用场合来决定使用哪种图像导出格式。 只有通过比较鉴别才能突出不同图像格式的色彩和大小等特点，为此，我们首先讲一讲如何在导出时对不同格式进行选择。Fireworks里提供了在线比较不同的优化方式和原图的效果的窗口，2-up模式和4-up模式。若比较一幅图像的GIF导出效果与原图的差别，可以使用2-up模式和4-up模式。若比较一幅GIF导出效果与原图的差别，可以使用2-up模式。若希望比较两三种格式或优化方式的优劣时，就可选择4-up模式。图1显示了原图与GIF、PNG和TIFF三种格式的导出图像的差异，同时窗口中还显示了每一种优化方式或格式的主要参数、图像大小和传输时间等信息，可以帮助用户在不同图像格式之间的选择。 图1 4幅模式各种不同格式导出效果比较 图2 导出预览窗口
Fireworks 8 制作网页效果图 位图工具
这里主要介绍的是Fireworks 8的位图工具的使用，如果你用过ps的话，会感觉这两个软件在位图处理中有很多相似的地方，本例是一个以女性化妆品为主打产品的企业宣传网站“北京达美”的形象页面效果图设计。达美公司一直致力于结合科技和自然的化妆品产品的研发。由于达美公司主打自然健康的产品理念，因此在整体的页面设计中以绿色为主要的风格，同时配以女性模特、植物和蝴蝶的素材来体现清新、自然的感觉。如图1.1所示。 1.1 北京达美公司网站形象页面效果图（点击放大）。 1．新建一个Fireworks文件。 2．在弹出的【新建文档】对话框中设置画布的宽度为760像素，高度为430像素，背景颜色为白色。如图1.2所示。 图1.2 【新建文档】对话框 3.选择绘图工具栏中的【选取框】工具，在【属性】面板中进行相应的设置，如图1.3所示。 图1.3 【选取框】工具的属性设置
Fireworks 8 通道应用抠图实例
很久以来，Fireworks一直因为没有通道功能，为不少惯用photoshop抠图的用户诟病，经过对Photoshop和Fireworks的对比研究 ，本人终于不必一边用Fireworks做网页，一边用Photoshop抠图了，既省去了导来导去的麻烦，又为可怜的机器节省了PS所需的内存。下面用Fireworks 8和一张翅膀需要细致抠图的蜻蜓图片为例讲解此方法。 Fireworks8以前版本要用色阶或者曲线实现，稍微烦琐一点，大家可以使用我做的Fireworks通道插件，具体使用方法看此教程下面的视频教程。 此插件可以在Fireworks MX20048 （其他版本没有测试）中添加八条通道命令，这样在Fireworks中就可以像在Photoshop中一样方便的使用通道功能了。 (例图) 1、将需要处理的图片复制一份，并画两个与图片大小相同的黑色矩形，将4张图对齐，并在层面板里按（图1）所示关系排列： （图1） 2、将第1层的混合模式改成“饱和度”，第2层的混合模式改成“红”、“绿”、“蓝”中任意一种，此时所显示的效果即和Photoshop中的RGB对应通道完全相同，和Photoshop一样，要选择一个比较理想的通道。我选了绿（G）通道，效果如（图2）所示：
Fireworks 8 寻梦之旅(8):制作逼真的水珠
实例：添加逼真水珠 本例主要通过使用叠加混合模式的操作，来给素材图片上的荷叶添加两滴逼真的水珠，按照惯例，教程开始前，先来看看效果图。 素材文件下载(150KB, Winzip压缩) 源文件下载(299KB, Winzip压缩) 1、打开本例提供的素材文件。 2、在荷叶上绘制一个圆形对象，描边色设为无，填充类型选择渐变里面的放射状填充，颜色设为“#FFFFFF-#666666-#FFFFFF”，具体设置请参看下图所示。 3、在400%视图下，调整圆形对象的填充手柄，本例调节后填充手柄显示如下图所示。
Fireworks 8 寻梦之旅(9):制作弹出菜单
六、CSS格式弹出菜单制作导出 有关弹出菜单的制作方法，不是我们本部分的讲授重点，有关CSS格式控制的地方，才是需要我们注意的。所以本小节就通过一个简单的弹出菜单的制作讲解，使大家对于Fireworks 8里面新增的CSS格式化菜单有一个初步的了解和印象，以更好的进一步的来使用它。 源文件下载(37KB, Winzip压缩) 1、打开Fireworks 8，新建一个文件，文件的大小可以根据菜单的大小直接来设置。在编辑区绘制需要在页面上显示的菜单。 2、使用工具箱的“矩形热点”工具给菜单栏直接插入热区，不做转化为按钮元件的操作了。 3、选中“新书推荐”栏所在热区，选择菜单“修改|弹出菜单|添加弹出菜单”命令。在“内容”设置对话框内，将弹出菜单内容的文本、链接及其目标等都设定完毕，单击“继续”按钮，转到“外观”设置对话框。 4、在“外观”设置对话框内，选择单元格格式为“HTML”，将字体、文本大小、弹起状态、滑过状态的文本、单元格颜色都做一个设置。设置完毕，单击“继续”按钮，切换到“高级”设置对话框。
Fireworks8绘制精致指南针图案
本文中我们用Fireworks 8来绘制一个精致的指南针图案。 完成效果如下： (图01) 首先，设置画布大小为128x128像素，底色为白色。(图01) 用椭圆工具画一个90x90的正圆形，并水平、垂直对齐于画布;(图02) (图02) 改变填充类别为线性渐变，增加并调整渐变颜色;(图03)
如何在Fireworks 8中创建非矩形切片
创建非矩形切片 当试图将交互性附加到非矩形图像时，矩形切片可能无法满足需要。例如，如果打算将变换图像行为附加到切片，而切片对象互相重叠或者形状不规则，则矩形切片可能会与交换图像交换出非您所要的背景图形。Fireworks 解决此问题的方法是：允许您使用"多边形切片"工具绘制任何多边形形状的切片。 您也可以在矢量路径的顶部插入切片，以便创建不规则的切片形状。 若要绘制多边形切片对象： 选择"多边形切片"工具。 单击以放置多边形的矢量点。"多边形切片"工具仅绘制直线段。 当在具有柔边的对象周围绘制多边形切片对象时，请确保包括整个对象，以免在切片图形中创建多余的实边。 若要停止使用"多边形切片"工具，请从"工具"面板中选择另一个工具。不必再次单击第一个点以关闭多边形。
如何在Fireworks 8中创建HTML切片
创建 HTML 切片 HTML 切片指定浏览器中出现普通 HTML 文本的区域。HTML 切片不导出图像，它导出出现在由切片定义的表格单元格中的 HTML 文本。 如果要快速更新出现在站点中的文本而无须创建新图形，则 HTML 切片很有用。 若要创建 HTML 切片： 绘制切片对象并将其保留为选定状态。 在"属性"检查器中，从"类型"弹出菜单中选择"HTML"。 单击"编辑"。 在"编辑 HTML 切片"窗口中键入文本，如果需要，通过添加 HTML 文本格式设置标记来设置文本的格式。 注意：或者，可以在使用文本编辑器或 HTML 编辑器（如 Macromedia Dreamweaver）导出 HTML 后，将 HTML 文本格式设置标记添加到 HTML。 单击"确定"以应用更改并关闭"编辑 HTML 切片"窗口。 您输入的文本和 HTML 标记以原始 HTML 代码的形式出现在 Fireworks PNG 文件中切片的正文上。 注意：在不同的浏览器以及不同的操作系统中查看 HTML 文本切片时，它们的外观可能会有所变化，这是因为浏览器中可以设置字体大小和类型。
iPhone手机主题图标制作详解
上次跟大家介绍了在魔秀www.moxiu.com在线制作iPhone手机主题的方法，得到了不少朋友的热烈支持，大家对打造自己的手机主题产生了极大热情。有不少朋友看了我用的图标，觉得很漂亮，也想自己尝试制作主题图标，不过不知道如何操作，现在我就简单得跟大家说一下iPhone的透明图标如何制作。说一些，我使用的软件是Fireworks8.0，对于用PS的朋友处理方法是一样的。PS：顺便说一下，魔秀的iPhone主题制作已经能够支持Finder、Itunes、Rss、Installer、SummerBoard等常用软件的图标更换了。 首先找一个喜欢的图片用软件打开。选择魔术棒这个工具，图中红圈处 选择背景框用魔术棒点一下，如图 接着按一下键盘的“delete”键，将背景删除。如下图。 这时候基本的图标已经有雏形了。然后就需要对图片进行细致处理。点击导航的修改—画布—画布颜色，选择自定义，然后挑选一个与图片反差大的颜色。这里我选的蓝色。 按住键盘“Ctrl”键同时向外滚动鼠标将图片放大。
Fireworks 8打造美丽的雨后蝴蝶
Step 1：启动Fireworks 8，打开需要一幅蝴蝶的图像，然后选择“编辑”＞“克隆”，将图像克隆两次，如图1所示。 提示：可以使用克隆的快捷键Ctrl+Shift+D。 Step 2 – 现在我们需要做一个水珠遮罩，在层面板中选择最上面的一层，然后选择“滤镜”＞“调整颜色”＞“色相和饱和度”，调整饱和度参数为-100。 Step 3 -选择“滤镜”＞“杂点”＞“新增杂点”，在弹出的杂点窗口中设置参数如图2所示。提示： Step 4 -选择“滤镜”＞“模糊”＞“运动模糊”，参数设置如下：角度 = 127; 距离 = 5。 提示：可以通过设置运动模糊来改变水滴出来的位置。 Step 5 -选择“滤镜”＞“模糊”＞“高斯模糊”，参数设置为：模糊范围 = 3.3，效果如图3所示。