推荐阅读
使用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)等。
最新发布
艺术中心网页
本实例网页页面的制作，是以文字作为画面的主要构图元素，在整体上给人以比较理性的视觉印象。页面中的主要文字从字体样式和色彩都和页面中其他元素加以明显的区别，在页面中显得出众而夺目。如图8-32所示，为本实例的完成效果。图8-32 本实例完成效果本实例主要是以文字作为画面的主要构成元素的。其实文字本身也是一种艺术形式，它在个性和情感方面对人们也有着很大影响，一般来说文字部分都是理性而平静的。因此在编排文字的过程中，需要先构思版面，然后再考虑主要文字、次要文字以及辅助文字等的表达方式。在制作过程中将页面的中心位置的发光字体图像定位为主要文字，页面上部的图像进行细节刻画，使之不空洞。页面最下部的文字进行弱化处理，从而使整幅画面具有层次感。如图8-33所示，为本实例的制作流程。图8-33 本实例制作流程（1）启动Photoshop，在菜单栏中执行“文件”→“打开”命令，打开本书附带光盘\Chapter-08\“粗糙颗粒背景.jpg”文件，如图8-34所示。图8-34 打开背景素材（2）单击“图层”调板底部的“创建新图层”按钮，新建“图层 1”。设置前景色为深蓝色（R17、G19、B31），按下<Alt+Delete>键，使用前景色填充“图层 1”，然后将“图层 1”的混合模式设置为“叠加”，如图8-35所示。
飞行者网站
本实例将制作一幅飞行者网站的网页页面，该页面以各种与飞行有关的器械图像来组织画面，在组织页面的时候，要将不同的视觉元素在版面内进行有序的组织、编排，构成一个有机的空间联系形成空间秩序感，使画面零而不乱，有效的传达了该网站的主题信息。如图8-76所示，为本实例的完成效果。图8-76 本实例完成效果本实例由一些机械图像组成，技术效果强烈。整幅画面在视觉上看起来比较复杂，零碎的东西比较多，但是在制作过程中只需要合理利用工具并结合使用图片素材，即可轻松的完成。其中页面的背景图像和一些器械图像的制作是使用的素材图片，而其他图像的编辑主要是绘制图形、设置填充颜色和添加图层样式的操作。如图8-77所示，为本实例的制作流程。图8-77 本实例制作流程（1）运行Photoshop，执行“文件”→“新建”命令，打开“新建”对话框，参照图8-78所示设置对话框，创建一个名为“飞行者网站”的空白文档。图8-78 新建文档（2）执行“文件”→“打开”命令，打开本书附带光盘\Chapter-08\“光点背景.jpg”文件，使用
旅行社网页
旅行社网页中的信息内容，应该都与其景点业务有关。使人们足不出户就可以了解更多旅游景点的情况，因此在旅行社网页的页面设计，应以景点介绍为主，并辅以必要的文字说明。如图9-2所示，为本实例的完成效果。图9-2 本实例完成效果该实例艺术效果强烈，画面色彩浓重犹如画，作为旅游社的网页页面非常吸引人。在制作的过程中，主要是编辑素材图片的操作，通过蒙版的编辑，将几幅不同的素材图片经修饰后组织在一幅画面中，然后将画面分为天空、草地和河流三部分来分别调整色调，最后添加装饰光线和小船，提亮画面。如图9-3所示，为本实例的制作流程。图9-3 本实例制作流程（1）启动Photoshop，执行“文件”→“打开”命令，打开本附带光盘\Chapter-09\“风景1.jpg”文件。如图9-4所示。图9-4 打开素材图片（2）再次打开本书附带光盘\Chapter-09\“风景2.jpg”文件，使用工具箱中的
民俗古玩网页
民俗古玩网页的页面设计以古玩器皿为画面的主体图像，形成古色古香的画面气氛，给人一种怀旧的视觉印象。页面上各视觉元素按照其形态的大小、色彩、明暗、轻重等关系在页面上平衡地进行布局。通过协调各个要素在主次、强弱的差异关系，来取得设计视觉平衡的美感以及内容上的统一。如图9-21所示，为本实例的完成效果。图9-21 本实例完成效果民俗古玩网页顾名思义就是以介绍古玩器皿为主。在本实例的制作中使用了大量的素材图片，对这些素材图片的修饰操作包括：调整图片的颜色、更改图片的混合模式、为图片添加图层样式效果等。通过对素材图片的修饰，使图片和谐的统一在一幅画面中。整幅图像以黑红两种色调为主，使画面具浓厚的中国特色，如图9-22所示，为本实例的制作流程。图9-22 本实例制作流程（1）启动Photoshop，执行“文件”→“新建”命令，参照图9-23所示设置对话框，创建一个名为“民俗古玩网页”的新文档。图9-23 设置“新建”对话框（2）设置前景色为红色（R171、G0、B11），按下<Alt+Delete>键，使用前景色填充背景。接着执行“文件”→“打开”命令，打开本书附带光盘
风景区网页
本实例的风景区网页页面，是对风景区的图片进行编辑修饰后，设计制作成类似于国画的画面效果，设计新颖，充满艺术气息。页面下半部分的空白，也是页面设计不可忽视的重要部分，使得在浏览信息的间隙，视觉得到适当的放松和调节。并且以虚衬托实的表现手法，可以获得更佳的视觉效果产生更加深刻的视觉印象。如图9-47所示，为本实例的完成效果。图9-47 本实例完成效果在本实例的制作中由于所介绍的景点在中国境内，所以在设计风格上要显示出东方的特色，以及中国古老的传统文化，因此将画面效果制作成类似国画的风格，黄色调的运用营造出祥和，美好的特点。另外，网页的主要作用是传达，在页面上结合风景来进行文字说明，图文并茂，可以使人们在浏览的过程能够快捷的了解最新信息。如图9-48所示，为本实例的制作流程。图9-48 本实例制作流程（1）启动Photoshop，执行“文件”→“新建”命令，参照图9-49所示对打开的“新建”对话框进行设置，创建出一个名为“风景区网页”空白文档。图9-49 新建文档（2）设置前景色为灰褐色（R211、G200、B171），按下<Alt+Delete>键，使用前景色填充背景。然后在“图层”调板中，
服饰网页
在本节的实例学习中，将制作一幅牛仔服饰网页的页面效果，完整的形象形态一旦被打破，人们的注意力就会上升，适形的裁切使图像内容更突出并可以将主体形象于环境融合到一起，表达一种粗狂的文化气息，如图10-2所示，为本实例的完成效果。图10-2 本实例完成效果本实例的制作分为两部分：一部分是背景的制作，另一部分是添加装饰元素及文字。在背景制作中，结合素材图片，调整其色调，并对其中一幅素材图片与另一幅图片相接的边缘制作出扭曲效果，使图像能过渡自然，相互融合在一起。在为图像添加装饰元素时，要注意使图像与整体效果所要传达的中心一致，更改图像所在图层的混合模式能够很便捷的将图像与背景进行融合，并且在绘制字体的时候尽量制作出斑驳的效果，使之与画面的整体风格相统一。如图10-3所示，为本实例的制作流程。图10-3 本实例制作流程（1）运行Photoshop，执行“文件”→“新建”命令，打开“新建”对话框，参照图10-4所示设置对话框，创建一个“牛仔服饰网页”的空白文档。图10-4 “新建”对话框（2）执行“文件”→“打开”命令，打开本书附带光盘\Chapter-10\“砖墙.jpg”文件，使用“移动”工具，将砖墙图像拖移到“牛仔服饰网页”文档中，并调整大小和位置，如图10-5所示。
特色美食网
在本实例特色美食网页的页面设计中，制作了一个传统餐饮店内常见的、挂在墙上的那种木制菜品招牌，在招牌内有特色美食的相关文字介绍和相关的链接按钮，形成比较独特的页面设计效果。本页面利用色块、图片、花纹等构件形成一个全封闭的边框，以包括杂多的内容，使网页的视觉效果更具有整体感。如图10-37所示，为本实例的完成效果。图10-37 本实例完成效果本实例制作的特色美食网页面效果古色古香，非常具有传统的东方风味，装饰纹样的运用极大的丰富了画面效果。制作的方法也非常容易，以一张木纹图像为素材，在此基础上通过编辑不同的图形，然后为不同的图形添加不同的图层样式的操作，来编辑图像。不管是绘制主体，还是装饰图像，注意都要保持图像的对称性，使之呈现出一种平稳的视觉效果。如图10-38所示，为本实例的制作流程。图10-38 本实例制作流程（1）启动Photoshop，执行“文件”→“打开”命令，打开本书附带光盘\Chapter-10\“木质纹理.jpg”文件，如图10-39所示。图10-39 打开素材图像（2）选择工具箱中的“圆角矩形”工具，在视图中绘制如图
家具公司网页
家具公司网页的页面在设计上，使用了一张怀旧的家具照片，并将该照片和一个红木柜子并列安排在页面的*，形成相互对比、相互衬托的画面效果，在设计过程中，要注意比例关系、色彩关系、疏密关系等，使之构成具有美感的整体关系。如图10-59所示，为本实例的完成效果。图10-59 本实例完成效果在棕红色调的图像中，一幅黑白照片打破了这种色调的，同时也打破了规则的构图方式，使画面变得活泼，具有了动势。本实例的制作中运用了大量的素材，其中红木柜子是刻画的重点，通过添加图层样式效果制作出柜子的立体效果和光泽变化，柜子上的装饰图像使用了大量的素材，为素材图片添加图层样式以及调整素材图片的混合模式，使其在柜子上的效果更加真实自然。如图10-60所示，为本实例的制作流程。图10-60 本实例制作流程（1）启动Photoshop，执行“文件”→“新建”命令，参照图10-61所示设置“新建”对话框，创建一个名为“家具公司网页”的空白文档。图10-61 设置“新建”对话框（2）在“图层”调板中新建“图层 1”，将前景色设置为深褐色（R123、
三维软件教学网页
三维软件教学网页的页面设计，是以模拟三维软件制作的物体形象，作为画面的主体构图元素，形成与网页信息内容相照应的画面效果。各种视觉要素组成一个有机整体，不仅各得其所，而且各有分工，其中各种元素的大小、主次、位置以及疏密、均衡等关系的恰当组合，使页面具有强烈的视觉冲击力。如图11-2所示，为本实例的完成效果。图11-2 本实例完成效果本实例给人以厚重，机械味浓重的视觉感受。图像分成好多部分组成，按照由下向上的绘图顺序，先绘制最底层的图形，并添加图层样式效果制作出图像的立体效果。然后使用相同的操作方法继续绘制图像。在绘制过程中添加图层样式效果是塑造立体图像的主要编辑方法。应仔细体会添加不同的图层样式所得到的不同的立体效果。如图11-3所示，为本实例的制作流程。图11-3 本实例制作流程（1）启动Photoshop，执行“文件”→“打开”命令，打开本书附带光盘\Chapter-11\“火焰背景.jpg”文件，如图11-4所示。图11-4 打开素材图像（2）在“图层”调板中，新建“图层 1”，使用工具箱中的“矩形选框”工具，在视图中绘制一个矩形选区，然后将选区填充为灰色（R110、G110、B108），接着再将选区取消，如图11-5所示。
插画艺术网
本实例以造型优美的、抽象的花朵形象和渐变的、绚丽的花朵色彩，来表现插花艺术网页页面的设计主题。该设计效果强烈，点、线、面、色彩和图形的组合运用是构成网页的装饰要素。紫红色的运用为画面增添了浪漫气息。如图11-40所示，为本实例的完成效果。图11-40 本实例完成效果在本实例中所设计的内容与主题相符，体现插花这门艺术的优美与浪漫。协调的处理色彩与其他设计要素之间的相互关系，增强网页的信息和情感传递效果，使人们在浏览的时候产生共鸣。在制作过程中主要采用绘制路径、描边路径来绘制图像，使用“画笔”工具来修饰图像的颜色，更改图像的混合模式使两幅图像叠加起来，能得到更加丰富的图像效果。如图11-41所示，为本实例的制作流程。图11-41 本实例制作流程（1）启动Photoshop，执行“文件”→“新建”命令，参照图11-42所示对打开的“新建”对话框进行设置，创建一个名为“插画艺术网”的新文档。图11-42 设置“新建”对话框（2）单击“图层”调板底部的“创建新图层”按钮，新建“图层 1”，然后使用工具箱中的“矩形选框”工具，参照图11-43所示在视图中绘制一个矩形选区。