推荐阅读

使用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)等。
最新发布

纸质材质按钮
纸质材质也属于亚反光材质的一种,光在纸质材质上呈漫反射状态,本实例制作的纸质按钮的造型很独特,按钮的形状就像用毛边的牛皮纸撕成的一样,给人一种怀旧的视觉感受,如图3-110所示,为本实例的完成效果。图3-110 本实例完成效果本实例制作的按钮材质是使用牛皮纸制作而成的。毛边的牛皮纸效果形式比较活泼,具有动感,而以黄色为主的色调结合画面中粗糙的纹理以及文字图象又使画面带有一种浓重的怀旧气息。使用“多边形套索”工具手绘制作出纸张毛边的边缘效果,通过使用“添加杂色”滤镜和“彩块化”滤镜,来创建纸材质的纹理效果。结合使用“画笔”工具、“亮度/对比度”等命令来绘制出纸张的起伏以及页面上斑驳的线条等图像。在制作过程中,无论使用什么样的表达形式,它的主要作用都是为内容服务,只有多种形式的合理搭配使用才能使画面形成一个有机的整体。如图3-111所示,为本实例的制作流程。图3-111 本实例制作流程(1)运行Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-03\“背景03.jpg”文件,如图3-112所示。图3-112 打开背景素材(2)在“图层”调板中,新建“图层 1”,选择工具箱中的“矩形选框”工具,参照图3-113所示在视图内绘制选区,然后将选区填充为黑色,并取消选区。

钢铁材质按钮
崭新的钢铁拥有很强得反光,但布满锈迹的钢铁就具备高反光的特效了亚反光材质表面的反光性较弱,一般情况下不会形成太强烈的高光。在高光区域所形成的光晕是呈发散状的,一般较柔和,带有一种散漫的反光特点。带有锈迹的钢铁材质就属于亚反光材质的一种。使用此类材质制作出的按钮在设计上带有一种仿古、怀旧的风格,给人一种腐蚀、斑驳、笨旧、沉重的感觉。如图3-75所示,为本实例的完成效果。图3-75 本实例完成效果在本实例中主要表现了钢铁材质锈迹斑斑的效果。我们在绘制过程应重点体现钢铁材质厚重,斑驳的效果,通过应用图层样式塑造图像的立体效果,然后使用多种滤镜工具来制作出钢铁材质纹理图像,结合云彩命令和应用色彩调整命令来调整图像制作出钢铁材质特有的光泽变化。如图3-76所示,为本实例的制作流程。图3-76 本实例制作流程(1)运行Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-03\“钢铁材质按钮背景.jpg”文件,如图3-77所示。图3-77 打开图像(2)选择工具箱中的“自定形状”工具,参照图3-78所示设置其选项栏,然后按下<Shift>键在文档中绘制路径。

铜质按钮
铜质材质是一种反光材质,它具有明显的固有色,并且围绕光滑表面产生的反光区域颜色也会随其固有色的变化而产生改变。铜质按钮容易使人联想到机械、工业和工程技术,适合用在与这些内容相关的网页中。如图3-38所示,为本实例的完成效果。图3-38 本实例完成效果在制作铜质材质的按钮的过程中,需要注意的是,铜为带有固有色的金属,它在光的照射下,反光区域的颜色会随其固有色的变化而产生改变,找到这种材质的最显要特点,在其细节处加以强化和深入刻画,这样所绘制出的铜质材质按钮才更具生命力。在具体绘制的过程中使用“渐变”工具和添加“斜面和浮雕”图层样式效果的方法来创建立体效果,使用“色相/饱和度”命令来调整图像的颜色,特别要注意把握形体颜色的色相和对比关系,如图3-39所示,为本实例的制作流程。图3-39 本实例制作流程(1)运行Photoshop,执行“文件”→“新建”命令,打开“新建”对话框,参照图3-40所示设置对话框,创建一个“铜质按钮”的空白文档。图3-40 “新建”对话框(2)在“路径”调板中新建“路径 1”,使用工具箱中的“钢笔”工具,参照图3-41所示绘制路径。

水晶材质按钮
水晶给人以晶莹剔透的视觉印象,本实例制作的水晶材质的按钮,就要抓住水晶本身特殊的质感,模拟水晶的外观材质特征,做出光润透明的按钮效果。如图3-2所示,为本实例的完成效果。图3-2 本实例完成效果在本实例的完成效果中可以看到模拟水晶质感的按钮晶莹剔透,惹人喜爱。在绘制前应先来分析物体的色彩、明暗、光影变化和光泽变化,然后再通过绘制局部形状、设置颜色、添加透明效果的方法来制作。在绘制过程中要注意光线的统一,这样整幅画面不会出现太乱的情况。如图3-3所示,为本实例的制作流程。图3-3 本实例制作流程(1)启动Photoshop,执行“文件”→“新建”命令,参照图3-4所示对打开的“新建”对话框进行设置,完毕后单击“确定”按钮,创建一个名为“水晶材质按钮”的新文档。图3-4 设置“新建”对话框(2)设置前景色为天蓝色(R55、G162、B255),按下<Alt+Delete>键,使用前景色填充背景。接着单击“图层”调板底部的“创建新图层”按钮,新建“图层 1”。使用工具箱中的“钢笔”工具,在视图中绘制出如图3-5所示的路径。

游戏网页按钮
本实例制作的按钮特效,带有凝胶按钮的质感特点。按钮造型简洁大方,并且这些按钮在暗绿色背景的衬托下发出幽幽的光亮,成为画面中较为引人注目的部分。如图4-53所示,为本实例的完成效果。图4-53 本实例完成效果本实例的画面以暗绿色调为主,给人一种和谐统一的视觉印象,按钮发出幽幽的绿光,又给人一种诡异,但又充满未知的探索欲望。在制作按钮特效的过程中,应用图层样式效果,为图形设置立体效果和光影变化,然后进一步对按钮图像进行编辑和修饰,来加强这种光泽变化。文字的处理使之与按钮相互结合,成为一个整体,其中对文字的细节调整,打破了文字呆板的视觉效果,在统一中又有变化。如图4-54所示,为本实例的制作流程。图4-54 本实例制作流程(1)运行Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chpater-01\“游戏背景.jpg”文件,如图4-55所示。图4-55 打开素材图像(2)选择工具箱中的“圆角矩形”工具,然后设置选项栏,接着在视图中绘制两个大小相同的圆角矩形路径,如图4-56所示。

电子科技网页按钮
本实例的按钮形状被设计成电子屏幕的样式,用以体现电子科技的设计主题。画面效果科技感强烈,并且加强的空间透视关系使画面充满动感。如图4-385所示,为本实例的完成效果。图4-31 本实例完成效果在制作过程中,为了能够准确地表现出画面的透视关系,我们使用添加辅助线手段先来绘制出透视线,在透视线的基础上来制作图像,这样制作可以使画面的透视关系比较准确,避免画面出现凌乱,多个透视点的情况。然后结合使用“加深”工具、“画笔”工具、“色相/饱和度”命令、“亮度/对比度”命令等来绘制出图像的明暗关系。如图4-32所示,为本实例的制作流程。图4-32 本实例制作流程(1)运行Photoshop,执行“文件”→“新建”命令,打开“新建”对话框,参照图4-33所示设置对话框,创建一个新文档。图4-33 设置“新建”对话框(2)单击“图层”调板底部的“创建新图层”按钮,新建“图层 1”,设置前景色为黑色,选择工具箱中的“直线”工具,参照图4-34所示在视图中绘制出辅助线。

广告公司网页按钮
广告公司网页按钮的造型简约、重点突出,色彩构成清新、淡雅,背景画面的构图元素也比较简洁。这样的画面效果,往往能在吸引人们注意的同时,快速、准确的传达广告信息。如图5-76所示,为本实例的完成效果。图5-76 本实例完成效果本实例的按钮效果具有强烈的金属光泽,时尚现代,主体物简洁明快,主要分为圆环的制作和圆球的制作。使用渐变颜色可以用来表现金属的立体效果及光影变化,通过使用极坐标命令将直线形图像变为圆环图像。在通道中结合滤镜命令制作出圆环图像上的光泽变化,使用此方法制作出的光泽效果真自然。通过设置图层样式的方法对圆环图像的细节部分进行进一步的调整。如图5-77所示,为本实例的制作流程。图5-77 本实例制作流程(1)运行Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-05\“背景06.jpg”文件,如图5-78所示。图5-78 打开背景素材(2)在“图层”调板中新建“图层 1”,选择工具箱中的“矩形选框”工具,在视图中绘制一个矩形选区。然后使用“渐变”工具,在选区内由上至下绘制线性渐变色,接着再将选区取消,如图5-79所示。

科幻电影网页按钮
本实例科幻电影网页按钮的造型设计比较独特,带有浓厚的科幻色彩,给人一种新奇、怪异的视觉印象,很容易引起人们对未知世界的无限遐想。如图5-34所示,为本实例的完成效果。图5-34 本实例完成效果在本实例的构图方式上将主体物的视觉元素延伸到页面边框以外,突破页面的局限,营造出空间的视觉张力,给人以更多的想象空间,而画面的主色调以黑、紫为主,这两种颜色都是营造神秘氛围的最好选择。在绘制的过程中主要使用路径工具来编辑路径形状,为图像设置图层样式,使图像具有立体效果和光影变化,最后对图像进行修饰调整。如图5-35所示,为本实例的制作流程。图5-35 本实例制作流程(1)运行Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chpater-01\“时尚背景.jpg”文件,如图5-36所示。图5-36 素材图片(2)使用工具箱中的“椭圆”工具,配合<Shift>键,绘制一个正圆路径,然后使用“添加锚点”工具,在路径上添加锚点,接着使用“直接选择”工具,对路径形状进行调整,如图5-37所示。

恐怖小说网页按钮
恐怖小说网页的按钮制作,要能从按钮的形状和样式上体现恐怖小说网页的特点,能够配合网页信息营造出一种恐怖的视觉效果。如图5-2所示,为本实例的完成效果。图5-2 本实例完成效果本实例的按钮最后效果给人一种恐怖的视觉印象,其中按钮上的纹理图像是体现这种效果的最重要因素。在绘制过程中采用应用图层样式和绘制图像相结合的方式,创建的按钮的立体效果。此外按钮的上的纹理图像,是综合应用多种滤镜效果创建的,并调整图层的混合模式来加强这种纹理的表现。如图5-3所示,为本实例的制作流程。图5-3 本实例制作流程(1)运行Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-05\“背景05.jpg”文件,如图5-4所示。图5-4 打开背景素材(2)结合使用工具箱中的“钢笔”工具、“矩形”工具、“圆角矩形”工具和“椭圆”工具,参照图5-5所示,将图像的各部分组成路径绘制出来。

珠宝饰品网页按钮
本实例根据珠宝饰品网页的内容特点,将按钮样式制作成逼真的钻石按钮,使得所要传达的信息更加直观。在璀璨夺目的钻石按钮的衬托下,整幅画面更显得光艳、亮丽。如图6-2所示,为本实例的完成效果。图6-2 本实例完成效果本实例的按钮以钻石为原型,通过钻石图像和其他图像的完美结合使画面的效果华丽夺目。由于钻石样式按钮特有的切割方式,材质特点,制作起来较为复杂,因此在绘制前应认真的观察和分析,讲究绘制的方法,重点对钻石内部的纹理变化、以及钻石璀璨的光泽变化效果进行绘制。在绘制过程中通过将滤镜工具和绘图工具等相结合的方法来表现钻石丰富的光影效果。如图6-3所示,为本实例的制作流程。图6-3 本实例制作流程(1)运行Photoshop,执行“文件”→“新建”命令,打开“新建”对话框,参照图6-4所示设置对话框,创建一个名为“珠宝饰品网页按钮”的空白文档。图6-4 “新建”对话框(2)执行“文件”→“打开”命令,打开本书附带光盘\Chapter-06\“背景图像.jpg”文件,使用“移动”工具,将背景图像拖移到“珠宝饰品网页按钮”文档中,生成“图层 1”,并调整背景图像的位置,如图6-5所示。