推荐阅读
详细解析日系网页设计的现象和本质
在很多人眼里，日本是一个隐忍、充满禅意的国家。以寺庙、茶道、电子产品而闻名。既传统，又现代。日本的建筑设计、书刊设计受世界瞩目。但是不知怎么的，日本的网页设计风格很怪异。有点像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 三支链并联机构模型
最新发布
打造晶莹剔透的水晶按钮
1.新建文件，宽、高都为5，单位cm，分辨率200，模式为RGB，白色背景。 2.用圆形选框工具画出圆形选框，在选区内点鼠标右键，选“通过拷贝的图层”项（图层1）。 3.新建图层（图层2），使用渐变工具，设置成“前景色到透明渐变”，前景色设置为R：255，拉出如图渐变。 4.新建图层（图层3），在新图层上用喷笔画出阴影（也可填充颜色，然后用椭圆选区羽化后删除，但是那样效果没有用喷笔来得自然好看，小魔星就不在此赘述：P）
制作网页翻转按钮
大家经常在一些网页中看到一种会随着鼠标的接触而变色的按钮，参见范例网页。这称之为鼠标翻转效果，这是根据英文rollover翻译而来的，其实不是很符合中文的语境。其原理是利用两张图片，平时显示一幅，当鼠标接触后换成另外一幅图片。如下图。这样看起来好像是鼠标接触的时候按钮变亮了。现在我们来动手制作，首先在Photoshop中将它们制作成图片，然后再做成网页。首先新建一个400×300的白底图像，新建一层，利用形状工具椭圆〖U/SHIFTU〗，在公共栏选择第3种绘图方式(填充像素)，调出信息调板〖F8〗观看数值，用任意颜色在新建层中间位置画一个直径40左右的正圆(按住SHIFT保持正圆)。如下左图。【窗口>样式】调出样式调板，点击右上角圆三角按钮，选择“替换样式”，在出来的样式列表目录中选择“Web翻转样式”，确认目前选择的是新建层，然后使用“选中状态的蓝色胶体按钮”样式。如下中图红色箭头处。大家也可以自己选择其他颜色的。将新建层与背景层合并，然后【图像>修整】，如下右图所示。确定操作后图像将被裁剪为和所画的圆同等大小。这个命令的作用是根据左上角第一个像素处，或右下角最后一个像素处的颜色，在我们这幅图像中这两个地方都是白色。然后就将画面中连续的白色部分裁剪掉。这就好像现实中打印图像之后将纸张的边缘裁剪掉一样。 接着将背景图层复制一层，对复制出来的图层使用曲线工具，合并高光和暗调区域(高光点229,255；暗调点60,0)，形成加亮按钮的效果。如下左图。完成后我们得到两个图层，分别是暗色按钮的背景层，和亮色按钮的背景复制层。如果以上步骤无法完成，点此下载范例文件使用【文件>在ImageReady中编辑】〖CTRLSHIFTM〗，或点击工具栏最下方按钮，将会跳转到ImageReady中，这是Photoshop附带的一个软件，用来制作动画和网页。我们找到Web内容和图层两个调板，如下下图。后面的操作就是由这两个调板配合完成。 在完成以上5个步骤后，我们就可以开始制作鼠标翻转效果了。开始之前我们先简要介绍一下制作的原理。范例网页大家也看过，是随着鼠标的接触而发生的。这里涉及一种概念，叫事件和方法。我们的日常生活就是由许多事件和方法组成的，比如口渴是事件，喝水就是解决这个事件的方法。肚子饿是事件，吃东西就是方法。想学习是事件，看《大师之路》就是方法等等。这其实就是一种编程的思想，和人一样，电脑也是由事件和方法组成的一套逻辑系统。所以下面我们也要按照这种思路，去创建一个事件和解决方法。这个事件就是鼠标接触事件。平时鼠标不接触，我们只显示暗色按钮层(背景层)。而在鼠标接触的事件发生后，显示亮色按钮层(背景副本层)。点击Web内容调板下方的新建按钮，将建立一个翻转设定。位于上方的s060101代表正常状态，因此我们要在图层调板中隐藏背景副本层，如下上图。位于下方的Over代表鼠标接触事件，因此我们在图层调板中显示背景副本层并隐藏背景层(在这里由于图层的遮盖关系即使不隐藏也不影响最终效果)。如下下图。可以从Web内容调板中看到平时和鼠标接触两种不同的效果。
Photoshop快速制造三维立体按钮
在这里多插入几句可有可无的话，我们在选择同一色系的颜色时，如果已经确定了前景色，想设置背景色，那么双击背景色，弹出颜色拾色器－Color Picker，此时鼠标形状就会变成一个吸管，就可移动此形状的鼠标到各个可取色的面板去选择一个喜欢的颜色，在此吸取前景色，这时拾色器自动选择了前景色，那么我们就可以在拾色器中快速地选择到同一色系不同色深的颜色了。 选择“ Gradient Fill Tool －过渡填充工具”，在属性工具条中设置过渡色为“Foreground to Background－前景色到背景色”，过渡模式为“Linear Grandient－线形过渡”，设置完成后属性工具如下图所示：图六 在选区中按“Shift”键，由上至下画过渡色，此步骤完成如下图：图七 三、初步三维立体感 按“Ctrl + D”消除选区，双击此层应用层样式“Add a Layer Style”，在“Layer Style－层样式”设置面板中选择“Drop Shadow－下拉阴影”，参数设置为：Distance＝2，Size＝2，其它为缺省值。如图八所示：图八 再勾选“”，参数设置为： Blend Mode＝Multiply，其它为缺省值。如图九所示：图九此步骤完成画布上已经初步显示出三维立体按钮的基本模样了，如下图：图十 四、加强三维立体感 新建一个图层，选择“Elliptical Marquee Tool－圆形”选择工具，画一个椭圆，长约为圆形的二分之一，宽约为圆形的三分之一。选择前景色为白色，并按“G”把工具换成过渡工具，设置过渡色为“Foreground to Transparent －前景色到透明”，在选区中按“Shift”键，由上到下填充过渡色，效果如下图：
Photoshop快速实现按钮浮动
在目前的图象制作软件中，Photoshop可以说占据着一个很重要的地位，它凭借其强大的编辑功能而深受网页设计者以及广告编辑者们的喜爱和青睐。从实现的功能来看，Photoshop可以分为图象合成、图象编辑、特效制作以及校色调色等。而特效制作是网页设计者以及广告编辑者最常使用的功能， 在进行特效制作时，Photoshop为大家提供了许多特殊的滤镜效果，充分使用这些滤镜就能制作出各色各样的图象特效出来。为了更好地使用Photoshop进行特效制作，笔者现以制作按钮浮动效果为例来详细介绍特效制作的过程，希望能对大家有所帮助！ 其实按钮浮动效果使用许多软件都可以实现，但这里笔者是用Photoshop7.0来实现的，下面就是其具体实现的详细步骤： 1、运行Photoshop程序，打开Photoshop7.0的主操作界面，在该界面的菜单栏中单击File菜单项，从弹出的下拉菜单中选择New命令，就能打开如图1所示的新建对话框了； 在该对话框的Name文本框处，大家可以输入“按钮浮动效果”这个图象名字，同时在Width、Height设置栏处输入新建图象的宽度为180像素、高度为60像素，将图象的Resolution（分辨率）设置为72pixels/inch；在颜色摸色（Mode）设置栏处，将图象的显示模式设置为RGB color，并在Content设置栏下，将图象的背景颜色选择为“White”，设置好这些参数后，单击该对话框中的“Ok”按钮，返回到主编辑界面； 2、接着用鼠标依次执行主菜单中的“Window”/“layers”命令，将图层面板打开；在这个面板中，目前只有一个底层背景，单击该面板下方的Create a new layer命令，来新建一个名叫layer 1的图层； 3、将鼠标移动到主界面左边的工具条的“custom shape tool”形状工具按钮上，此时在主界面的顶部出现了定制花型工具条，当大家用鼠标单击Shape设置栏右边的小三角时，Photoshop程序随后弹出了许多花型图案供大家选择；笔者在本例中选择了一颗红心，按下键盘上的shift键，将红心图案等比例在编辑区中显示出来，如图2所示的效果； 4、将鼠标移动到图层面板中，再用鼠标单击该面板下方的Create a new layer命令，来新建一个名叫layer 2的图层；然后把鼠标移动到工具条中的椭圆选择工具按钮上，接着按下键盘上的Shift键，同时在编辑区中拖动鼠标，直到出现的正圆保围了红心后，才停止鼠标移动； 5、将鼠标移动到主界面左边的工具条的“set foreground color”按钮上，并用鼠标左键双击之，这样Photoshop7.0程序就会打开一个如图3所示的颜色参数设置框， 在该对话框中将图象的前景色设置为图3中指定的RGB颜色，单击颜色设置框中的“OK”按钮后，当前编辑界面的颜色就变成了我们所设置的颜色，然后执行主菜单中的“edit”/“stroke”命令，在弹出的描边工具对话框中，将描边宽度设置为3px；按照第5步的操作方法，在圆形旁边，大家还可以做一个长方形的填充； 6、将鼠标移动到主菜单中的“Layer”菜单项上，从弹出的下拉菜单中选择Merge Down命令，来将当前编辑区中的所有图层合并，这样圆形和方型就合并成一个层了；不过合并以后的长方形平滑没有质地感，为此还必须使用滤镜为图象增加质感； 7、接着将鼠标移动到主界面菜单栏中的“filter”菜单项中，从弹出的下拉菜单中选择“Noise”滤镜，并用鼠标单击该滤镜下面的“Add Noise”选项，这样我们将看到一个如图4所示的对话框， 在这个对话框中，大家可以为当前的图象添加杂色。在具体添加时，大家可以在Amount设置栏处输入3.66，将杂色的分布方式（Distribution）选择为高斯分布（Gaussian），同时将Monochromatic（单色）这个选项选中，设置好这些参数后，单击“Ok”按钮返回到主编辑界面； 8、回到图层面板中，按住键盘上的Ctrl键，同时用鼠标单击圆形和方形合并的图层，这样就可以选中长方形轮廓了；接下来按照上面新建图层的方法，重新新建一个图层，依次执行主菜单中的select/transform selection命令，将当前编辑区域中的选区的长度和宽度都扩大为原来的105%，这样大家就可以看到新的选区大小正好比前面制作的长方形大了一点； 9、下面大家再把编辑区的前景色设置为#e88e07，同样执行主菜单中的edit/stroke命令，在弹出的描边参数设置框中将描边宽度设置为2像素，如图5所示； 10、描边以后的长方形边缘显得很生硬，为此我们还要使用模糊滤镜，来将边缘模糊一下；将鼠标移动到主菜单Filter中的Blur子菜单项上，同时用鼠标单击Gaussian Blur命令，在随后弹出的参数设置框中（如图6所示）来设置高斯模糊效果；
Photoshop实现梦幻水晶按钮
本教程的主要目的是使用photoshop中的一些最基本的工具，绘制水晶效果图标。 所使用的主要工具有：“椭圆、矩形选框工具”、“椭圆、矩形工具”、渐变工具。 图层面板中的主要功能：样式、编组、图层混合模式，蒙板。 因为主要针对的对象是photoshop的初学者，所以步骤相对较详细（详细的嘟嘟自己都感觉有点罗嗦）。 水晶的特点是透明，晶莹，光照下来有明显的反光，也有比较明显的折射，所以下面标注了各步骤的主要目的。练习的是矩形和圆形水晶效果的设置。 ――建立文件―― 1.新建一个文件,图象大小为128X128象素，颜色模式选择RGB模式，分辨率设置为300，选择白色背景。
Photoshop:打造漂亮蝴蝶琉璃按钮
琉璃是以各种颜色的人造水晶为原料，用水晶脱蜡铸造法高温烧结而成的艺术作品。这种流光溢彩、变幻瑰丽的琉璃效果也常常被应用到平面设计当中，下面我们就用PS来打造一款漂亮的蝴蝶琉璃按钮。 效果预览1、新建一个宽度为12厘米，高度为10厘米，分辨率为300像素，模式为RGB，内容为白色的文件。2、新建图层1，选择工具箱中的“自定形状工具”，在属性栏中选择蝴蝶形状，在画面中绘制蝴蝶路径，并转化为选区。将前景色设置为蓝色，为选区填充前景色，取消选区，效果如图01所示。
Photoshop绘制精致金属边框水晶球按钮
单击这里下载原文件 以下是最终效果。 下面开始制作: -在PS中新建立一个250*250的文件，背景色选用白色。 -创建一个新图层命名为“颜色渐变”。 -按CTRL+R打开标尺，从X，Y轴分别拖拉出参考线，将参考线移动至文件中心位置，然后在中心位置按SHIFT+ALT键用椭圆选区工具作出正圆选区。(在拉出椭圆选区之前，先在把选择区在属性栏的数值样式设置为固定大小为152*152像素) -按CTRL+H暂时隐藏参考线。 -在“颜色渐变”图层中用渐变工具在选择区内作出由黑到白的渐变，注意下拖动的方向。 结果因该和下面这样差不多 -在保持选择的情况下建立一个新图层命名为“内阴影”，并用黑色对内部进行描边2像素处理(编辑-描边)，然后用高斯模糊3个像素(滤镜-模糊-高斯模糊)。 -按CTRL+D取消选择。