推荐阅读
详细解析日系网页设计的现象和本质
在很多人眼里,日本是一个隐忍、充满禅意的国家。以寺庙、茶道、电子产品而闻名。既传统,又现代。日本的建筑设计、书刊设计受世界瞩目。但是不知怎么的,日本的网页设计风格很怪异。有点像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制作超酷金属字
如例图所示的这款金属字是否给你一种镏光溢彩的感觉呢?如果你回答No,我只好就此Stop了,呵呵。好了,废话不多,我们一起开始吧!看看到底如何制作出这样一款超酷的金属字效果来。 本节要点:重点掌握Effect(效果)命令中Adjust Color--Curves效果命令和Hue/Saturation效果命令的使用方法! 第一步、 新建文件,文件的大小为300*100像素,背景色采用白色。为了突出效果,建议你先不要采用其他色彩的背景色,等我们学习完毕,你自己重新开始时,再用其他的颜色来试验也不迟。 第二步、 选取工具箱的Text Tool(文字工具),在编辑区点击,在随后弹出的文本编辑器中输入文字,这里输入的是“金属字”三个字,字体采用的是“方正超粗黑简体”(尽量选用较粗的字体);字体的颜色为黑色;字号为91pt大小;字体边缘效果选择Smooth Anti-Alais(平滑边角)。其他的选项保持默认值即可。设定完毕,编辑区应该如图01所示: 图01 输入文字后的编辑区 第三步、 这一步,我们要调整文字的填充颜色。选中编辑区的文字对象,打开Fill(填充)面板,将文字的填充方式由原来Solid(单色填充)变为Linear(线性填充),点击颜色列表旁边的Edit(编辑)按钮,对渐变色进行编辑,从左到右的颜色排列顺序为“#CCCCCC--#000000--#CCCCCC”,具体设定请参考图02。(注意:文字的填充颜色设定很关键,如果你采用其他的颜色打牌方案的话,效果就不一定如我们所愿了,不过,你可以自行试验) 图02 对文字的填充色进行调整 第四步、 设定完毕后,文字的填充色已经发生了变化,由原来的单色填充变成了从左向右的渐变色填充,如图03所示: 图03 由左向右的填充方式 第五步、 调整文字渐变色的方向。选定文字对象,选取工具箱的油漆桶工具,在文字对象上方由上向下拖动油漆桶,这样,文字的颜色渐变方式就由从左向右填充变为了从上到下的填充。如图04:
Fireworks打字动画效果的实现
很长时间以来,总是有人在探讨在FW中如何制作打字效果的动画这个问题。大部分的朋友认为,使用FLASH可以轻松的实现这一种效果,但在FW中似乎要困难些,好像除了一帧一帧的累加以外,就没有更好的办法了。原来也是一直这么来理解的,但是今天无意中找到了一种在FW中实现打字动画效果的更好的方法,请随我来: 【打字动画效果图】 第一步:打开FW,新建一个文件 ,文件的大小为140x20像素,背景色自定,这里采用了黑色。 第二步:选取工具箱中的Text Tool(文字工具),在编辑区输入你想要出现打字效果的文字,这里我们输入了“风云设计眼欢迎您的到来”;字体采用“宋体”;字号采用12Px;颜色自定;字体边缘效果选择“No Anti-Alias”;对齐方式采取默认的左对齐方式。 第三步:选中编辑区的文本对象,执行快捷键“Ctrl+Shift+D”,原地复制相同的一个文本对象,然后打开Fill(填充)面板,将复制的文本对象的颜色做一改变即可,然后向任意方向移动1像素的距离,调整好的效果图如图01所示: [注:]此步骤可以略去,直接进入下一步,如果你不需要对文字对象做改变的话! 图01 在编辑区输入相关文字 第三步:选中文字所在的层,点击层面板右上角的弹出菜单按钮,在随后出现的弹出菜单中,执行“Share This Layer”(共享这一层)命令,将文字所在层变为共享层,如图02所示。 图02 共享文字所在层
Fireworks一款立体字的制作
教程源文件下载(在下面的图片上右击另存为即可) 我们已经学习过好多种立体字的制作方法了,不管是哪一种立体字的制作,都要有一个中心在里面,那就是力求体现出立体的效果,开始本教程的学习之前,请大家先看看下面的立体字的效果图,如果您不管怎么看都不象是立体字的话,哪就不必后面的学习了~~ :) 呵呵~~~ 请看具体的操作步骤: 1、打开FW,新建一个文件,文件的大小为300*100像素,背景色自定,我们在例子中采用了紫色(#663399)。 2、选取工具箱的文字工具,在编辑区点击,在弹出的文字编辑框中输入相关文字,这里输入的文字为“3D text”,字体为“Arial Black”,字号为60大小,字体采用加粗模式,颜色可以自定,设定完成后,编辑区的文字对象如下图所示: 3、接下来我们要对文字的填充色进行调整。选定文本对象,打开Fill(填充)面板,进行相关设定。将填充方式设为Linear(线性渐变填充),填充的方案选择“White,Black”,其余选项保持默认值不做更改,具体的设定请参考下图: 4、此刻编辑区的文本对象应该如下图所示: 5、好了,我们需要对文字的填充方式进行一下调整,点中文字,会出现颜色调节手柄(有关颜色调节手柄的相关知识,我们在《模拟条形码制作》的一文中有过简要讲解,请参阅),调节正方形的手柄,向下方旋转,使其和圆形手柄在垂直方向上位于同一条直线上,然后拖动圆形手柄到文字对象的中心部分,请看调整后的文字对象及其调节手柄的演示图:
Fireworks稚幼体字体效果制作
首先回顾一下,在前面的学习中,我们学习了模拟条形码的制作。很多朋友反映不能拉出条形码的效果,提醒各位一点的是,一定要将正方形的调节手柄拉到和圆形的调节手柄处于同一条直线上才能出现预期的效果,如果你不知道两个调节手柄是否已经处于同一条直线上,可以预先从上侧的标尺栏拖出一条水平的辅助线来作为调节的参照物,这样调节起来可能要方便一些了。如果你对于辅助线的概念或者如何拖动辅助线的方法还不太了解的话,可以参考这里的文章,希望能够对你有些帮助。本节我们要学习的内容是制作一款字体效果:稚幼体,请先看示例图: 首先需要声明的是,这种字体效果我们没有使用任何现成的字库字体,现在我们要做的是来模拟这种字体效果,如果你需要真正的这种样式的字体,需要下载相应的字库进行安装才可! 1、打开FW,新建文件,文件的大小、背景色自定义。 2、选取工具箱的文本工具在编辑区点击,在弹出的文本编辑框中输入相关文字,请注意,既然是模拟制作稚幼体,我们还是输入中文为好,任意输入文字,字体选择“楷体”;字号配合编辑区的大小进行设定,尽量采用大字号,这样效果明显些;颜色自定,编辑结束后,编辑区如下图所示: 3、选中编辑区的文本对象,执行菜单命令“Text--Convert to Paths”,这样就将文本对象转化为路径对象,这一步是比较关键的步骤,因为后面的操作主要就是对路径对象的操作。执行该命令后,层面板上的变化告诉我们,路径转化已经成功,如下图: 4、接着,在文本对象被选定的情况下,执行菜单命令“Modify--Join”,这样就将多个路径对象组合成为了一个路径对象,以便于我们后面的操作,编辑区对象如下图所示: 5、好了,产生我们所要的效果的一步到了,同样,选定编辑区的路径对象,执行菜单命令“Modify--Alert Path--Simplify”,会弹出对话框如下:
Fireworks中螺旋运动字的制作
1.新建一个450*150,背景色为黑色的文件. 2,适当地拖出几条辅助线,用工具栏中的钢笔工具,在编辑区画出波浪形,如图(图1) 双击图层面板上的这图,另命名为a.3,用工具()在编辑区拖画出一方形,大小如图(图3). 在图层面板上双击这方形图,另命名为b4,编辑方形,打开fill面板,渐变为线形渐变linear,进行如图设置(图4), 选中油漆桶工具(),对方形从上到下渐变.结果如图(图6) 5,选中渐变填充好的方形,edit-----clone,克隆出四个同样的方形,把它们依次命名为c,d,e,f.按从左到右的顺序排成直线.因为此刻它们都在a之上,所以a层现在看不到.结果如图(图7)
Fireworks制作透明字
有次看到别人在论坛发的贴子,说透明字只能在photoshop中做到,而在fireworks中却办不到。不是办不到,只是此人没有想到而已。其实在fireworks中制作透明字不难,下面就让我们动手操作一遍吧。 1、打开一张图片,用文字工具输入文字。这里为了让大家看得清清楚楚,明明白白,真真切切,特用字号为250,字体为综艺繁体,输入的字为“思”,填充色为黑色。你也可以用别的字体和字号。 2、把文字打散,选中文字,Texe>Convert to Paths,将文字转换为路径。然后再Modify>Ungroup,将文字解组。此时的文字可以任意编辑了。为了不让大家在学习过程中看得晕头转向、摸不着头脑,我们把这文字层重新命名为text1 3、选中text1文字,Edit>Colne,把克隆出来的文字重新命名为text2。选中text2文字,在电脑键盘上的右方向键上按三下,然后在下方向键上三两下。(每按一下,文字向相应的方向移动一个象素)。再选中text2,Edit>Clone,把克隆出的来文字重命名为text3。选中text1,Edit>Clone,把克隆出的文字重命名为text4. 4、大家是不是克隆几次后有些发晕了?:)。选中text3,把它拖放到text1层之下。此时,text2和text3层是移动了象素的文字层,大家要清楚。此时各层的关糸如图。 5、按住Shift键,同时选中text2和text4,Modify>Combine>Punch。再同时选中text1和text3,Modify>Combine>Punch。 6、把text2和text4punch后的图层重命名为text5,把text1和text3Punch后的图层重命名为text6。如图。
Fireworks制作字体遮罩动画
1、画一幅图像(或调用一幅位图)留作为Mask字体的底层动画用。 2、把上一步骤的图复制/粘贴2次,然后把3幅图合并,这样会使动画更加连贯。 3、选中这幅图,然后Insert-->Convert to Symbol(或F8), 然后选择Animation,将它定义为动画.在动画参数设置里只要填Frames播映的桢数就可以了,我们在Frames那里填10。 4、选中箭头所指的红点,向右拖动。 5、拖动后,调整好位置,使最后一桢的图案与第一桢相同。 6、在Frames面板里选取第一桢,回到第一桢继续下面的步骤。 7、新建一个图层,然后输入文字。 8、同时选中图案与文字,Modify-->Mask-->Group as Mask。 9、选中动画,然后在Layers面板里点击图中箭头所示,把遮照之间的关系取消;然后选取字体,选取字体后Object面板会出现两个选项,选path Outline(箭头所指),选好后在Layers面板里恢复遮照之间的关系。 10、遮照文字动画做好了,按Play看看吧.再整理一下位置与播放的速度会得到更佳的效果。
巧用Style制作立体感文字
大家都知道利用FireworksMX内置的bevel滤镜可以制作出文字的立体效果,但是这样调试起来很麻烦。而利用Styles的方法就简单了。 1.打开FwMX新建一文件,大小任意。将画布颜色设为:#729CFE 2.利用Text Tool在画布上拖画出一个文本框。选择菜单栏上的Text>Editor调出Text Editor对话框,输入文字“梦想瞬间”(这个方法解决了在画布上不能输入中文的BUG)颜色任意设置。 图1: 3.选中文本框,按Shift+F11调出Styles面板。点选Style 30应用该样式(图2), 此时的文字应该和图3所示的样式差不多(如果字体大小变化了,请自己调整好) 4.选中文本框,在Properties面板中将轮廓颜色设为透明;将字体填充颜色设为#729CFE。如图4:
用Fireworks 制作旋转文字动画
Fireworks与Dreamweaver、Flash一起合称网页制作三剑客,可是如果我们没有学会很好地利用它,那就与未出鞘的宝剑一样,难见光芒。所谓万事靠积累,只有多学多练才能让剑客真正发挥威力。今天就让我们来看一下如何利用Fireworks 4.0制作一个旋转文字的小动画,希望能对您有所帮助。 1、建立新文件: 启动Fireworks 4.0,按Ctrl+N键新建一个工作区,设置工作区宽度(Width)为400,高度(Height)为300,颜色为黑色,其余依照默认值。 2、输入文本图形: 首先单击文本工具(就是那个“A”),设置参数如下:字体为“华文行楷”,大小为“20”,颜色为“红色(#FF0000)”,其余的不用管它。然后在文本栏里输入文字,单击OK按钮。用箭头工具选择并移动文本到工作区稍微靠上的位置,接下来在Windows→Effect面板中选择ShadowandGlow→Glow(发光)选项,设置具体参数如下:宽度为2,柔化度为1,颜色为黄色(#FFFF00),透明度为100%。此时文本效果如图1所示。 图1 3、制作文本图形的分布路径: 首先取消对文本图形的选择,然后单击椭圆形工具(找不到?按矩形选择工具两秒钟看看会不会出现!),在Stroke和Fill面板中均选择None。按住Shift键在画布中画一个标准的圆形。按Ctrl+A键,或者单击箭头选择工具,按住Shift键分别点击文本图形和圆形,从而将二者全部选定,单击Text→AttachtoPath选项或者按快捷键Ctrl+Shift+Y,是不是看到文本图形乖乖地沿着路径进行了分布呢?哈哈,先不要得意的太早,路漫漫其修远兮……如果你看到的文本图形并未分布均匀的话,那么请用鼠标左键双击文本图形,在弹出的文本参数对话框中修改AV的值,直到文本图形沿路径均匀分布到令你满意的状态为止。
