- 浏览: 49220 次
- 性别:
- 来自: 青岛
最近访客 更多访客>>
最新评论
-
jiaxiuyan1023:
你好 文件下载不下来 能个我发送到邮箱里吗? 邮箱是 jia ...
极力推荐C#+flash socket 聊天程序(flash源代码)
听许多朋友说很喜欢
Flash
动画制作,但是就是绘画基础不好,画不出来自己想要的东西。其实在
Flash
里并不需要像纯美术一样要求的很死板,只要有个大体形状,颜色漂亮,能表达出动画的意义就可以了。在
Flash
里绘图经常用到的就是“选择工具”、“部分选取工具”、“线条、椭圆、矩形及多边形工具”、“钢笔工具”。下面大家就来和我一起画一个帅哥靓妹们戴的漂亮眼镜,先来看看效果图:
图1 漂亮的眼镜
单击 Windows 系统的“开始”菜单,执行“开始”>“程序”>“Macromedia”>“Macromedia
Flash
MX 2004”命令,启动
Flash
MX 2004 ,系统现弹出
Flash
MX 2004的启动界面。单击中间“创建新项目”下的“
Flash
文档”项目,创建一个新空白文档 , 如图2所示。
图2 创建空白文档
说明:还有一种创建新文件的方法,启动
Flash
MX 2004, 执行“文件”下的”新建“命令”,在“常规”选项卡上选择“
Flash
文档”,打开一个新的空白文档。
首先要设置好
Flash
文件属性,按快捷键 Ctrl+F3打开“属性”面板。在“属性”面板中来指定文档的“舞台”大小、“背景颜色”(此处为#FF99CC)、“帧频”(也就是播放速度)以及文档的“发布设置”等参数,如图3所示。
图3 设置文档属性
所有
Flash
动画中的各个内容都要单独存放成一个元件。元件就是在
Flash
中创建的图形、按钮或影片剪辑,是
Flash
动画中的基本构成重要元素之一。元件只需创建一次,即可在整个文档或其他文档中重复使用。而且多次使用它不会明显增大动画文件的体积大小。创建的任何元件都会自动成为当前文档的“库”的一部分。可以随时打开“库”面板进行调用,元件的应用使动画制作变得轻松快捷。
二、创建元件
[1b]步骤 1 新建图形元件:[/1b]
执行“插入”菜单下的“新建元件”命令(快捷键 Ctrl+F8 ),打开“创建新元件”对话框。在“创建新元件”对话框中,输入元件的“名称”为 “眼镜” ,“行为”选择“图形”前面的单选按钮,然后单击“确定”按钮,如图 4所示。
图4 创建眼镜元件的设置
[1b]步骤 2 进入元件编辑状态[/1b]
创建元件完成以后,编辑动画的“舞台”已经从 “场景1”切换到“小球”图形元件的编辑状态,在“时间轴”的上方有“小球 ”的提示,如图5所示。
图5 眼镜元件的编辑场景
三、绘制图形
首先要了解眼镜的构造,眼镜是由镜片,镜框,镜架构成。那我们应该先绘制哪一部分比较合适呢?当然是镜框,有了这个大体的框,其它部分就好画了。
[1b]1.镜框的绘制[/1b]
[1b]步骤 1 设置颜色[/1b]
选择“工具”面板上的【钢笔工具】
,单击【工具】面板下面“颜色”区域的【笔触颜色】
,在弹出的【颜色样本】面板上选择淡灰色“#CCCCCC”;再单击【填充颜色】
,在弹出的【颜色样本】面板上选择白色 “#FFFFFF” ,如图6和图7所示。
图6 笔触颜色设置 图7 填充颜色设置
[1b]步骤 2 用钢笔工具绘制镜框[/1b]
用【钢笔工具】
画路径是非常容易的。选择【钢笔工具】
后,在舞台上不断地单击鼠标,就可以绘制出相应的路径,如果想结束路径的绘制,双击最后一个点。
说明:按住 Shift 键的同时再进行单击,可以将线条限制为倾斜 45 度的倍数方向。
好了,先用钢笔工具画出直线化的镜框外观,如图9所示。
图8 用钢笔画出镜框外观
[1b]步骤3 用部分选取工具调整框[/1b]
画完后要对眼镜框进行调整才可以让它更符合要求, 工具箱中选择【选择工具】,将鼠标指针移动到线条上,指针右下角会变成弧线状,拖动鼠标,可以将直线变成曲线。然后在工具箱中选择【部分选取工具】
,单击节点,会出现两个手柄,如图9所示。
图9 选取节点
拖动手柄可以改变曲线的形状。按住Alt键并拖动手柄,可以不影响另一个手柄。拖动节点可以改变节点的位置,如图10所示。
[1b]2.镜片的绘制[/1b]
为了使绘制出来的镜片与镜框协调,所以要把镜框做为参照物,在上时间轴里双击“图层1”层名,为其改名“镜框”,然后单击新建层按钮,新建“图层2”,并将“镜框层”锁定,如图12、13
图12 修改图层名并新建图层 图13 锁定“镜框”层
调出右边的“调色板”(可以按二下Shift+F9),在“填充样式”里选择“线性”渐变,如图15所示。
分别设置左边的色块颜色为:#005EB4,右边的颜色色块为:#06E6FB,为眼镜片的过滤进行设置,这里制作的是一款海蓝色的眼镜,所以选择了蓝系,如图16、17所示。
图16 左边色块颜色值 图17 右边色块颜色值
[1b]步骤2 用椭圆工具绘制镜片并用部分选取工具调整[/1b]
在“图层2”上以镜框为参照物画二个镜片,如图18所示,大家可以看到,这两个镜片并不如想像中的有形,所以我们还得利用前面提到的“部分选取工具”调节手柄让两个圆和镜片相符,如图19所示。
图18 绘制二个椭圆
图19 利用“部分选取工具”进行调整
[1b]步骤3 利用“填充变形工具”工具调整渐变[/1b]
选择“工具”面板上的【填充变形工具】,在镜片上单击一下,然后调整渐变方向。
图20 利用“填充变形工具”进行调整
[1b]3.镜腿的绘制[/1b]
[1b]步骤 1 设置颜色[/1b]
选择“工具”面板上的【钢笔工具】 ,设置“颜色”区域的【笔触颜色】值为(#B5B6B5),【填充颜色】值为白色。
图21 设置颜色
[1b]步骤2 绘制左镜腿[/1b]
在“镜框”层下新建一层,命名为“镜腿”,绘制左边镜腿的外形,并利用“选择工具”进行调整。
图22 绘制并调整左镜腿
如果长短不好掌握,可以在绘制好后,利用“工具”中的“任意变形工具”调整左镜脚的长短。
[1b]步骤 3 绘制右镜腿[/1b]
利用上面讲到的方法绘制顺镜腿并进行调整,再绘制一个蓝色方形放在镜腿边处。
到此,一个漂亮的眼镜就完成了。
本文转自:http://www.5uflash.com/flashjiaocheng/Flashdonghuajiaocheng/1660.html
发表评论
-
Flash Media Server 起步(11)判断影片结束
2010-04-10 10:25 586懒了+没啥好写的了。恩,还有4分钟下班。。发现个问题说一下 问 ... -
Flash Media Server 起步(11)判断影片结束
2010-04-10 10:25 628懒了+没啥好写的了。恩,还有4分钟下班。。发现个问题说一下 问 ... -
Flash Media Server 起步(12)只允许客户打开一个客户端
2010-04-10 10:25 967fms没啥好写的了,常用的就那么几个概念,弄明白了基本就什么都 ... -
Flash Media Server 起步(12)只允许客户打开一个客户端
2010-04-10 10:24 772fms没啥好写的了,常用的就那么几个概念,弄明白了基本就什么都 ... -
转换视频为flv文件过程记录
2010-04-10 10:24 8081/ 从 http://ffdshow.faireal.net ... -
AS3写的web 2.0 风格
2010-04-09 13:23 545在往上逛的时候发现 一篇日志 ,用 AS3 写出了 Web 2 ... -
as3游戏开发之打气球系列(二)
2010-04-09 13:23 568HI,经过了昨天疯狂的理 ... -
我对as3声音架构的理解
2010-04-09 13:22 585一直都对as3的声音架构 ... -
as3.0游戏开发之打气球系列(一)
2010-04-09 13:22 564好久没有写正经的文章 ... -
as3按钮事件
2010-04-09 13:22 731在刚开始学As3时,如果不知道按钮的事件如onPress的话 ... -
[JS]FlashUpload上传模块
2010-04-09 10:26 1634[AS3][JS]FlashUpload上传模块 P.S.F ... -
有关AS3跨域读取图片文件报错“checkPolicyFile”的解决方法
2010-04-09 10:26 920[AS3]有关AS3跨域读取图片报错“checkPolicyF ... -
有关AS3跨域读取图片文件报错“checkPolicyFile”的解决方法
2010-04-09 10:26 1032[AS3]有关AS3跨域读取图片报错“checkPolicyF ... -
as3组件的两个皮肤
2010-04-09 10:25 904全as的皮肤,使用的时候不用加载外部的皮肤文件: http:/ ... -
as3组件的两个皮肤
2010-04-09 10:25 759全as的皮肤,使用的时候不用加载外部的皮肤文件: http:/ ... -
卡通娃娃360度转身动画
2010-04-08 10:46 484超人表情原创大赛正如火如荼的进行中,对于初哥可能就望钱兴叹了, ... -
指针随鼠标移动的flash卡通时钟
2010-04-08 10:45 564。先看下时钟效果: var fnum:Number = ... -
动画人物运动规律与节奏
2010-04-08 10:45 545本文转自:h ... -
Flash绘制美丽风景画之海滩
2010-04-08 10:45 576过前段时间学习,我们掌握了鼠绘的一些初步知识,今天我们来综合一 ... -
Flash制作卷轴水墨画展开动画效果
2010-04-08 10:45 446北京奥运会开幕式上那充满诗意的卷轴,以及它所呈现给我们的一幅幅 ...
相关推荐
一个很简单的flash手绘教程,适合初学者,有兴趣的可以下载来看看哦。。。
早期一个国外Flash全站源码,很有立体感和设计感的Flash网站源码,国外技术达人的作品,像是一个模具、机床设计类的公司网站,很形象的用Flash的动画来展示出来,相当牛了。
手绘时钟 可以准确的看时间 你懂得 是石英钟不是电子模式 有三根针
手绘风格
CAD手绘线,输入命令后点击屏幕一点跟随鼠标移动绘制线段
手绘素材,手绘发型,头发
Java Swing写的一个手绘小程序,可适合新手学习!自由拓展!
手绘图画——flash中的元件PPT学习教案.pptx
Axure 手绘 组件库
转手绘源文件,学习转手绘的参考文件,拥有图层可以详细分析。
LabView手绘波形工程文件,1)利用LabVIEW以及实验室的信号采集设备,实现任意波形发生器的功能。该信号发生器除了能够产生正弦波、方波、三角波和锯齿波四种典型波形,还能根据输入的公式产生公式波形,幅值、频率...
手绘
PS手绘效果滤镜
PS手绘头发技法 用PS进行头发的手绘 让图案更精美
摘要:Flash源码,短片剪辑,flash氏量图 Flash手绘的电脑及耳机场景,用Flash8软件可以打开,氏量的电脑动画,作为素材是相当不错的,可用在Flash短片或广告中。
Balsamiq Mockups是一款具有涂鸦手绘风格的产品原型设计软件,适用于商用web产品设计中的低保真线框图或者草图设计。 设计开发Balsamiq Mockups的加利福尼亚州Balsamiq工作室创始人Peldi在2008年6月推出了这款手绘...
Sketching 产品设计手绘 经典设计类手绘书籍
Axure 手绘风格library, 有许多手绘元素,比如手绘的框图等
手绘个性个人博客模板.超炫手绘个性个人博客模板