推荐阅读
使用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)等。
最新发布
优化整体图像（01）
在Photoshop中，可以通过“存储为Web所用格式”对话框对图像进行优化设置，在该对话框中提供了多种命令，支持各种文件格式的图片。除了对图像整体进行优化外，还可以分别对不同区域的切片进行优化。另外，在优化的过程中，可通过预览框实时的观察图像优化后的画面效果、画面质量和颜色数量等信息。这样既保证了画面效果，又使文件达到了所需的文件体积要求。下面让我们来熟悉该对话框。（1）启动Photoshop，执行“文件”→“打开”命令，打开将要优化的图像。（2）在菜单栏执行“文件”→“存储为Web所用格式”命令，图17-1所示为该对话框。图17-1 “存储为Web所用格式”对话框图17-2中“存储为Web所用格式”命令对话框，各区域的名称和功能如下：A：该区域为对话框的“工具箱”，使用这些工具可以调整预览框的显示、选择切片，以及吸取画面颜色。B：区域中的4个选项卡，分别为“原稿”、“优化”、“双联”、“四联”，选择其中的选项卡可以更改预览区显示原图像的方式。C：单击三角按钮可弹出“预览”弹出式菜单，在该菜单中可以设置颜色显示格式，以及设置调制解调器的速度。D：该区域中的命令和参数，可以对图像的优化方式进行调整与设置，使用它们可以设置图像的画面质量、图像大小和文件格式等。
优化整体图像（02）
我们知道网络中最常用的图像文件格式为GIF格式，GIF是一种互联网上常用的文件格式，最多拥有256种颜色，其优点有生成文件小、网络传输速度快等特点。下面主要对GIF格式的优化参数进行介绍。（1）单击“预设”下拉列表右侧的三角按钮，可以看到Photoshop已经为用户预设了多种优化方式。其中列表上端有7种关于GIF文件格式的优化设定，如图17-11所示。图17-11 “预设”下拉列表（2）我们可以选择其中一种优化方式对当前图像进行优化，然而这7种预设优化方式远远满足不了对高质量图像优化的需求，所以仍需要手动调整这些参数来优化网页图像。（3）图像文件的颜色越丰富，那么其文件体积就越大。反之，则越小。“减低颜色深度算法”下拉选项，可以通过更改图像的整体的颜色深度来优化文件体积，图17-12所示为“减低颜色深度算法”下拉列表中的9种选项。图17-12 “减低颜色深度算法”下拉列表中的选项（4）在下拉列表中选择“可感知”选项后，可以将图像中肉眼能够察看到的颜色保留下，而察看不到的颜色将被优化掉。图17-13所示为当选择“可感知”选项后其颜色表的显示状态
优化整体图像（03）
减少图像中的颜色数量可以有效的降低图像的体积，使用“颜色表”可以精确控制GIF图像中的颜色数量。最多可以设定图像的颜色为256种，降低颜色数量的同时文件体积也会下降。除了添加和删除颜色，在“颜色表”还可以进行颜色替换或更改透明度等操作。（1）在“存储为Web所用格式”对话框中的“颜色表”选项卡中，可以看到颜色表中有许多一致的颜色，如图17-28所示。图17-28 颜色表中的颜色（2）单击颜色表中的色块后，可将该颜色选择，如果按下<Ctrl>键的同时，逐个单击色块，可以选择多个色块。如图17-29所示，选择颜色表中颜色相似的色块。提示：当色块被选择后，其周围将出现黑白相间的边框。图17-29 选择颜色（3）选择颜色后，单击颜色表中的“删除选中的颜色”按钮，可将颜色表中所选择的颜色删除，图17-30所示为将颜色表中的颜色被删除后的状态。注意：切勿将相近的颜色全部删除，应适当的保留不同色相的颜色。
分别对切片进行优化
网页界面根据功能的需要建立了很多的切片，在不同的切片下可以设置不同的网页链接或网页特殊效果。建立切片后整幅网页界面也被分成了若干个小的图片。这些切片图片有些画面内容丰富，需要拥有较多的颜色信息，而有些则内容简单，这时我们就可以对内容简单的切片进行优化，使其在最大幅度上降低颜色信息，同时也降低整个网页的体积。在对切片进行优化之前，首先让我们来了解一下切片，切片是图像的一块矩形区域，可用于在Web页中创建链接、翻转和动画效果。通过将图像划分成切片，可以更好地对图像进行控制，也便于网络下载。将图片存储为网页格式时，整幅网页界面图像将根据切片的划分方法，切割为一幅幅的小的图片。如图17-34所示为具有切片的图像效果。图17-34 具有切片的图像效果在Photoshop中包含两种切片即用户切片、自动切片。使用Photoshop的“切片”工具可以直接创建的为用户切片，根据网页需要用户切片可以被移动、复制、组合、排列、对齐和分布，还可以对其单独应用优化设置。而自动切片都链接在一起并共享相同的优化设置。创建用户切片时，自动切片将填充图像中用户切片未定义的空间。根据用户切片的形状和位置，自动切片会分成很多的块面，但是在对自动切片进行优化设置时，系统将所有的自动切片视为一张图片进行优化。如图17-35所示，用每种类型的切片都显示不同的图标，用户切片显示为蓝色图标，而自切片显示为灰色图标。图17-35 用户切片和自动切片的外观区别
结合通道优化图像
在前面的操作中，我们学习如何对整幅图像以及切片图像的优化方法。通过“存储为Web所用格式”对话框还可以对选择选区内的图像进行局部优化。但在优化前必须将选区存储为Alpha通道，这样才能在“存储为Web所用格式”对话框被调用。接下来将通过一组操作，介绍怎样在“存储为Web所用格式”对话框中使用通道对图像进行局部优化的方法。（1）首先，读者可直接打开本书附带光盘\Chapter-17\“塑料按钮.jpg”文件，如图17-46所示。图17-46 打开本书附带光盘文件（2）然后在“路径”调板中选择“路径 1”，然后单击调板底部的“将路径作为选区载入”按钮，将其转换为选区，如图17-47所示。图17-47 选择路径并将其转换为选区（3）接着执行“选择”→“羽化”命令，在弹出的“羽化选区”对话框中设置参数，如图17-48所示。
使用Photoshop发布简单的网页
本节采用了第7章中的网页设计完成图，将该网页界面在Photoshop中继续进行编辑，通过建立切片、设置链接、优化图像、存储为Web所用的HTML格式等操作，最终完成网页的发布。图18-51所示为本实例的完成效果。图18-1 本实例完成效果在实例制作中使用“切片”工具对网页进行切片划分，然后使用“切片选择”工具选择需要链接的切片，并设置链接地址。接着在“存储为Web所用格式”对话框中对网页进行优化，最终完成网页的发布。图18-2所示为本实例的制作概览。图18-2 实例的制作概览（1）运行Photoshop，执行“文件”→“打开”命令，打开本书附带光盘\Chapter-18\“艺术中心网页.jpg”文件，如图18-3所示。图18-3 打开图像（2）在工具箱中选择“切片工具”，然后在画面中拖出一个矩形框，松开鼠标后即可得到一个用户切片，如图18-4所示。
摇滚音乐网站
摇滚音乐通常以强烈的节拍和通俗简单的乐句为特点，充满了另类、时尚的吸引力，深受年轻人的喜爱。本实例制作的就是摇滚音乐的网页页面特效，夸张的人物造型配以均衡的文字编排，使整幅画面具有动势，表现出狂野的视觉印象。不对称式的构图方式，以避免画面呆板。如图7-2所示，为本实例的完成效果。图7-2 本实例完成效果在本实例中，通过对几幅素材图片的编辑和调整，以及相互之间的混合，形成纹理鲜明、人物形象饱满的画面效果。通过使用色调调整命令调整图像色调，使调整后的颜色与整幅画面的色调相协调，使用画笔工具添加粗糙的画笔装饰效果，使之更贴近于表达内容，最后对画面作进一步的修饰和调整，如图7-3所示，为本实例的制作流程。图7-3 本实例制作流程（1）运行Photoshop，执行“文件”→“新建”命令，打开“新建”对话框，参照图7-4所示设置对话框，新建一个“摇滚音乐网站”的空白文档。图7-4 设置“新建”对话框（2）执行“文件”→“打开”命令，打开本书附带光盘\Chapter-07\“背景.jpg”文件，使用“移动”工具，将背景图像拖动至“摇滚音乐网站”文档中并调整图像大小，使
游戏网页
游戏网页的页面通常具有较高的注目度和吸引力，常通过画面中的某一部分的突出的、引人注目的图像，来达到醒目而且具有视觉冲击力的效果。而图像的表现力又非文字可以替代，在此将文字与图像结合起来，可以更加直观，生动的表现所要传达的信息。如图7-28所示，为本实例的完成效果。图7-28 本实例完成效果在本实例中字体图像的效果比较醒目突出，明确的表达了所要传达的内容。在绘制的过程中，使用通道与滤镜命令相结合的方法来表现图像的立体效果，然后添加图层样式效果制作出字体的光泽变化。字体下方的按钮图像的视觉效果比较厚重，制作方法同样是使用图层样式命令来制作图像的立体效果和光影变化，结合导入的素材图片，为按钮图像制作出纹理效果。如图7-29所示，为本实例的制作流程。图7-29 本实例制作流程（1）运行Photoshop，在菜单栏中执行“文件”→“新建”命令，参照图7-30所示设置“新建”对话框，创建出一个名为“游戏网页”的空白文档。图7-30 设置“新建”对话框（2）确定前景色为黑色，按下<Alt+Delete>使用前景色将背景填充。然后执行“文件”→“打开”命令，打开本书附带光盘\Chapter-07\“纹理1.jpg”文件，使用工具箱中的
艺术中心网页
设计公司网页页面一般都设计的比较时上、新颖，本实例巧妙的利用了画面的构图结构，来创建一种比较有创意的画面效果。文字、图片、符号的相互作用建立起一种整体的信息，而信息的主次分类，通过秩序化、条理化构成一个整体的网页形式。如图7-63所示，为本实例的完成效果。图7-63 本实例完成效果本实例构图灵活，设计感强烈，画面中的绿色图像是绘制的主题内容，在绘制过程中绿色图像主要是通过编辑通道图像来进行绘制，然后将导入的素材图片通过编辑与绿色图像和谐的统一在一起，如图7-64所示，为本实例的制作流程。图7-64 本实例制作流程（1）启动Photoshop，执行“文件”→“新建”命令，参照图7-65所示对“新建”对话框进行设置，完毕后单击“确定”按钮，关闭对话框，创建出一个新文档。图7-65 设置“新建”对话框（2）在“图层”调板中，新建“图层 1”，使用工具箱中的“矩形选框”工具，在视图的两侧创建出如图7-66所示的选区。
珠宝制造公司网页
珠宝制造公司网页的页面设计比较抽象，在页面的左下角设计安排了大小不同的三颗红宝石，成为整幅画面的点题之笔。而右侧的红色图像又与之遥相呼应，整幅画面对比鲜明，视觉效果突出。在调和过程中，若要使红色的调和不排斥对比，要适当控制红色的分量。如图8-2所示，为本实例的完成效果。图8-2 本实例完成效果在本实例的制作过程中，通过编辑素材图片来制作背景图像，使背景图像达到丰富多变的视觉效果，非常具有科技感、现代感，在画面中效果最突出的就是红颜色的运用。其中左下角的红宝石图像通过设置图层样式制作出来，如图8-3所示，为本实例的制作流程。图8-3 本实例制作流程（1）启动Photoshop，执行菜单中的“文件”→“新建”命令，打开“新建”对话框，参照图8-4所示设置对话框，创建出一个空白文档。图8-4 设置“新建”对话框（2）执行“文件”→“打开”命令，打开本书附带光盘\Chapter-08\“背景1.jpg”文件，使用工具箱中的“移动”工具，将该文档中的图像拖动到创建的空白文档中，在“图层”调板中生成“图层 1