推荐阅读

使用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简单制作网页半透明按钮
1. 新建一个文件。选择一个前景色,用“圆角矩形工具”画出一个150*70的按钮主体形状,得图层“形状1”。 2. 复制该图层,得到图层“形状1 副本”,按 Ctrl+T 改变大小,将之收缩,如图。 3. 在图层“形状1”上处理“图层样式”的“渐变叠加”,参数设置如图,渐变颜色可以根据各人做合适的设置。 4. 图层“形状1 副本”处理“图层样式”。这里需要处理“渐变叠加”、“内阴影”、“外发光”等3个效果。 5. 将前景色设置为白色,用“椭圆工具”画出一个形状(具体效果看图),得到图层“形状2”,设置透明度为50%。 6. 保持状态,载入“形状1 副本”选区,利用选区添加蒙板。

photoshop绘制Web2.0图标
我们在进行站点设计的过程中,经常需要使用图标表示诸如添加、删除和编辑之类的操作。在Web2.0时代,徽章和细致的3D效果越来越流行。本教程将告诉你如何简单的绘制出带有漂亮3D效果的按钮或图标。步骤1:创建一个新的文件,选择“椭圆形工具”(U),画一个圆形。将圆形填充上随便什么颜色,后面它将被图层样式覆盖。步骤2:双击圆形图层打开图层样式窗口,选择“渐变叠加”,使用蓝色和浅蓝色做渐变色,在“样式”下拉框中选择“径向”。最后参照下图为渐变叠加设置“角度”并添加“斜面和浮雕效果”。小窍门:将渐变叠加移动到圆形顶端:打开图层样式窗口,选中“渐变叠加”选项。按住按钮调整渐变。 步骤3:参照下图,复制圆形图层,并调整到合适大小。

时尚元素按钮
本实例制作的时尚元素按钮,从主题物的金属光泽质感的表现,到按钮光影变化的绘制,无一不体现设计的时尚气息。主体物的方形与圆形的按钮的相得益彰,使得形式非常具有动感,如图1-82所示,展示了本实例的完成效果。图1-82 本实例完成效果该实例的制作主要分为两个部分完成。分别是制作主体图像和制作按钮图像。在第一部分制作主体图像的时候除了基本图形形状的编辑外,还结合使用滤镜工具制作光泽效果。在绘制按钮的时候主要还是应用图层样式效果,来塑造按钮的立体效果、光影变化和质感特征。如图1-83所示,为本实例的制作流程。图1-83 本实例制作流程(1)运行Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-01\“背景.jpg”文件,如图1-84所示。图1-84 打开背景素材(2)单击“图层”调板底部的“创建新图层”按钮,新建“图层 1”。使用工具箱中的“矩形选框”工具,在视图中绘制矩形选区,接着将选区填充为灰色并取消选区,如图1-85所示。

卡通效果按钮
本实例卡通效果的按钮制作不需要进行太多的细节刻画,也不需要表现物质的真实质感,只要做到形象简练、概括,具有卡通画的趣味性即可。各种元素的合理搭配使画面构成一个有机整体,如图1-67所示,为本实例的完成效果。图1-67 本实例完成效果该实例的制作主要是绘制完成的,因此在绘制过程中为了表现充满童趣的风格,在使用路径绘制的时候要使路径自然流畅,充满动感,避免出现呆板的直线和规则图形。如图1-68所示,为本实例的制作流程。图1-68 本实例制作流程(1)运行Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-01\“背景01.jpg”文件,如图1-69所示。图1-69 打开背景素材(2)选择工具箱中的“横排文字”工具,参照图1-70所示在视图中创建字样“LOCOAL DJ”。

时尚网页按钮
网页按钮是出现在网络页面中的翻转按钮,本实例制作的时尚网页按钮,从按钮的外形设计到添加立体效果、描绘光影变化,再到按钮周围装饰图像的设计制作,无一不体现了现代网络的时尚气氛。泛着柔和光泽的蓝色按钮犹如一颗颗精心镶嵌的宝石,而银白色组件在蓝紫色调的衬托下更显光洁润白。如图1-36所示,展示了本实例的完成效果。图1-36 本实例完成效果本节实例绘制的时尚网页按钮画面饱满、层次分明,在视觉上看起来很复杂,但在制作过程中只要能够合理灵活的运用图层样式效果,即可以很轻松的绘制出按钮的立体效果、光影变化和质感特征。装饰性图像的添加丰富了画面的内容,使网页按钮显得华丽时尚。如图1-37所示,为本实例的制作流程。图1-37 本实例制作流程(1)运行Photoshop,执行“文件”→“新建”命令,打开“新建”对话框,参照图1-38所示设置对话框,创建一个名为“时尚网页按钮”的空白文档。图1-38 新建文档(2)设置前景色为深蓝色(R0、G51、B73),按下<Alt+Delete>键使用前景色填充“背景”图层。

时尚网页按钮(02)
(1)新建“组 3”图层组,将其拖至调板顶部,接着在图层组中新建图层。然后使用“椭圆选框”工具,绘制选区。使用“渐变”工具,为选区填充渐变色并取消选区,如图1-61所示。图1-61 绘制选区并填充渐变(2)接下来为图像添加“内阴影”、“斜面和浮雕”、“光泽”图层样式效果,设置对话框参数如图1-62所示。图1-62 添加图层样式效果(3)新建图层,使用“画笔”工具,在螺丝钉上面分别绘制黑色和白色线条,然后将制作螺丝钉所创建的图层合并,并将螺丝钉图像复制,参照图1-63所示分别调整大小和位置。图1-63 制作螺丝钉完成效果(4)下面参照以上制作按钮和添加装饰图像方法,再制作其他按钮和装饰图像,效果如图1-64所示。

网络播放器按钮
在网络播放器制作实例中,按钮特效的制作重点是播放器右侧中间的蓝色按钮图像,该图像的表面具有十分丰富的光泽变化纹理,成为整幅画面中较为引人注目的部分。同时页面中的空白部分是版面结构的重要组成,使得播放器按钮能够获得更佳的视觉效果。如图1-2所示,为本实例的完成效果。图1-2 本实例完成效果本实例绘制的网络播放器按钮形式比较简洁,其中蓝色按钮,具有非常丰富的光泽变化,与之正好形成鲜明的对比,因此蓝色按钮成为刻画的重点,在绘制蓝色按钮的过程中,若单单使用图层样式来制作恐怕达不到这种效果,可以使用“镜头光晕”和“极坐标”这两个命令相结合的方法来模拟这种特殊的光泽变化纹理就相对容易得多。如图1-3所示,为本实例的制作流程。图1-3 本实例制作流程(1)运行Photoshop,执行“文件”→“新建”命令,打开“新建”对话框,参照图1-4所示设置对话框,创建一个“网络播放器按钮”的空白文档。图1-4 “新建”对话框(2)使用工具箱中的“钢笔”工具,参照图1-5所示在文档右下方绘制路径。

迷彩纹理按钮
迷彩纹理按钮是以迷彩图案为底纹效果的按钮特效,这类按钮很容易引起人们对军事的联想,适合用于各类带有军事色彩的网页页面中。按钮图像与背景的协调搭配更增添了画面的表现力。如图2-2所示,为本实例的完成效果。图2-2 本实例完成效果在制作迷彩纹理按钮的过程中,主要应把握迷彩图像与按钮图形的结合效果。将迷彩素材图片定义为图案,方便在按钮图形上进行叠加,并且还可以调整纹理的大小、不透明参数等。中心的按钮设计为指针的形式,更增强了画面的军事含义。如图2-3所示,为本实例的制作流程。图2-3 本实例制作流程(1)启动Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-02\“背景02.jpg”文件,如图2-4所示。图2-4 打开素材图像(2)选择工具箱中的“椭圆”工具,参照图2-5所示配合<Shift>键,绘制三个正圆路径。

迷彩纹理按钮(02)
(1)在“图层”调板中,新建一个图层,然后使用“多边形套索”工具,在视图两侧绘制选区,接着将选区填充为灰蓝色(R155、G166、B167)并取消选区,如图2-36所示。图2-36 绘制图像(2)执行“滤镜”→“杂色”→“添加杂色”命令,参照图2-37所示设置“添加杂色”对话框,为图像添加杂色效果。图2-37 设置“添加杂色”对话框(3)接下来为图像添加“投影”和“斜面和浮雕”效果,如图2-38所示。图2-38 设置图层样式(4)按下<Ctrl>键的同时单击视图两侧图像所在图层的图层缩览图,将图像作为选区载入。然后在“通道”调板中,单击调板底部的“将选区存储为通道”按钮,创建出Alpha 1通道。激活该通道,执行“滤镜”→“渲染”→“云彩”命令,为其添加云彩效果,如图2-39所示。

石质纹理按钮
本实例制作的石质纹理按钮看上去威武厚重,给人一种拙朴的感觉,使人仿佛又回到了汉唐时代,细心体验着那个时代创造的这拙中带巧的艺术美感。如图2-72所示,为本实例的完成效果。图2-72 本实例完成效果本实例中按钮的立体效果的塑造,应用了斜面和浮雕的图层样式,而纹理质感的创建主要是综合使用多种滤镜效果完成的。在制作石质纹理图像表面的裂纹时,为了使裂纹生动,自然随意,我们使用分层云彩命令的随机性制作出来的。由于石质纹理的图像的一般都有比较粗糙的纹理和特殊的光泽,所以在绘制的时候,应先仔细分析,然后再加以深入刻画,这样制作出的图像才具有生命力。如图2-73所示,为本实例的制作流程。图2-73 本实例制作流程(1)运行Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-02\“石质背景.jpg”文件,如图2-74所示。图2-74 打开素材图像(2)在“图层”调板中新建“图层 1”,设置前景色为灰色(R102、G102、B102),按下<Alt+Delete>键,使用前景色填充“图层 1”。然后执行“滤镜”→“杂色”→“添加杂色”命令,打开“添加杂色”对话框,参照图2-75所示设置对话框,为图像添加杂色效果。