`
wangangie29
  • 浏览: 42947 次
  • 性别: Icon_minigender_1
  • 来自: 珠海
最近访客 更多访客>>
社区版块
存档分类
最新评论

FLASH CS3快速打造一个小奶瓶图标

阅读更多

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

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


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


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


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


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


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


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


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

   

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


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


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


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


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

   

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


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


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


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


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


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

   

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

   
本文转自:http://www.5uflash.com/flashjiaocheng/Flash-cs3/4410.html
分享到:
评论

相关推荐

    Flash CS3 PPT课件

    Flash CS3是Adobe公司推出的一款强大的二维动画制作软件,主要用于创建互动式的网络内容、游戏、动画短片以及教育演示。这份“Flash CS3 PPT课件”旨在帮助学习者掌握Flash CS3的基本操作和高级技巧,通过PPT的形式...

    Flash CS3 Professional Help

    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 cs3源代码

    总之,这个Flash CS3源代码集合是一个宝贵的教育资源,它可以帮助开发者从多个角度深入理解Flash技术,提升开发技能。无论你是初学者还是经验丰富的开发者,都可以从中受益匪浅,不断拓宽自己的视野,创造出更具创新...

    flash cs3 射击游戏

    Flash CS3是Adobe公司推出的一个版本,用于创建动画、交互式内容以及游戏等。本篇文章将深入探讨如何利用Flash CS3设计一款射击游戏。 一、Flash CS3基础 Flash CS3是Flash Professional系列的一部分,它提供了一...

    Flex Component Kit for Flash CS3

    Flex Component Kit for Flash CS3 是一个专门为Adobe Flash CS3设计的插件,它极大地扩展了Flash开发工具的功能,使得开发者可以更加便捷地在Flex项目中重用和集成由Flash创建的组件。Flex是一种开放源代码的框架,...

    flash CS3 网站开发素材

    在本压缩包中,我们收集了关于“Flash CS3 网站开发”的一系列素材,主要涵盖PPT格式的教学材料。这些文件详细介绍了Flash在网站开发中的应用,特别是交互技术的使用,ActionScript的基础知识,以及Flash组件和动画...

    flash cs3用户指南.rar

    - “爱书吧-2万本图书免费下载.url”可能指向一个资源网站,提供更多的学习资料,如电子书籍和其他教程,利用这些资源可以深化对Flash的掌握。 通过深入学习《Flash CS3 用户指南》,无论是新手还是有经验的开发者...

    flash cs3简体中文版(adobe flash cs3)是一款由micromedia公司

    flash cs3简体中文版(adobe flash cs3)是一款由micromedia公司开发的系列平面动画设计制作软件Flash其中的一个版本,该公司后来被Adobe公司收购,于是软件名被更改为adobe flash。大家都知道,动画其实都是由一帧...

    Flash CS3 教程课件

    在Flash CS3版本中,主要涵盖了以下几个核心知识点: 1. **基本界面与工作流程**:了解Flash CS3的工作界面,包括时间轴、舞台、工具箱和属性面板等,以及如何创建新项目、保存和导出作品的基本操作。 2. **绘图...

    flash cs3 基础与实例教程

    ### Flash CS3基础与实例教程:按钮元件的深入解析 #### 一、按钮元件概述 在Flash CS3软件中,按钮元件是实现动画交互的重要组件之一。它具有四种不同的状态,能够根据用户的鼠标操作(如鼠标悬停或点击)改变其...

    flash cs3 源代码

    本压缩包中的"FoundationAS3Animation"文件,显然是一个专门针对ActionScript 3.0动画基础的代码库,让我们一同深入学习和探讨其中蕴含的知识点。 一、ActionScript 3.0基础 ActionScript 3.0是Flash平台的核心编程...

    vb6.0 和 flash cs3 相互通信

    提供的源文件是一个很好的学习资源,可以帮助开发者更好地理解这种通信机制,并在实际项目中灵活运用。在实际操作中,根据具体需求,可能还需要涉及其他技术,如XML或JSON用于数据交换,以及自定义事件和消息队列等...

    flash cs3 教程pdf

    最后,教程通常会包含项目实践部分,引导读者按照步骤完成一个完整的Flash作品,将所学知识融会贯通。 通过《Flash CS3 教程》的学习,读者不仅可以掌握动画制作技巧,还能理解交互式设计的基本原理,为进一步提升...

    Flash_CS3_S.rar

    Flash CS3是Adobe公司推出的一款强大的二维动画和交互式设计软件,它在Web设计、游戏开发以及多媒体创作领域占据着举足轻重的地位。本篇将详细介绍Flash CS3的核心功能、操作界面、关键特性以及在实际应用中的使用...

    flash cs3 动画

    这个压缩包中包含了一个使用Flash CS3制作的小动画及其源代码。 【描述】:“用Flash CS做的一段小动画和它的源代码”意味着我们可以深入研究动画的制作过程和技术。源代码通常指的是ActionScript 3.0(AS3.0),这...

    中文版Flash CS3动画制作实用教程 素材源文件(下).rar

    总的来说,这个压缩包提供了一个全方位的学习环境,不仅有理论知识,还有实践操作,帮助你从零开始掌握Flash CS3的动画制作技巧。无论是对动画原理的理解,还是对ActionScript的应用,都能在这个教程中得到锻炼和...

Global site tag (gtag.js) - Google Analytics