推荐阅读
使用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)等。
最新发布
像素图GIF动画制作
当我们画好一副像素图时，总是希望能让它动起来，使画中的人物或动物更加生动活泼，赋有生命力。那么今天我就介绍两种做GIF动画的工具和制作的方法给大家。NO 1. ImageReady 3.0ImageReady 3.0 是Photoshop6.0 自带的一个图像处理软件所以在Photoshop（以下简称PS）里画好的图片就可以直接进入ImageReady（以下简称IR）去处理。首先要在PS里将图片画好这次制作的是一个看到了漂亮MM的便便我把便便的眼睛画成了两颗爱心，来表达它对漂亮MM的一见钟情要有心跳的感觉，就要分别画一副小眼睛和一副大眼睛的图先画好小眼睛的
像素画艺人Suguru.T教你做
（zzy译自http://vlink.vwalker.com/dot/dot01.html，用词不当之处请慢慢体会） 第一节 开篇 ［像素画］：构成电脑屏幕画面的点阵图(dot)，用一个一个点构成的画。 近年来随着电脑、游戏机的高解像度化的快速发展，作为电脑图形绘画的［像素画］似乎有被掩盖在背后的感觉。不过，电脑桌面上的icon、网页上的贴图、手机上的图像等等，像素画展示的场所还是很多的哦。 虽说像素画算是数码范畴，可总是散发着手工的味道，对于这种虽说有着［艺人］说法的这种表现方式，相信还是有许多人感兴趣吧。 既然是像素画，当然是小小的［画］了，固定的画法是没有的。想怎么画就怎么画，但是，对于初学者总有一个基本的东西在里面哦。 本章就以我的像素画步骤来介绍我仅有的一点要点，供大家参考。 不说那么多了...不想点一点这些像素吗？ 第二节 画像的格式和大小
像素图转矢量图
1.将书本上的图片进行扫描，得到如图a，看起来有点粗糙，怎么办？ 2.用photoshop将图片打开，将图片模式改变为索引模式，改成如图b的设置。怎么样，图片是不是只有两种颜色了？这样才能便于色彩的选择。 3.在色彩范围里用吸管吸取梅花外面任意一个地方，如图c，按“好”按钮 4.就可以得到如图d，这样只仅仅选择的是梅花外轮廓。
用Photoshop做简单的xhtml+css网页
大家可能不知道，用Photoshop也可以做出简单的xhtml+css网页，一起来试试吧！ 1、在photoshop cs2中打开设计好的网站视觉设计稿。用切片工具切好。 2、点 “文件-》存储为web所用格式”， 快捷键为ctrl+alt+shift+s ，点右上倒三角的小图片，选择Edit output settings。 3、见图，在第二个下拉中选择 Slices，选择Generate CSS ，然后在后面的下拉中选By ID。 4、点OK保存并关闭设置窗口，在Save for Web窗口中点Save按扭，在保存类型中选择Html and Images，随便输入一个文件名，点保存。 5、完成任务。看一下代码，是不是xhtml+css的？
Photoshop打造超酷网站登录界面
直接开始我们的教程（注：软件版本为Photoshop CS3）。 我们先看看效果图： 效果图 下面是背景素材和人物素材。 素材1 素材2 打开Photoshop，创建新画布，大小根据个人网站需要而定，这里我们设置为900*650像素。
新鲜视觉 非常规网页设计作品欣赏
非常规网页设计作品欣赏，希望能为大家设计网页提供一些新鲜的思路。 Swiths.com 这个网站用了一个大的背景图片。图片上是木地板跟一个人的脚,在地板上的记事本里的文字内容也是网站的内容。 BootB 这个网站用了一个大黑底图，然后在上面还手绘了几朵云，在网页中间是由导航组成的一个圈。 Vesess Vesess用了一个很简洁的抬头，然后把导航也放到上面，在网站的焦点上是一张图片。你也去觉得这个网站也有什么特别的地方，但是你自己观察就会发现，在它的分栏和列表方面，是有一定突破的。
Photoshop制作咖啡店主题网站主页
大家好，今天鼠哥给大家带来个制作简单网站首页的教程，用简单的方法制作主题鲜明的效果。在这里给初学PS的朋友提示哦，因为笔者平时和PS爱好者交流时候，发现很多初学的朋友，对复杂的效果制作很是痴迷，常常把基本的工具丢在一边，基础的知识还是要多花时间去学习的，好的作品不一定是都是通过复杂的制作和大量的特效处理来实现。当然这是笔者的看法。不对的地方希望大家和我一起交流。谢谢支持！ 首先看看效果图吧！笔者设想了一个咖啡店为主题的网站主页创意。 效果图 1、开始今天的PS旅途吧，新建文件1024×768- 像素72（制作练习像素）。如图1。 图1 2、设前景色为黑色，alt+Delete将画面填充黑色。新建图层，用选框工具来框选出一个咖啡屋的外形来，进行填充咖啡色。如图2. 图2
Photoshop打造超酷个性网站登录界面
废话少说，直接开始我们的教程（注：软件版本为Photoshop CS3）。首先是背景素材和人物素材。 打开Photoshop，创建新画布，大小根据个人网站需要而定，这里我们设置为900X650像素。打开背景素材图，使用移动工具（V）将背景素材拖动到刚刚创建的画布中。
实例详解PS做网页设计时的配色方案的教程
人们用自己的眼睛和头脑来感受色彩。这不仅仅是物理层面上的，而且包含着精神和情感层面。当我们看色彩时常常想起以前与该色相联系的感受或事物，这种因某种色彩而出现的感受，我们就称之为色彩的联想。色彩的联想是通过过去的经验，记忆或知识而取得的。 这种感受的结果，就是让不同的色彩具有了其特定的意义。色彩的象征意义多数情况下也是一种文化认同。不同文化中色彩所代表的意义和给人产生的联想是大不相同的，有时可能甚至相反。设计师在应用某种色彩之前，要好好调查一下这种色彩的意义以及它在特定环境下将带给人们的联想。3.4.1 红色是最具有视觉冲击力的色彩；暗示速度和动态；可以刺激心跳速度、加快呼吸、刺激食欲；红色的衣服使人身形显大；红色的车最容易被偷，如图3-27所示。图3-27 红色3.4.1.1 红色的具象联想火焰、鲜血、性、西红柿、西瓜瓤、太阳、红旗、口红、中国国旗。3.4.1.2 红色的正面联想激情、爱情、鲜血、能量、热心、激动、热量、力量、热情、活力。3.4.1.3 红色的负面联想侵略性、愤怒、战争、革命、残忍、不道德、危险、幼稚、卑俗。3.4.1.4 红色的文化域在非洲，红色代表死亡。在法国，红色代表雄性。