在下面的教程里,我们将从基本形状开始,完全使用FLASH画一个小奶瓶的图标。

首先我们从一个圆角的矩形开始,把它的底部调节成圆形。


再把顶部调成突起的形状,如果你熟悉贝塞尔曲线,这不是什么难事。然后我们用形状扩展,外扩出一个粗边来,这将是瓶壁。


画瓶盖的圆柱其实很简单,先画一个椭圆,然后垂直复制一份。切去下半个的上半部分。


将上面的边拉伸出来,形成圆柱的壁,然后移到下层,这样很快是不是?


下面的一个小圆柱也采用同样的方法。


这时我发现下面的瓶身需要一个瓶颈,于是先将其切去一块,再把切出的节点移动上来。因为画了两层,所以两层都要调整,如果一开始注意到,会好很多。


形状画成了,下面是奶嘴,让我们再从一个矩形开始。加出需要的节点,再调整曲线。


形状差不多了,如果你是对照照片来画的,可能会更像一点。然后,同样用形状扩展加一层边,因为橡胶奶嘴同样有厚度。


下面是颜色了,玻璃瓶我习惯用这样的圆形渐变。圆柱形用加上高光的线形渐变就可以了。


FLASH并没有太复杂的渐变方式,但如果灵活运用,同样可以做出复杂的效果,而且毕竟我们也不是要仿真到完全一致,要做照片效果完全可以用3D。注意下面我把圆柱的顶复制一份,变成浅色,再向下移动一两个像素,然后移到下层,这样就形成了一个倒角的效果,有时细节是很重要的。


接下来是瓶身的渐变,用白色的线形渐变即可。


注意玻璃瓶是两面都有高光的,否则没有那种通透感。然后高光的形状要沿着瓶身的形状变化。


奶嘴也是同样的情况,但因为是橡胶的,所以不要像瓶身上那样规则,稍有点变化反而更好。


然后调一下色彩,把瓶盖加一道高光,这样质感更强烈一点。一个基本的奶瓶就画好了。


有一种瓶身是孤形的奶瓶似乎更好看一点,于是我们把形状和高光再调整一下。然后旋转45度,将瓶身的内层复制一层到顶端来。


切去新形状的上半部,将颜色改成浅蓝到白色的渐变,牛奶一般都是用这种色来表现的。


再复制一层变成深蓝色,两层调成相对的波浪形状。深蓝色的移到下层。牛奶就画好了。


把我们画好的奶瓶整体复制一下,Ctrl+B打散,把瓶子中心的部分去掉,生成Movieclip,再加一个模糊滤镜,这样影子就做好了。你当然可以使用阴影或到PS中修改,我这样做是为了瓶身的透明。


至此,一个小奶瓶就做好了。这里有一个经过进一步调整后的奶瓶,具体的方式和细节就看你自己的发挥了。


你可以通过Axialis IconWorkshop之类的软件生成图标,也可以做任意其它用途。我喜欢用FLASH做图标的原因就在于它是全矢量的,而且可以直接用在FLASH程序中,体积非常小,这个奶瓶生成的整个SWF文件只有1744Byte。

本文转自:http://www.5uflash.com/flashjiaocheng/Flash-cs3/4410.html
发表评论
-
JSP+FLASH数据传输
2010-04-10 13:59 846回答了个简单的JSP+FLASH问题,竟然被加分了 不好意思 ... -
AS3直接连接SQL驱动下载
2010-04-10 13:59 585flash asSQL组件下载地址: http://macle ... -
AS3直接连接SQL驱动下载
2010-04-10 13:59 828flash asSQL组件下载地址: http://macle ... -
Flash与.NET的通信(一):XMLConnector的应用
2010-04-10 13:59 606一:简介 [font="Times] ... -
Flash与.NET的通信(一):XMLConnector的应用
2010-04-10 13:58 640一:简介 [font="Times] ... -
awflasher的Vplayer 2.1 ( FLV Player )
2010-04-09 14:25 533[1b]功能概述[/1b] 所有播放逻辑均已封装成([1b ... -
awflasher的Vplayer 2.1 ( FLV Player )
2010-04-09 14:24 636[1b]功能概述[/1b] 所有播放逻辑均已封装成([1b ... -
FLV on P2P 下一个流行的video格式
2010-04-09 14:24 706看到 幻灭 处介绍了一款 Youtube Speed Acc ... -
FLV on P2P 下一个流行的video格式
2010-04-09 14:24 717看到 幻灭 处介绍了一款 Youtube Speed Acc ... -
flv在线视频播放
2010-04-09 14:24 836呢感有写网友也想做个在线视频什么的,现在给个例子大家 方法其实 ... -
as3 使用sound类(翻译)-获取文件大小
2010-04-09 12:14 692[1b]问题六[/1b] ... -
as3 使用sound类(翻译)-读取声音信息
2010-04-09 12:14 743[1b]问题七[/1b] 我们现在想获取正在播放的MP3文件的 ... -
as3 使用sound类(翻译)-读取声音信息
2010-04-09 12:14 693[1b]问题七[/1b] 我们现在想获取正在播放的MP3文件的 ... -
as3 使用sound类(翻译)-声音播放结束消息
2010-04-09 12:13 1074[1b]问题八[/1b] 当我们播放音乐以后,想 ... -
as3 使用sound类(翻译)-声音播放结束消息
2010-04-09 12:13 877[1b]问题八[/1b] 当我们播放音乐以后,想 ... -
FLASH CS3中的FLA形式组件制作教程
2010-04-08 11:48 590下面给大家介绍下如何 ... -
Flash cs3组件皮肤
2010-04-08 11:47 588Adobe develop center的新文章Skinnin ... -
flash cs3测试和发布影片问题
2010-04-08 11:47 769问: 按ctrl+Enter后有导出进度条,但就是没导出影片. ... -
Flash CS3(SWF9) 影片格式反编译的工具ActionScript Viewer 6.0
2010-04-08 11:47 848全球首个支持 Flash CS3(SWF9) 影片格式反编译的 ... -
指针随鼠标移动的flash卡通时钟
2010-04-08 10:07 404。先看下时钟效果: var fnum:Number = ...
相关推荐
flash cs3简体中文版(adobe flash cs3)是一款由micromedia公司开发的系列平面动画设计制作软件Flash其中的一个版本,该公司后来被Adobe公司收购,于是软件名被更改为adobe flash。大家都知道,动画其实都是由一帧...
Flash CS3是Adobe公司推出的一款强大的二维动画制作软件,主要用于创建互动式的网络内容、游戏、动画短片以及教育演示。这份“Flash CS3 PPT课件”旨在帮助学习者掌握Flash CS3的基本操作和高级技巧,通过PPT的形式...
1. **工作界面**:Flash CS3的工作界面由多个面板组成,包括时间轴、舞台、属性检查器、库面板等,每个面板都有其特定的功能,理解和熟练操作这些面板是高效使用Flash的基础。 2. **绘图工具**:Flash CS3提供了...
flash cs3 破解版 亲测可用flash cs3 破解版 亲测可用flash cs3 破解版 亲测可用flash cs3 破解版 亲测可用flash cs3 破解版 亲测可用flash cs3 破解版 亲测可用flash cs3 破解版 亲测可用flash cs3 破解版 亲测可用...
总之,这个Flash CS3源代码集合是一个宝贵的教育资源,它可以帮助开发者从多个角度深入理解Flash技术,提升开发技能。无论你是初学者还是经验丰富的开发者,都可以从中受益匪浅,不断拓宽自己的视野,创造出更具创新...
Flash CS3是Adobe公司推出的一个版本,用于创建动画、交互式内容以及游戏等。本篇文章将深入探讨如何利用Flash CS3设计一款射击游戏。 一、Flash CS3基础 Flash CS3是Flash Professional系列的一部分,它提供了一...
Flex Component Kit for Flash CS3 是一个专门为Adobe Flash CS3设计的插件,它极大地扩展了Flash开发工具的功能,使得开发者可以更加便捷地在Flex项目中重用和集成由Flash创建的组件。Flex是一种开放源代码的框架,...
在本压缩包中,我们收集了关于“Flash CS3 网站开发”的一系列素材,主要涵盖PPT格式的教学材料。这些文件详细介绍了Flash在网站开发中的应用,特别是交互技术的使用,ActionScript的基础知识,以及Flash组件和动画...
- “爱书吧-2万本图书免费下载.url”可能指向一个资源网站,提供更多的学习资料,如电子书籍和其他教程,利用这些资源可以深化对Flash的掌握。 通过深入学习《Flash CS3 用户指南》,无论是新手还是有经验的开发者...
Flash CS3 是一款强大的创作工具,主要用于制作动画、交互式内容和应用程序。这款软件以其独特的矢量图形绘制能力和动画制作效率而闻名,尤其在教育领域,常被用来制作课件,以生动有趣的方式呈现教学内容。 在...
在Flash CS3版本中,主要涵盖了以下几个核心知识点: 1. **基本界面与工作流程**:了解Flash CS3的工作界面,包括时间轴、舞台、工具箱和属性面板等,以及如何创建新项目、保存和导出作品的基本操作。 2. **绘图...
### Flash CS3基础与实例教程:按钮元件的深入解析 #### 一、按钮元件概述 在Flash CS3软件中,按钮元件是实现动画交互的重要组件之一。它具有四种不同的状态,能够根据用户的鼠标操作(如鼠标悬停或点击)改变其...
本压缩包中的"FoundationAS3Animation"文件,显然是一个专门针对ActionScript 3.0动画基础的代码库,让我们一同深入学习和探讨其中蕴含的知识点。 一、ActionScript 3.0基础 ActionScript 3.0是Flash平台的核心编程...
【Flash CS3】是Adobe公司推出的网页动画和多媒体交互设计软件,它在网页设计、网络游戏、网络广告等领域广泛应用。作为Flash 8的升级版本,Flash CS3带来了诸多改进和新特性,使其成为更加高效的创作工具。 1. **...
Flash CS3是Adobe公司推出的一款强大的二维动画和交互式设计软件,它在Web设计、游戏开发以及多媒体创作领域占据着举足轻重的地位。本篇将详细介绍Flash CS3的核心功能、操作界面、关键特性以及在实际应用中的使用...
这个压缩包中包含了一个使用Flash CS3制作的小动画及其源代码。 【描述】:“用Flash CS做的一段小动画和它的源代码”意味着我们可以深入研究动画的制作过程和技术。源代码通常指的是ActionScript 3.0(AS3.0),这...
总的来说,这个压缩包提供了一个全方位的学习环境,不仅有理论知识,还有实践操作,帮助你从零开始掌握Flash CS3的动画制作技巧。无论是对动画原理的理解,还是对ActionScript的应用,都能在这个教程中得到锻炼和...
flash cs3 下雨动画,这是一次作业,所以免费提供需要的同学,希望你能喜欢。
在本文中,我们将深入探讨如何在Adobe Flash CS3中创建一个文字特效,特别是模拟打字机效果,并结合声音实现更具真实感的动态呈现。Flash CS3是一款强大的动画和交互式内容设计工具,常用于制作网页动画、游戏以及...
标题“Flash CS3动作面板打开出错”涉及的是在使用Adobe Flash CS3这款软件时遇到的一个常见问题。描述中提到,当尝试打开Flash CS3的动作面板时,用户可能会收到一个错误提示,指出“Java运行时环境初始化时出现...