推荐阅读
详细解析日系网页设计的现象和本质
在很多人眼里，日本是一个隐忍、充满禅意的国家。以寺庙、茶道、电子产品而闻名。既传统，又现代。日本的建筑设计、书刊设计受世界瞩目。但是不知怎么的，日本的网页设计风格很怪异。有点像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 三支链并联机构模型
最新发布
Photoshop CS3制作动画:设定帧过渡
上一节：Photoshop CS3制作平面动画：动画帧】 在开始之前讲解一下上节课的思考题，问题的关键就是很难保证前后帧的轨迹统一，其实我们换一个角度想，就会觉得问题变简单了。总共不是有6个帧吗？我们就先将除了第一帧以外其余5帧中的方块移动到相同的位置，然后再将除了前两帧以外的其余4帧移动到下一个位置，以此类推。 落实到操作上，其实就是先选择帧2到帧6，移动到相应位置，然后按住CTRL减去选择帧2，将帧3到帧6移动到下一位置，再减去选择帧3……如此类推直到完成帧6的位置指定。这是一个操作中很实用的技巧。具体的操作我们就不再叙述了，有问题的话可以参看本课的视频教程。 目前我们制作动画的方法还属于全手动类型的，就是逐帧进行制作。比如一个物体的移动，我们是从头到尾参与了每一帧的设定。这种方式能够带来最大的可干预性，但同时也使得制作变得非常繁琐，尤其是帧数多的时候。今天我们要学习的就是利用帧过渡来制作动画，它的基本原理是，设定好某段运动的起始帧和结束帧，然后在这两帧种产生平均的过渡。如果是物体的移动，则就是先设定好移动起点帧和终点帧。 新建一个图像，大约150×150，新建图层并画上方块，将其移动到左上角。接着复制1帧，在新帧中讲方块移动到右下角，并将图层部透明度设为10%，大致如下左图所示。然后按下红色箭头处的按钮，将出现如下中图所示的对话框，红色箭头处的过渡方式是指过渡相对哪一帧，由于之前我们选择的是第2帧，并且总共也只有2帧，所以既可以选择默认的“上一帧”，也可以选择“第一帧”。要添加的帧数就是指过渡过程所将占用的帧数，这里设为3，那么加上原来2帧，这个动画总共就是5帧。 由于只有一个图层(背景层未有变化)在参与动画，所以现在图层选项中任何一个都是可以的。但不选择背景层的话会形成成透明背景，有关动画背景透明的问题我们会在以后学习到。注意绿色箭头处的参数，其中有“位置”和“不透明度”这两项。所谓参数就是指进行动画过渡的图层属性，我们之前说过图层的位置和不透明度的变化可以做成动画，在这里就反映出来了。 确定后将会在动画调板中看到的效果大致如下右图所示，可以很清楚地看到方块的位置和不透明度都发生了均匀的过渡。如果之前在过渡设定中关闭了“位置”或“不透明度”参数，显然就没有现在的效果了。
Photoshop CS3作实战图层样式动画
现在我们来讲解一下上节课的作业。比起以前“石器时代”的作业，它的难度有明显的增加。一个是动画元素的增多，不再是由少数的简单物体构成。再就是要求在制作前要成竹在胸，事先就要计划好步骤。 新建图像，约100×100，用椭圆形状工具的形状图层方式绘制一个矢量正圆，填充为绿色(数值19631c，可在拾色器下方的#区域内填入，这其实就是用十六进制来表示十进制的0~255，不必深究)或其他颜色。然后复制该图层(CTRL+J，复制出来的应位于原图层上方)，对复制出来的图层用自由变换功能，将其参照中心点(Alt+SHIFT)缩小。接着为其定义描边样式(大小为1像素，白色)并将填充不透明度设置为0%，得到一个线圆。适当降低该图层的不透明度(约15%)已达到较好的视觉效果。将这个线圆图层再次复制并依照之前再次缩小，得到两个同心的线圆。大家也可依次列推制作更多的同心线圆。此时图像应类似于下左图所示。 然后新建一个普通图层，使用直线工具的填充像素方式(粗细1像素，关闭消除锯齿)在圆的*位置绘制一横一竖组成十字。绘制的时候可将图像放大便于对齐，绘制后也可使用多图层对齐功能调整。此时图像类似于下中图所示，图层调板如下右图所示。 在这个前期的动画元素准备过程中，我们先使用了矢量绘制圆是因为其需要缩小，矢量方式可保证质量。后面的十字理论上也可以使用矢量方式绘制，但由于矢量直线在1像素这样小的单位时，会由于自身的抗锯齿功能而可能导致边缘模糊，结果看上去就像是2像素粗细。大家可以自己动手试试看。除了这种极微小单位的情况以外，都应尽量使用矢量绘制，这个前提是不会变的。 图1 图2
Photoshop cs3 照片合成:神奇自然景观
本Photoshop教程是关于PhotoShop制作石像观音完美场景，主要是通过做素材的创意与合成，应用photoshop的画笔、调色、粉笔刷、图层的模式和滤镜等，来完成石像观音场景宏伟气势的效果制作。 软件：Photoshop CS3 这是一张07年初次接触概念场景时第一张比较满意的作品。之前对于这类概念场景作品只是贴贴图罢了，后来经学习及实践后才明白原来并不是那么简单的事。要做好概念场景，考验自己的是很多基础理论及软件应用能力，后来自己也想着创作这类场景。在拜读了朱峰的场景教程与及国外很多场景大师教程和视频后，才越越欲试的也开始着手弄起了场景创作。在这里给大家分享制作这幅作品的经验和过程。先看看效果图： 效果图 前期准备工作还是蛮费时间的。主要用在搜集素材上，平常要多注意收集各种类型的图片（当然要超清晰哦，尺寸大的最好），方便很多时候创作的需要。所以得慢慢一张张挑、一张张看，找出可以符合自己创作内容的图片。个人习惯把平常收集的各类图片素材进行分类收藏，（自认为是种好习惯，希望大家也可以尽量这样做）不如像下图一样，这样做在急需时就可以避免在找图时浪费时间了。 图1 具*作过程： 1、这张作品原先构图并不是这样，是通过一边找图片素材一边改变思路的过程，慢慢的让整个画面跟着找到的素材丰富成熟起来的。所以在找来素材后才起了大概的内容草图，先确认了水平线、内容排列和确认主体。 图2
Photoshop cs3教程：热气腾腾的火热文字
本Photoshop教程 将告诉你如何使用Photoshop中的云彩滤镜、模糊滤镜、色阶以及曲线工具制作一个火红的特效线框字。这个制作方法不仅仅适用于字体效果的表现，实际上，你可以用它制作任意形状的特效图案，例如一颗火气腾腾的心形特效图。 说明：本文以Photoshop CS3版本为例进行讲解，其他版本（6.0以上）操作上或许存在一点小小的差别。 下图是教程中示例的最终完成的效果： 最终效果图 值得注意的是，由于Photoshop云彩滤镜生成的效果是随机的，所以即使是使用同一方法，每次制作出来的效果都会不尽相同。好了，下面我们来介绍具体的实现方法： 1、首先根据自己的需要新建一个合适尺寸的Photoshop图像文档，背景色不限。做为示例，我们这里仅设置为450×338像素。图像像素设置得越高，也就越容易得到更多的图像细节。 图1：新建Photoshop图像文档 2、点击图层面板底部的“创建新图层”按钮，新增一个图层，选择油漆桶工具，使用白色填充。然后选择字体工具，在字体面板中选择字体、字号，输入文本。当然，也可以绘制其他你希望得到的图案形状。这里我们以输入文本“HOT”为例，字体为Arial Black，字号150像素。这时Photoshop自动新建一个名称为“HOT”的文字图层。 图2：新建图层并输入文本
Photoshop CS3教程:五一劳动节快乐
本教程是关于使用Photoshop CS3制作五一劳动节主题海报，主要是渐变工具、钢笔工具、图层样式、图层模式以及笔刷等的应用。祝各位网友五一劳动节快乐！ 最终效果 1、点击文件―新建（快捷键为Ctrl+N），新建一个PSD文件，如图1所示。 图1 2、在新建的选项中，名称为：五一劳动节海报设计，Size为A4，分辨率为300，如图2所示。 图2 3、点击图像――旋转画布――90度（顺时针），将画布旋转90度，如图3所示。 图3
Photoshop CS3教程:GIF图像格式的设置技巧
本文是关于Photoshop CS3的GIF图像综述及彩信格式讲解教程，主要是介绍动画图像格式是GIF的设置技巧，文中作者还就现在流行的手机彩信中的gif动画制作作了说明，希望你阅读后会有所收获。 在网页设计扩展教程中也包含对图像格式的叙述，但不会再重复介绍本课中关于GIF的知识，而是介绍其余图像格式的特点及综合使用的方法等。因此如果有想学习网页设计扩展教程的读者，务必掌握好本课的内容。 现在我们已经学习了许多制作动画的方法，但大家对于动画最终的呈现形式仍不十分清楚。动画究竟怎样输出？在哪些地方使用？在使用中又有哪些需要注意的？这节课我们就来详细说明这些问题。 目前在Windows系统上的主要动画图像格式是GIF，其也可以直接在网页中显示，是目前应用最广泛的动画图像格式。包括现在流行的手机彩信中的动画也属于GIF格式。GIF格式可支持静止和动画两种表现方式。无论静止还是动画，其特点是相同的。 动画GIF格式的实现原理并不复杂，大家可将其理解为将多个静止画面(帧)组合在一起轮流显示。这些画面(帧)之间还有运算关系存在，与选区何路径的运算类似，分别是添加、减去和消除。这是为了优化动画的字节数。 某一帧如果是添加方式，则就会在保留前一帧图像画面的基础上，再加上这一帧的内容，综合形成新的画面。如常见的进度条动画就是一个典型，如下图所示，假设一个进度条由3帧组成，那么在我们眼中所看到的理论帧形态上来说，好像这3帧中分别保存了最短、中度和最长进度条的图像。但其实在第2帧中只包含了第1帧中所没有那个部分的像素，然后以添加方式作用于第1帧之上，形成了“1+2”的图像。第3帧也是如此。这种优化措施可有效减少图像字节数。 减去方式与之正好相反，是将前一帧图像中的某些像素抹去，可用“倒退的进度条”去理解。消除方式则是将前一帧完全擦除，主要用在前后两帧之间没有任何关联的时候，比如从全部红色变为全部绿色时，前后帧之间并没有任何像素相同，则采取消除方式。 在实际制作中Photoshop会自动根据图像情况来决定采取何种方式，不需要人工干预。这些运算方式作为一个知识来了解就可以了。也可以作为构思动画时的一个参考。 图1 现在要说以下GIF格式的一个重要特点，就是色彩数量的限制，GIF最大只能支持256色，也就是说一幅GIF图像中最多只能有256种色彩。这一点在静态GIF中尤为明显，一些带有丰富色彩的图像，如多种色彩的渐变等，很难在GIF中完美的表现出来。如下左图所示就是一幅照片的局部(注意是局部，并不是完整的全图)在PNG24位、GIF256无仿色和扩散仿色的图像情况。全图是一幅在威尼斯拍摄的商店橱窗，如下右图所示。 可以明显看出PNG24位的色彩最好，可以看作原图。而GIF格式的色彩表现力欠佳。在无仿色的情况下，原图中的一些带有色彩过渡的部位出现了色斑。在扩散仿色下色斑有所淡化，但颗粒感较重，这是仿色自身的原理造成的。有关仿色的概念在基础教程中已介绍过了，可点此观看相应内容。 图2 图3 需要注意的是，256色指的是针对整幅图像而言的。如果整幅原图像就是如下图那样的大小，则256色与原图的区别就不是很大了。这是因为将色彩减少到256色的时候，Photoshop会根据原有图像中的颜色进行编排，这个过程也称为索引，就是将相近的多种颜色归为一种。
Photoshop CS3教程:制作变色GIF动画
就我们目前已经学习的制作方法而言，足以应付大部分的制作需求。在本课中我们将学习一些能为作品增添更多效果的技巧，这些技巧都要建立在以往的课程基础之上。因此，彻底掌握之前的所有课程是必须的。这些技巧包括：特殊图层、加减速、运动模糊、文字变形。也希望大家能够总结出自己的制作技巧，并与他人分享。 在Photoshop中能够作为动画的项目有图层位置、图层蒙版、图层不透明度、图层样式。在基础教程的阶段我们学习了色彩调整图层和填充图层。这类图层具有特殊性，前者不直接产生图像，而是针对下方图层做出色彩调整效果。后者虽然产生图像，但属于“虚拟像素”，可在后期更改填充的内容。现在我们将它们为动画服务，看看能有怎样的效果。点击此处阅读有关色彩调整图层的内容。点击此处阅读有关填充图层的内容。 色彩调整图层是比较好用的，利用它可以制作出色彩变化的效果。这些效果可以是从明暗变化、灰度变化、反相等。实现的方法也很简单，就是先建立色彩调整层并做好相关的设置，然后将调整层的不透明度制作为动画即可。如下各动画范例，分别是曲线变暗、曲线变亮、渐变映射、反相。若要将图像变为灰度，可利用渐变映射的灰度渐变，或通过色相饱和度实现。 需要注意的是，这种色彩变化的动画由于前后帧之间的像素大都不相同，因此其占用的字节数会很大。此时应尽可能减少帧数、帧速率或缩小动画的尺寸来平衡。此外，也可以通过建立调整图层的蒙版来实现只针对某个区域的色彩调整效果，这里就不再示范了。 有时候可能要表现一些剧烈变化的场景。所谓剧烈变化要么是像素的大幅移动，要么是色彩的大幅改变，可利用反相来实现色彩的剧烈变化。通过前面的范例，我们发现将反相制作为过渡的效果并不好，将过渡效果关闭后能够形成剧烈的色彩改变。这可通过两种方法来实现，一个是将帧设置为保留插值。二是两个关键帧之间不要留有空隙，这样就无所谓过渡与否了。 需要注意的是，第二种方法的后期可修改性较差。如果在文档设置中增大了帧速率，就会在原有的紧密排列的两个关键帧之间插入新帧，这样就会出现过渡效果了。因此不建议采用此方法。而应该采取第一种方法。 现在大家自己动手将这个动画制作出来。点此下载范例文件包。文件包中包含素材图片以及成品的PSD，大家先不要开启PSD文件，尝试自己去分析和制作。完成后再参照范例PSD文件。 这个演示反相调整层使用技巧的范例动画具有一定的情节。首先是黑色流星坠落，流星是使用带有渐隐步长的画笔绘制的笔直或垂直线条，然后将其旋转为45度(角度可自定)，接着将除建筑物之外的天空部分创建为蒙版。在解除蒙版链接后，可单独移动流星并与建筑物产生遮挡效果。其后的反相交替没有什么技术难点，就不再说明了。至于蒙版的建立属于，可参看基础教程中有关图层蒙版的相关内容。 需要注意的是，最后的淡出是采用了色相饱和度调整层，所不同的是采取了淡出为黑色的效果，而不是以往的淡出为白色。在使用调整层来制作淡出时，最好不要使用曲线或亮度对比度，因为这两种色彩调整命令并不能完全将画面变为全白或全黑，而色相饱和度命令可以做到。
Photoshop CS3教程:简单制作画中画
使用工具：Photoshop CS3 注：文中所使用快捷方式，均在英文输入法状态下有效。 本教程是Photoshop照片处理教程专题中的一块,大家可以去Photoshop照片处理专题教程中了解下。先看下效果：
Photoshop CS3教程:QuickTime视频编辑
我们也可以将一段视频作为动画的素材加以导入，方法是使用【文件＞导入＞视频帧到图层】命令。这个命令要求系统中安装有QuickTime7.1及以上版本才能使用，否则会出现如下图所示的警告框。QuickTime是苹果公司所创的一种应用于视频的优秀的编码方式，早年只能在MAC OS系统中使用，现在已经移植到Windows系统中。可从Apple的网站上下载免费版本的播放器，网址为http://www.apple.com.cn/quicktime。 图1 我们将一段自拍的动物视频经由Premiere剪接为简短的版本，提供给大家进行导入练习。点此下载该视频。进入导入视频帧到图层后的对话框如下左图所示。在左方可选择全部导入或只导入某个片断。全部导入就不必详细说明了。导入片断需要事先定义视频范围，方法是拖动播放进度条至所需片断的开始时刻(红色箭头处)，然后按住SHIFT键继续拖动至结束时刻(绿色箭头处)，也可按住SHIFT键直接点击结束位置。这时播放进度条上会出现一段深色区域，该区域即为将要导入的片断。确定后将建立一个以独立图层方式存在的动画，即每一帧由一个图层组成，在不同的帧中分别显示不同的图层。动画调板类似下右图所示。 这种视频导入方式所形成的动画字节数通常是非常庞大的，这与片断的时长及视频的帧速率有关。比如片断时长为10秒，帧速率为15fps，那么所产生的总帧数就是150帧，是相当大的。所以一般都不宜导入太长的时间，两三秒这样就差不多了。但对于一些高帧率的视频(如24fps、30fps)来说，这点时间所产生的总帧数也很可观，此时可开启“限制为每隔2帧”，这样对原始视频是每2帧取1帧导入，所产生的总帧数就减少了一半。如果设置为每隔3帧，则总帧数减少三分之二，以此类推。这种方法称为帧抽离。可有效地减少动画字节数，但由于是平均抽离，可能会丢失一些动作细节，或造成画面的跳跃感。 一般情况下，对于15fps的原始视频可采取每隔3帧的导入方式，形成每秒5帧的动画。更高速率的原始视频据此类推即可。注意导入后需要调整帧停留时间为原先的3倍，否则会出现类似快进的播放效果。 图2 图3
PS CS3教程：变形工具制作夏日个性T恤
炎炎的夏日到了，又是个性T恤的季节。在本教程中我们将用PS制作一个性十足的HIPOP风格的T恤图案…… 制作过程中大量运用了PS中的变形工具，当然也包括其他一些工具的使用。(教程中所使用的PS版本为CS3)好，我们看下最后的效果图。 下面我们开始制作： 1.首先在PS中建立一新文档，建立一个新图层在新图层中用画笔工具画出大概的图案轮廓。这里我将图案大致定位文字和人物2个部分，轮廓勾画好以后将新图层命名为"guides"如下图所示： 2.选中椭圆选框工具，设置为形状图层，将其颜色设置为深紫色。在图中拖动出一个椭圆选区然后继续用椭圆选框工具建立一个图层然后按住CTRL键点选2个图层，再按形状图层中'从形状区中减去"按钮，结果如下所示： 3.现在来加入文字，文字尽量设置的大些。(这里的字体我用Hobo Std)输入你所喜爱的文字。然后执行编辑菜单中的图层-文字-转换为工作路径。结果如下所示：