推荐阅读

详细解析日系网页设计的现象和本质
在很多人眼里,日本是一个隐忍、充满禅意的国家。以寺庙、茶道、电子产品而闻名。既传统,又现代。日本的建筑设计、书刊设计受世界瞩目。但是不知怎么的,日本的网页设计风格很怪异。有点像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 三支链并联机构模型
最新发布

Adobe Illustrator CS5 的新增功能
新的 Adobe Illustrator CS5 软件可以在透视中实现精准的绘图、创建宽度可变的描边、使用逼真的画笔上色,充分利用与新的 Adobe CS Live 在线服务的集成。从构思到输出-快速完成任何项目。 Adobe Illustrator CS5 新增功能如下 透视绘图 新增功能 在精准的 1 点、2 点或 3 点直线透视中绘制形状和场景,创造出真实的景深和距离感。查看实际操作情况 优美的描边 新增功能 完全控制宽度可变、沿路径缩放的描边、箭头、虚线和艺术画笔。查看实际操作情况 针对 Web 和移动设备的精致图形 新增功能

Fireworks 8 制作弹出菜单
有关弹出菜单的制作方法,不是我们本部分的讲授重点,有关CSS格式控制的地方,才是需要我们注意的。所以本小节就通过一个简单的弹出菜单的制作讲解,使大家对于Fireworks 8里面新增的CSS格式化菜单有一个初步的了解和印象,以更好的进一步的来使用它。 本文源文件下载 推荐教程: 1、Fireworks 8 笔触特效 2、使用 Fireworks 8 生成网页 3、Fireworks 8 通道抠图视频教程+插件下载 4、用Fireworks 8轻松打造滑动导航菜单 1、打开Fireworks 8,新建一个文件,文件的大小可以根据菜单的大小直接来设置。在编辑区绘制需要在页面上显示的菜单。 2、使用工具箱的“矩形热点”工具给菜单栏直接插入热区,不做转化为按钮元件的操作了。

Fireworks常见问题解答(1)
FW4==Fireworks 41. 我的Fireworks4中为什么无法输入中文? 首先你要选中中文的字体,另外可以试试不同的输入法。但是使用Windows自带的输入法,则肯定没问题。如微软拼音等。2.用pointer工具仅可以大致定位对象,有什么办法可以准确地设置其x,y坐标? 你可以使用info 面板,在上面的小窗口中输入数值,然后按下enter键。3.在Fireworks中想把多个文件联成动画,该怎么做? Fireworks 可以基于一组图像文件来制作动画。例如,通过将每个图形文件打开,把每个图形放到同一个文档的不同帧,来制作一个旗帜广告。 1 选择 File > Open Multiple。 Open Multiple Files 对话框打开。 2 查找文件,将这些文件添加到作为动画帧打开的文件列表。 如果你要将文件添加到列表,点击 Add。 如果你要将当前文件夹中所有的文件都添加到列表上,点击 Add All。 如果你想从添加的文件列表上删除文件,从列表上选择文件,点击 Remove。 3 选择 Open as Animation,点击 OK。 Fireworks 会将所有这些文件在一个单独的文档中打开,每个文件放在一个不同的帧,其顺序就是你在 Open Multiple Files 对话框中选择文件的顺序。4.怎么设置帧延迟? 答:帧延迟决定当前帧播放的时间长度。帧延迟是把一秒当作 100 来设置的。例如,如果你设定帧延迟为 50,就是表示半秒钟,如果你将帧延迟设定为 300,就是表示 3 秒钟。5.怎样给输入的位图加入描边的效果? 要给的位图加描边,只要画一个相同大小的矩形,设定其描边色彩然后设置为无填充,在object面板中选择最右方的 Stroke Placement 就可以了。6.怎样才能将Fireworks输出的文件输入到Dreamweaver中? 选择Fireworks菜单File-> EXPort,选择html and image,输出文件后,打开Dreamweaver,点击object面板中的Fireworks html添加按钮,定位刚才fw输出的html文件就可以(注意,文件都在本地站点中操作)7.怎样在Fw4里调整圆角的度数? 选中圆角矩形,在object(对象)面板调整Roundness的数值。8.请问Fireworks4能否使text沿path运动的动画? 你可以在Object面板上一帧帧设Text Offset路径文字的偏离量,文字偏移是使文字路径中文字的起始位置在路径上发生偏移,最后在输出成动画格式。

Fireworks常见问题解答(2)
9.如何用Fireworks做突起效果的按扭? 选择Effect面板中的Bevel And Emboss的子菜单,例如inner bevel,好的按钮效果主要靠比较好的effect参数,细心调试一下就可以有好看的按钮。10.请教在FW4中Copy→Paste,Duplicate,Clone三者区别? 1.Paste(粘贴)是针对Copy(拷贝)而言,点选或框选的图片目标经拷贝后可以被粘贴到当前图层或其他的应用图层上,如你在FW4打开一图片,想把它粘贴到Photoshop图层上(或选择图片的一部份),用拷贝后执行粘贴,也可粘贴在当前图层上,而拷贝过的图片将以位图的形式同时被保留在WINDOWS的剪贴板上,根据需要你仍然可以把这个图片继续粘贴。 2.FW4中的duplicate(复制)是把当前图层上已有的图片重新在新的图层上“复印”一份,不能以位图的形式粘贴。 3.Clone(克隆)基本和复制一样,所不同的是克隆可以精确定位,克隆后的图片与原来的目标图片完全重合,可以利用光标上下左右键进行相对移动,FW4中可以设定移动量。 4.复制和克隆不能用框选,而拷贝则可以。11.怎样用Fw4分割保存图片? 可以使用工具箱里的Slice工具。12.怎样使用Fireworks画虚线? 1.先建立新文档,按住Shift键再用直线工具(Open tool)画一条直线。 2.选择Stroke面板:在面板中选择Random、Dots 3.选择右上角的三角形,选择Edit Stroke会出现面板,有Option、Shape和Sensitivity三个项目。 4.Option面板: Ink Amout:100%; Spacing:300%(**注意:不要设为100%,必须大于。); 不要选Build-up,Tips:1 5.Shape面板:设置如图所示,可以不选Square,那么虚线的点就是圆的。 6.Sensitivity面板: Brush Property:里面有以下几项: Size、 angle、 Ink Amout、 Scatter、 Hue、 Lithtness、 Saturation 当每选取一项时,Affected By:里面的所有项的值都设为0。然后按应用-->确认。 7.制作完成后,点击右上角的三角形选取Save Sroke as,存为你要取的名字。 8.要在以后调用FW时使用这项命令时,必须再选取历史面板最后一项命令,存储为你要的名字,这里存为dashed line。 9.以后要调用时就选取Command-->dashed line就可以了。13.怎样输入类似于网页中常见的9镑字? 输入文字时选择宋体,12px, no anti-alies。14.怎样将两个位图对象合并位一个对象? 全选这二个位图对象,Modify>Convert to Bitmap。15.怎样做出电视扫描线的效果? 打开或插入要处理的图片,然后画一个与图片大小、位置都相同的矩形(可用Info面板进行精确设置),矩形填充类型为Solid,填充色为Black,纹理Texture选择Line-Horiz4,纹理量为100%,并选中Transparent选项。调整透明度,使效果更柔和些,可以设置为15左右。16.怎么设置帧延迟? 帧延迟决定当前帧播放的时间长度。帧延迟是把一秒当作 100 来设置的。例如,如果你设定帧延迟为 50,就是表示半秒钟,如果你将帧延迟设定为 300,就是表示 3 秒钟。17.如何为每一帧输入帧延迟的设定值? 1 打开 Frame Properties 对话框: 双击帧面板上的帧的名字。 突出帧的名字,从帧面板的 Options 弹出菜单中选择 Properties。 2 在 Frame Delay 选项输入一个数字。 3 敲击回车,或者点击面板以外的地方关闭对话框

Fireworks常见问题解答(3)
18.FW预览以及输出时,HTML文件的左边和上边总有空隙,没有紧靠边。怎样时预览和输出时没有空隙? 通常我们可以在DW中修改导出后的HTML文件,只要设置topmargin="0" leftmargin="0" marginheight="0" marginwidth="0"即可。 同理我们也可以修改FW的输出模板,使导出和预览时的文件直接就紧靠边,修改如下文件: \Configuration\HTML Code\Dreamweaver\slices.htt 找到其中的下面这句: WRITE_HTML("bgcolor=\"#", eXPortDoc.backgroundColor.toString(16), "\"")修改为: WRITE_HTML("topmargin=\"0\" leftmargin=\"0\" marginheight=\"0\" marginwidth=\"0\" bgcolor=\"#", exportDoc.backgroundColor.toString(16), "\"") 保存后,重新启动FW即可。19.用Fw4打开psd,会提示缺少字体,而且psd中的文字走样? Fw4现在可以很好的支持PSD多图层多格式文件,但是对汉字字体的支持是两套引挚,所以会出现不匹配的问题。这里的字体在FW4中打开还是可以编辑的,可以再次选中原有字体。 FW3虽然没有这个问题,但字体已转换为位图。 20.请介绍一下Fireworks中的对象混合模式。 Fireworks中有十三种对象混合模式,分别是 (Normal)普通模式 这是最基本的也是FW3默认的图像混合模式,在这种模式下位于上层的图像将覆盖掉下层的图像,并根据透明度的设定来显示被遮盖的部分。 (Multiply)累加模式 累加模式是以上层图像的色彩为标准来增加混合后图像的重叠处的深度,因此结 果往往会产生亮度更低的颜色。用黑色叠加其他颜色的图像产生的结果永远是黑色,而用白色叠加其它颜色的图像将不起任何变化。累加模式和屏幕模式配合使用可以给底图加立体效果。 (Screen)屏幕模式 这种模式的作用与累加模式正相反,它是根据上层图像的色彩为标准来减少混合后图像的重叠处色彩的深度,因此结果往往会产生亮度更高的颜色。同样相反的是用黑色图像作为上层,使用屏幕模式后底图将不会改变,而使用白色图像将产生的结果将永远是白色。 (Darken)暗模式 暗模式计算混合的上下层图像,如果下层图像色彩的亮度高于上层图像同位置处色彩高度则将在显示结果中使用上层高度低的色彩代替下层高度高的色彩。 (Lighten)亮模式 与暗模式相反,亮模式计算混合的上下层图像,如果下层图像色彩的高度低于上层图像同位置处色彩亮度则将在显示结果中使用上层高度高的色彩代替下层高度低的色彩。 (Difference)交错模式 交错模式计算上下混合层中的颜色,用亮度高的那个颜色减去亮度低的那个得到的结果作为混合结果所显示的颜色,因此使用白色和底图进行交错模式混合产生的将是底图的反色图像,而使用黑色与底图进行交错混合将无任何变化。 (Hue)色调模式 色调模式根据下层图像的亮度和饱和度以及上层图形的色调创建一个新颜色作为显示结果 (Stauration)饱和度模式 饱和度模式根据下层图像的亮度和色调以及上层图形的饱和度创建一个新颜色作为显示结果。因此如果上层图像的饱和度为0(灰色),结果图像将保持底图色彩不变。 (Color)色彩模式 色彩度模式根据下层图像的亮度以及上层图像的色调和饱和度创建一个新颜色作为显示结果。这种模式保留了底图的灰度,因此可用于制作单色图像。 ( Luminosity)亮度模式 与色彩模式相反,亮度模式根据下层图像的色调和饱和度以及上层图像的亮度创建一个新颜色作为显示结果。 (Invert)反色模式 反色模式是根据上层图像的灰度计算下层图像颜色的反色作为显示结果。 (Tint)上色模式 上色模式根据上层图像的灰度给底图增加灰度。 (Erase)擦除模式 擦除模式是作用是将底图中被上层图像覆盖的部分擦除,和橡皮工具的作用相同

Fireworks常见问题解答(4)
21.优化面板上的Matte和Interlace有什么作用? Matte是使图像在透明时,更好的与底色融合。Interlace交错的GIF,简单的说,就是下载GIF图时,是先模糊后清楚,不必一次全下载完22.请介绍一些Fireworks中的小技巧 1、Brush工具特能的性能:按住shift键用brush工具画出一条水平或垂直线后,释放鼠标,但不要松开shift键,在brush光标附近会出现一个小加号,用brush再画一条线(仍按住shift键),fireworks会把所画前一条线的终点和后一条线的起点连接起来。 2、Pencil工具的一个用途:在图象编辑模式下,当改变一个象素构成的图象时,pencil点到任何象素都会变成当前的描边颜色。 3、移动光标时,如果按住shift键不放,那么每移动一次为10个象素点。 4、选择工具:shift键除了可与矩形或椭圆形选框工具组合来选择正方形或圆形区域,还有另外一个功能:可在已经选择好的区域上增加选择区域。例如,用选框工具已经选择好了一个矩形区域,发现应该选择的是正方形区域。这时,如果在矩形选择区域仍存在的情况下,按住shift,将得到矩形选择区域与正方形选择区域的叠加区域,而不是单独的正方形选择区域。为了避免这个问题,可在用shift键选择正方形或圆形之前,执行edit->selet none命令或者使用快捷键ctrl+d。也可以在选择区域外单击鼠标取消原来的选择。23.如何修改渐变填充? 在Fill面板中使用了渐变填充后,如果想修改的话,开启并修改渐变图案的关键是漆桶工具。 1、选择用渐变填充的图片。 超始点、漆桶工具,(Ctrl+K)。渐变控制出现。 3、要移动渐变的起始点,拖动圆形手柄。 4、要旋转渐变方向,将光标移动到控制手柄之外,直到出现Rotate光标,然后拖动手柄到一个新的位置。在旋转渐变的时候,FW将渐变的起始点作为旋转的中心。 5、要改变渐变的大小,直接拖动正方形手柄到新的位置。 6、要修改椭圆渐变、矩形渐变、星爆渐变或者波纹渐变的斜切效果,沿某个方向拖动其中一个正方形手柄即可。 注:并不限制一定要将渐变控制保持在所选对象的内部。任何渐变控制――起始点、终止点或者大小/斜切控制手柄,都可以移动到对象之外

FW光晕文字制作四绝招
源文件下载 本节我们一起来学习制作晕光效果的特效字,这里我们总共罗列了四种效果的晕光字效果图,在随后的讲解中我们会逐一对其制作方法来做一个讲解,希望本节教程能够对你制作晕光特效有所帮助。先来看效果图。 【操作步骤】 第一种晕光特效字的制作方法: 1、将编辑区的背景色设为黑色,在编辑区输入文字“night”,字体选用“Times New Roman”,字号为“96”大小,字体颜色为“#003399”,字体采用“加粗”、“倾斜”设定,此刻编辑区的文本对象会如下图所示。4、此刻编辑区的文本对象会如下图所示。 5、选择效果菜单中的“调整颜色|反转”效果命令,编辑区的晕光文字特效生成。 【注意】“反转”效果命令的使用起到了出人意料的结果,而且在这里生成的晕光文字的立体效果也是比较不错的。 第一种晕光特效字的制作到此就结束了,注意保留制作好的源文件不要丢掉,因为下面第二种制作方法会使用到这个文件的。 第二种晕光特效字的制作方法: 1、使用第一种制作方法制作成功的源文件,继续后面步骤的操作。 2、选中文本对象,按“Ctrl+Shift+D”组合键,连续克隆两个相同的文本对象,并将两个克隆对象所在层的图层混合模式都变为“色彩增殖”方式。如下图所示。

Fireworks 制作扇子展开动画
这个例子是针对补间实例,复制帧的应用,也没什么诀窍:主要要有耐心 1、新建一画布,画一上宽下窄矩形并转成图形元件,克隆一次,将克隆出的图摆放如图示:

金属按钮效果制作方法一则
源文件下载 大家在网上可能经常会发现一些使用Photoshop来进行金属效果按钮制作的方法,而很多效果用FW来制作的话似乎就要很麻烦。实际上只要灵活运用FW自带的Eye Candy 4000 LE滤镜及其完整版Eye Candy 4000滤镜提供的Chrome效果命令,我们同样也能制作出漂亮的金属效果按钮。下面我们就一起来看看具体的制作步骤。 首先还是先来看看效果图:经过“Chrome”效果命令设定后,编辑区的图形效果如下。 3、选中位于层面板上层的圆形对象,选择属性面板上效果菜单中“阴影和光晕|内侧发光”效果命令,进行相关设定如下图所示,其中颜色设置为为黑色。 【提示】“内侧发光”效果命令的应用主要是为了最终效果的实现打一个基础,大家可以在最后的效果出现的时候来回头看看本步操作的作用。 4、仍然是选中位于层面板上部的圆形对象,选择属性面板上效果菜单中的“Eye Candy 4000 LE|Bevel Boss”效果命令,在弹出的“Bevel Boss”设置框中进行具体设置,各个参数的具体设置如下图所示。

铬金图形效果制作
源文件下载 很多朋友可能在使用PS来进行图形处理的过程中会进行一些铬金特效的制作,在FW中直接对图形进行铬金特效的制作是不现实的,即使你已经安装了完整的Eye Candy 4000的滤镜,但是换一种思路来思考问题的话,我们发现有些不可能也变成了可能,本节教程我们就来学习如何使用FW来制作铬金图形特效,首先还是先来看下图所示已经制作完成的效果图。 [注意]为了便于随后操作步骤的讲解,大家可以直接在图片上右击,将“图片另存为”到本地机器上,来进行和本例相同的图形处理操作2、在编辑区上绘制一个矩形对象,为了便于理解,矩形略小于位图对象,此处使用的填充颜色为白色,此刻编辑区的图形效果会如下图所示。 3、选中白色矩形对象,选择属性面板上效果菜单中的“Eye Candy 4000|Chrome”效果命令,在弹出的 “Chrome”效果设置窗口中进行设定。“Reflection Map”选项使用默认的“Outdoor.tif”不作调整;Bevel Width的数值设定要做到使得整个矩形对象都实现了滤镜的效果,不留一点儿原来的颜色,所以要尽量大些;Ripple Width的数值可以设置的小些,这样界面的起伏感会更强烈些。具体的参数设置可以参看下图所示。4、经过设定后,编辑区的对象会如下图所示。