推荐阅读

使用Illustrator绘制扁平化风格快餐图标的AI矢量绘图教程
本教程主要使用Illustrator绘制扁平化风格的快餐图标教程,教程的难度不大,新朋友可以快速的学习,希望大家可以喜欢先来看看最终的效果图吧:具体的制作步骤如下:1.创建新文档和设置第1步按Cmd/Ctrl+N创建新文档。将单位设置为像素,大小设置为800 x 600px。在高级选项中,将色彩模式设置为RGB,分辨率设置为72ppi。在首选项(Cmd/Ctrl+K)中,在"键盘增量"中输入1px。单击确定。您可以转到窗口>信息,以预览形状的大小和位置。记住在首选项>单位中将单位设置为像素。这将帮助您更快地工作。

用FlashMX打造逼真打火机(二)
3.制作火花 按Ctrl+vF8键,新建一个名为“Spark”的Movie Clip符号。Movie Clip符号“Spark”的场景中只有1层4帧,第1帧中火花的大小为1 px X 1 px。也就是说这时的火花可以是任意形状。第1帧中的代码是:stop();。第2帧、第3帧中的火花位置与大小如见图10、图11。图中白色的“p”为场景的中心点。第4帧为空白帧,帧里的代码是:gotoAndStop(1);。图9 Spark的层结构图图10 第2帧的火花图11 第3帧的火花 其实,第2帧和第3帧中的火花设置也很简单,是由一些白色和黄色的小线段组成的。所以,我们可以先用线条工具 画出一个个小线段,然后用油漆桶工具上色。当然,你也可以用一点青色和红色来点缀一下。 在Flash中,播放1帧需要的时间是0.1秒,那么,这段火星动画只需要0.3秒就播放完了,这样,利用人的视觉停留原理就可以轻松实现火星的迸溅效果了。 4.制作齿轮 按Ctrl+F8键,新建一个名为“Gear”的Movie Clip符号。在“Gear”的场景里先画出一个灰色的圆环,然后在圆环上画一些交错的黑白色小线条,如图12。齿轮的大小为16 px X 16 px。(此为400%的图片)图12 齿轮设计图 选中做好的齿轮,按快捷键Ctrl+G把它变成组图,接着点选第3帧,按F6键插入一个关键帧。右键单击第1帧,选择Create Motion Tween命令。按Ctrl+T键打开Transform面板,把第3帧中齿轮的角度改为20度,即向右旋转20度。最后,点选第3帧,按F9键,然后输入代码:stop();。这样,齿轮在播放一次,也就是旋转20度后便停止了,不会不停地旋转5.制作液气 新建一个名为“Fluid”的Movie Clip符号。点选“Fluid”场景中的第1帧,输入代码:stop();。接着点选第5帧,按F7键插入一个空白帧,然后画一个图片。图片的颜色为#ECFFF3,Alpha值为20%。图片的大小为36 px X 70 px。形状如图13。图13 打火机液体 点选这个图片,按快捷键Ctrl+G把它变成组图,接着点第200帧,按F6键插入一个关键帧。右键单击第5帧,选择Create Motion Tween命令。接着,点选第200帧中的图片,打开Info面板,把图片的大小设置为36 px X 1 px。 点选第201帧,按F9键,然后输入代码:setProperty("_root.fire", visible, 0);//设置Movie Clip符号Fire的visible属性为0,即Fire影片剪辑不可见gotoAndStop(1);这段代码的主要作用是为了让打火机的液气在用完以后,火焰可以自动地熄灭。 6.导入声音 俗话说,鲜花还须绿叶扶持。一个Flash动画如果没有音乐,那么这个动画便没有了生气,但哪怕只有一点点音乐,说不定就能起到画龙点睛的效果。所以本着这个设计理念,我们为动画导入一个齿轮和火石摩擦的声音。 7.制作按钮 设计这个按钮是为了以后把它拖拽到场景中,再给这个按钮加上一段代码,用它来实现对以上所有影片的控制。这个按钮本身的效果是实现打火机的按钮被按动事件与齿轮转动事件同时发生。下面我们就来看看这个按钮的制作方法。 按Ctrl+F8键新建一个名为“Lighter Button”的Button符号。双击Layer 1层,把它改名为“Button”层,然后新建一层并命名为“Gear”层。 在“Graphic符号“image”里把打火机的按钮截取下来,然后粘贴在Button符号“Lighter Button”场景的Up帧里,接着在Down帧里按下F6键插入关键帧,按Ctrl+T键打开Transform面板把打火机按钮向右旋转10度,使按钮有被按下的效果。点选Down帧,按快捷键Ctrl+L打开库,把刚才导入的声音拖拽到Down帧里。点选Hit帧,用矩形工具 画一个矩形(不要边线)。这个矩形正好覆盖打火机的按钮与齿轮。 在库中把Movie Clip符号“Gear”拖拽到“Gear”层的Up帧里,接着点选Down帧,并按F6键插入关键帧,然后点选Up帧场景里的齿轮,按Ctrl+B把它打散。Up帧场景里的齿轮影片被打散后就变成了图片,这样,鼠标移到按钮上,齿轮就不会转动了,而是要等到鼠标在按钮上按下时,Down帧里的“Gear”影片剪辑才会被调用,齿轮才会转动。

Discreet最新发布的3ds max 7新功能速写
Autodesk的子公司Discreet公司于2004年8月3日发布了享有盛誉的三维建模、动画、渲染软件3ds max的最新版本3ds max® 7。新版本的3ds max将满足游戏开发、 角色动画、电影电视视觉效果和设计行业方面日新月异的制作需求,专为流畅的角色动画和新一代的三维工作流程而设计。 Discreet的3ds max® 7软件将于8月10日至12日在加利福尼亚洛杉矶举行的国际SIGGRAPH展览会上首次公开亮相。 3ds max® 7的新功能 为了满足业内对威力强大而且使用方便的非线性动画工具的需求,Discreet将获奖的高级人物动作工具套件character studio ®集成于3ds max 7的核心工具套件之中。character studio具有独特的基于锁定器(constraint-based)的非线性动画混合器,升级性极强的群组模拟能力,以及广泛的动作捕捉过滤和编辑工具,给现有的3ds max人物工具套件带来了非凡的性价比。character studio与3ds max集成在一起,实现了人物动画功能更高的自由度。目前,其它解决方案中的这些功能所花费的时间要比3ds max® 7长二至三倍。 3ds max® 7还有许多新开发的功能,包括业界首创游戏开发行业的工作流加速器“法线贴图”(Normal Mapping)和多边形编辑修改器(Edit Poly Modifier)。多边形编辑器(Edit Poly Modifier)使动画制作更为方便和快速。类似法线贴图这种开创先河的功能发扬了Discreet在不同的市场广泛收集创新性技术的传统,一种原本为某个市场领域(如游戏)开发的功能可能对其它的市场领域(如电影或设计视觉化)产生重大的影响。 法线贴图 业内第一套为游戏而开发的革命性工作流程,以高分辨率的映射给较少边的多边形模式增加了极致的细节;以完整的渲染支持正常映射,使电影制作和电影的视觉化节省大量时间。 mental ray 3.3 为3ds max集成了加速功能和更好的存储效率。改善的全局照明,支持渲染贴图和法线渲染映射;还有使光分散的皮下散射,创造了令人惊讶的真实皮肤和高密度半透明物体的渲染效果 自定义属性收集器 一种新型的统一界面,在为任何人物构造制作多重顾客属性时,使效率大为提高。 多边形编辑修改器(Edit Poly Modifier) 大大提高了多边形表面的制作、修改然后进行动画制作的速度和方便性,改善了创造性流程。 皮肤包裹变形器(Skin Wrap Deformer) 在已经蒙皮的角色上面添加道具和服装,使人物动画工作流程大大改进。 拍照工作流程 为3ds max中的基础拍照系统提高准确性视口反馈。 绘制选择区 以一个基于笔刷的界面确立选择的一种直观与互动方法。 提高互联性和可升级性 是一项不断进行的计划,是要使3ds max能够适应极大的数据集,包括大数量物体高性能操作的智能目标选择。 TurboSmooth 高分辨率模式提高性能的极端优化平滑算法 移动游戏开发工具 以新式JSR184输出器并通过单个照像机分析工具来为移动平台创建三维元素。 业界评论 “NVIDIA和Discreet已经合作多年,共同为三维动画专业艺术家们提供最高性能的图形制作解决方案,”NVIDIA的专业图形总经理Jeff Brown 说。“Discreet在3ds max 7中完全专注于高端实时着色处理,是一项威力强大的专业图形解决方案,具有真正的128位浮点帧缓冲(frame buffer)和Shader Model 3.0支持以发挥其全部潜能,就象NVIDIA Quadro®FX工作站图形解决方案一样。Discreet和NVIDIA共同保证了我们各自的产品的全部威力,给三维游戏开发商和视觉效果艺术家们提供了一套成熟但易于使用的硬件和软件,提高了生产率。” “当今的3D生产环境复杂程度日益提高,3ds max 7就是要提供这种环境下大量数据所要求的优化性能,”Discreet产品开发副总裁Marc Petit说。“3ds max 7中的主要创新都致力于提供当今效率最高、最定制化的工作流程,支持新一代PC,游戏机以及移动平台,支持威力强大的新型创造性工具。而且,高级人物动画功能集成为3ds max 7核心功能的一部分,这将提供快速、高效、直观的人物工具,使所有3ds max 7用户受益。” “作为Discreet开发过程的一部分,我们一直感到非常荣幸,”BioWare的联合首席执行官Greg Zeschuk说,“有了 3ds max 7,我们的业绩取得了极大的进步。人物动画的进步也再次表明了我们将3ds max 7做为我们的核心开发平台的承诺。Discreet在改进视觉反馈方面的进步也得到了巨大的回报――给了我们更大的能力,使我们能够处理的多边形数量和物体都远远超过以前,” BioWARE的联合首席执行官Ray Muzyka还补充说,“由于我们正在努力把在E3上获奖的‘翡翠王国’(Jade Empire)在2005年推向市场,我们当然要利用3ds max 的所有功能,既是为了确保‘翡翠王国’深入人心,也是为了帮助我们更快、更高效地完成这件艺术品;我们信心十足:‘翡翠王国’必将成为BioWare最好的游戏!” 定价与上市 3ds max® 7预计将于2004年秋上市,国际价格为3495美元。本地化版本计划于2004年晚些时候和2005年上市。由3ds max 6进行升级的价格是795美元;由3ds max 5进行升级的价格是1495美元。Discreet的预订计划使顾客可以以年费的形式得到新的软件性能扩充、补丁、升级和电子学习内容。 背景信息 Discreet 的3ds max用于在动作影片中制造三维视觉效果,比如《后天》(The Day After Tomorrow)、《边城英烈》(The Alamo)、《最后的武士》(The Last Samurai)、《佳丽村三姐妹》(The Triplets of Belleville)、Xmen-2。同时Discreet 的3ds max更用于大多数获奖PC和控制台游戏,包括星球大战(Star Wars)之共和武士(Knights of the Old Republic)和翡翠帝国(Jade Empire)(BioWare)、波斯王子(Prince of Persia),汤姆克兰西的分裂细胞 (Tom Clancy''s Splinter Cell) 和彩虹6系列(Ubisoft);最流行的侠盗列车III(Grand Theft Auto III)系列(Rockstar);Halo and Halo 2;哈里波特之魔法石(Harry Potter and the Sorcerer's Stone)(Electronic Arts)等。
最新发布

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取消选择。

Glossy Button 有光泽的按钮
Step 1 Start off with a button, either curved or rectangled. I used a rectangle. Be sure to make the pixel edge ' Inside '. I used a dark green. Put a gradient colour in the box. Preferably a bright colour. Make sure its brighter near the bottom and get darker towards the top. You can use the HEX codes i used: TOP: #5cbf04 BOTTOM: #93dd16 Now goto 'Inner Shadow' and use the following settings: Blend Mode: Overlay (#FFFFFF) Opacity 45%

Photoshop 打造质感圆形按钮
这是 Pixel Apex 的一个质感圆形按钮教程。主要应用了Photoshop的图层样式实现。善加利用图层样式,我们可以得到许多类似的漂亮图形效果。下面是本实例最终完成的效果: 步骤一:首先打开Adobe Photoshop并设置文档宽度和高度为800×800。完成后,点击“视图”并选择“查看实际像素”。 步骤二:选择“椭圆工具”并画一个圆。 使用什么色彩无所谓因为混合选项将会改变色彩。 步骤三:转到“混合选项”。你可以通过右击图层蓝色部分并移动鼠标选择“混合选项”。 步骤四:给“椭圆工具”应用这些混合选项。

Photoshop:打造一款流光溢彩的蝴蝶琉璃按钮
琉璃是以各种颜色的人造水晶为原料,用水晶脱蜡铸造法高温烧结而成的艺术作品。这种流光溢彩、变幻瑰丽的琉璃效果也常常被应用到平面设计当中,下面我们就用PS来打造一款漂亮的蝴蝶琉璃按钮。 效果预览 1、新建一个宽度为12厘米,高度为10厘米,分辨率为300像素,模式为RGB,内容为白色的文件。 2、新建图层1,选择工具箱中的“自定形状工具”,在属性栏中选择蝴蝶形状,在画面中绘制蝴蝶路径,并转化为选区。将前景色设置为蓝色,为选区填充前景色,取消选区,效果如图01所示。 图1 图2 4、单击“图层”控制面板下方的“添加图层样式”按钮,在弹出的菜单中选择“内阴影”命令,在弹出的对话框中,设置“暗调模式”设为紫色,其RGB分别为131、41、150,将“不透明度”为57,“距离”为17,“阻塞”为26,“大小”为38,其他为默认,单击好,效果如图03所示。

Photoshop 制作网页翻转按钮
大家经常在一些网页中看到一种会随着鼠标的接触而变色的按钮,参见范例网页。这称之为鼠标翻转效果,这是根据英文rollover翻译而来的,其实不是很符合中文的语境。其原理是利用两张图片,平时显示一幅,当鼠标接触后换成另外一幅图片。如下图。这样看起来好像是鼠标接触的时候按钮变亮了。现在我们来动手制作,首先在Photoshop中将它们制作成图片,然后再做成网页。 首先新建一个400×300的白底图像,新建一层,利用形状工具椭圆〖U/SHIFTU〗,在公共栏选择第3种绘图方式(填充像素),调出信息调板〖F8〗观看数值,用任意颜色在新建层中间位置画一个直径40左右的正圆(按住SHIFT保持正圆)。如下左图。 【窗口>样式】调出样式调板,点击右上角圆三角按钮,选择“替换样式”,在出来的样式列表目录中选择“Web翻转样式”,确认目前选择的是新建层,然后使用“选中状态的蓝色胶体按钮”样式。如下中图红色箭头处。大家也可以自己选择其他颜色的。 将新建层与背景层合并,然后【图像>修整】,如下右图所示。确定操作后图像将被裁剪为和所画的圆同等大小。这个命令的作用是根据左上角第一个像素处,或右下角最后一个像素处的颜色,在我们这幅图像中这两个地方都是白色。然后就将画面中连续的白色部分裁剪掉。这就好像现实中打印图像之后将纸张的边缘裁剪掉一样。

Photoshop 绘制精致金属边框水晶球按钮
这次我将和朋友们一起用Photoshop绘制一个特别精致的金属边框水晶球按钮。文章末尾提供原文件供大家下载参考。需要PSD文件的朋友点此进行下载 以下是最终效果: 下面开始制作: 1、在PS中新建立一个250*250的文件,背景色选用白色。 2、创建一个新图层命名为“颜色渐变”。 3、按CTRL+R打开标尺,从X,Y轴分别拖拉出参考线,将参考线移动至文件中心位置,然后在中心位置按SHIFT+ALT键用椭圆选区工具作出正圆选区。(在拉出椭圆选区之前,先在把选择区在属性栏的数值样式设置为固定大小为152*152像素) 4、按CTRL+H暂时隐藏参考线。 5、在“颜色渐变”图层中用渐变工具在选择区内作出由黑到白的渐变,注意下拖动的方向。

用Phtoshop五步制作简单实用水晶按钮
水晶的按钮,在很多地方都能用道,那么有没有快速的方法制作出逼真的水晶按钮呢?呵呵,我在这里介绍一下我的制作方法,(是在观察了很多类水晶按钮之后)发现如下方法最为简单,而且制作的效果尚可。所以介绍给大家,不知道有没有更简单,效果更好的制作方法J 或者有人已经介绍过了,那我在这里写的东西算是多此一举了。总之希望大家多交流,共同进步是我们的愿望!!!!!!! 1.打开phtoshop,在新建的画布上用形状画一个圆角矩形为了操作方便可可以将矩形栅格化,并填充上您喜欢的颜色。如图1所示。 图1 2.按住”Ctrl“键单击圆角矩形所在的图层,获得选区。然后单击“选择DD>>修改DD>>收缩”在弹出的对话框中输入“2”(具体值可以根据需要来调整)于是便得到如下效果 图2 3.从“工具面板中选择“渐变工具”然后选择“透明渐变”并将渐变颜色调为白色。如图3所示。 图3