推荐阅读

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

古典文学网
网页界面上的图像本身比文字更容易吸引人,在本节制作的古典文学网页中,以书籍、信纸、鸡毛笔等图像作为画面的主体构图元素,这些元素的巧妙组合以及色调的合理把握,为画面营造出比较浓厚的文学色彩,如图11-79所示,为本实例的完成效果。图11-79 本实例完成效果在本实例中选择一种棕色作为主色调,通过微调色彩的名度和色相的方法来产生色彩的微妙变化,这样的处理使页面看起来色彩统一,有层次感。各种元素的搭配处理,使画面带有一种浓厚的文学气息,羽毛图像调节了整个画面的气氛,使其不会显得太过沉闷。在制作过程中,使用云彩命令制作出书籍封面的纹理效果,并添加图层样式制作出立体效果,然后对细节部位进行调整,信纸的制作相对比较简单,使用加深和减淡工作制作出纸张的褶皱变化。如图11-80所示,为本实例的制作流程。图11-80 本实例制作流程(1)启动Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-11\“背景花纹.jpg”文件,如图11-81所示。图11-81 打开素材图片(2)在“图层”调板中,单击调板底部的“创建新组”按钮,新建

网络游戏广告
设计的表现手法是多种多样的,根据广告述求的主题选择合适的表现手法进行创作,才能起到恰如其分的宣传作用,得到消费者的认可。该广告的主题是一款射击类的网络游戏,本实例巧妙的利用图层蒙版遮盖图像的功能,将画面制作成了射击瞄准器的样式,整个画面使观看者很有代入感,技巧性的抓住了观众的眼球。这种以观看者的视角来表现画面主题的设计手法,很轻易的使简单的平移动画焕发出了新的光彩。如图12-2所示,为本实例的完成效果。图12-2 本实例完成效果默认情况下,图层或组和其图层蒙板或矢量蒙版之间有链接,当使用“移动”工具移动图层或其蒙版时,它们将在视图中一起移动。如果取消它们之间的链接,就能够单独移动它们,并可独立于图层改变蒙版的边界。该网络游戏广告的动画制作,主要是通过单独移动图层蒙版,来遮盖同一幅图像的不同部分,并将这一过程记录为动画帧的方法,来实现平移动画效果。如图12-3所示,为本实例的制作流程。图12-3 本实例制作流程(1)启动Photoshop,执行“文件”→“新建”命令,打开“新建”对话框,参照图12-4所示设置对话框,创建一个新文档。图12-4 设置“新建”对话框

视觉设计公司广告
本则实例是为视觉设计公司制作的广告,该广告条的设计要洗炼、大方,最重要的是能够突出公司的性质,具有强烈的视觉冲击力。因此,在画面设计上,主要以彩色图像为主体述求对象。在深色的背景上,三束明亮绚丽的光束在视图中沿着各自的运动轨迹做快速移动,给人以惊鸿一现的感觉,充分展示出其吸引大众眼球的视觉效果。如图12-23所示,为本实例的完成效果。图12-23 本实例完成效果本实例中的三束光束是通过绘制路径,并使用设置好的画笔描边路径的方法制作而成的,然后为其添加了“内发光”和“外发光”这两种图层样式,塑造了光束的发光效果。在前期的静态画面的编辑过程中,已经将三束光束各自的运动轨迹和图像效果设置好了。在“动画”调板中,只需将每束光束自始至终的运动轨迹和图像效果,设置成连续的动画帧,并为动画帧设置极短的延迟时间,就可形成快速运动的动画效果。如图12-24所示,为本实例的制作流程。图12-24 本实例制作流程(1)启动Photoshop,执行“文件”→“新建”命令,打开“新建”对话框,参照图12-25所示设置对话框,创建一个名为“视觉设计公司广告”的新文档。图12-25 设置“新建”对话框(2)设置前景色为深紫色(R21、G0、B8),按下<Alt+Delete>

音乐网站广告
为了能够更好地宣传该音乐网站的形象,创造强烈的视觉冲击力,该广告条的设计将模仿霓虹灯广告牌的形势制作出颜色不断循环变幻的动画效果。音乐网站广告的渐变动画,是使发光按钮的颜色由绿变黄、由黄变紫、再由紫变绿的快速渐变动画。快速变换的按钮颜色很容易吸引人们的注意,如图13-28所示,为本实例的完成效果。图13-28 本实例完成效果本实例中的按钮是通过添加“样式”调板里的图层样式绘制而成的。制作本实例发光按钮的颜色渐变动画,是分别将按钮在绿色、黄色、紫色三种状态时的图像各创建一个动画帧。然后分别在按钮的绿色与黄色、黄色与紫色、紫色与绿色的动画帧之间添加过渡帧,在这两个帧之间过渡时,该按钮的颜色在整个新帧上均匀变换,生成按钮颜色渐变的动画。如图13-29所示,为本实例的制作流程。图13-29 本实例制作流程(1)运行Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-13\“背景 2.jpg”文件,如图13-30所示。图13-30 打开素材图像

探索频道广告
这幅探索频道广告是为了宣传探索频道的开播而制作的。该广告巧妙的利用切换几张太空景色图像的动画,将主题紧紧扣住了该频道的特点。而在制作形势上,则表现为由一幅照片图像经旋转后,快速切换为另一幅照片图像的动画效果,增加了画面的趣味性。如图3-2所示,为本实例的完成效果。图3-2 本实例完成效果本实例动画效果的制作,是将一幅照片图像创建为第1帧动画,然后将照片的旋转效果,创建为第2帧动画,接着再将另一幅照片图像创建为第3帧动画,再创建照片的旋转效果为第4帧动画……依此类推,制作出四幅照片之间旋转切换的动画效果。其中照片的旋转效果是通过“径向模糊”命令来实现的。径向模糊是模拟缩放或旋转的相机所产生的模糊,产生一种柔化的模糊。如图3-3所示,为本实例的制作流程。图3-3 本实例制作流程(1)启动Photoshop,执行“文件”→“新建”命令,参照图3-4所示设置“新建”对话框,创建一个名为“探索频道广告”新文档。图3-4 设置“新建”对话框(2)在“图层”调板中,双击“背景”图层,打开“新建图层”对话框,如图3-5

卡通网站广告
本实例制作的新新卡通网站广告的动画,也是图片之间切换的动画效果,图片的内容为该卡通网站中的卡通形象,鲜明的点出网站的内容和特色。与前面实例旋转切换的动画效果不同的是,本实例的切换动画是从一张图片的画面渐隐切换到另一张图片的动画效果。如图3-20所示,为本实例的完成效果。图3-20 本实例完成效果本实例在制作静态画面时导入了4张不同大小的卡通图像,为了快捷方便的调整卡通图像的大小,将如何调整画面大小制作成了动作命令,并使用“批处理”命令处理卡通图像,节省了繁琐的操作步骤。而切换动画的制作,是在ImageReady中设置完成的。主要技术操作是设置动画帧、为动画帧之间添加过渡帧和设置延迟时间的操作。如图3-21所示,为本实例的制作流程。图3-21 本实例制作流程(1)运行Photoshop,执行“文件”→“新建”命令,打开“新建”对话框,参照图3-22所示设置对话框,创建一个名为“新新卡通网站广告”的空白文档。图3-22 “新建”对话框(2)在“背景”图层上双击,打开“新建图层”对话框,如图3-23所示设置对话框,将“背景”图层转换为普通图层。

黑巧克力广告
本实例制作的抖动动画效果,主要是使心形图像两侧的翅膀图像,进行上下方向的快速移动,以模拟翅膀飞动的动画效果。如图15-2所示,为本实例的完成效果。图15-2 本实例完成效果制作本实例动画效果的主要操作内容包括:设置动画帧、复制动画帧、设置动画帧的延迟时间等。在设置动画帧的延迟时间时,会有很多帧都是相同的,如果逐个的设置,那么对于帧数很多的动画就非常繁琐,而且容易出现错误。其实可以配合使用快捷键同时将几个动画帧选中,然后统一设置延迟时间。如果要选择几个不相邻的动画帧,可按下<Ctrl>键,接着单击需要设置时间的动画帧。如果要选择若干个相邻的动画帧,可按下<Shift>键,接着单击第一个需要设置时间的动画帧和最后一个需要设置时间的动画帧,这两帧之间的所有动画帧都会被选中。如图15-3所示,为本实例的制作流程。图15-3 本实例制作流程(1)启动Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-15\“背景 3.jpg”文件,如图15-4所示。图15-4 打开背景素材

游乐园广告
如果只简单的使用一些图片作为广告条的主要内容,很难在大小受限的广告条区域内得到醒目的效果。在广告条中用一些可爱的卡通形象和指示型标志来吸引用户的注意可以更有效地提高广告的点击率。本实例制作的游乐园广告动画,就是利用了一个木马摇椅的图像,让人一看到这幅图像,就联想到了游乐园,然后添加了箭头图像不断的指向木马摇椅的动画效果。如图15-28所示,为本实例的完成效果。图15-28 本实例完成效果本实例的制作是先在Photoshop中编辑完成动画的静态图像,然后转入到ImageReady中,通过显示或隐藏图层图像和图层样式的方法,进行动画帧的编辑操作。如图15-29所示,为本实例的制作流程。图15-29 本实例制作流程(1)运行Photoshop,执行“文件”→“新建”命令,打开“新建”对话框,参照图15-30所示设置对话框,创建一个名为“游乐园广告”的空白文档。图15-30 “新建”对话框