网页教学网
 当前位置: 网页教学网 >> 动画制作 >> Flash实例教学 >> 阅读:基础教程:在Flash中鼠绘线圈页面
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

基础教程:在Flash中鼠绘线圈页面

http://www.webjx.com  更新日期:2007-08-03 17:56  出处:闪吧论坛  作者:qinz 收藏本文

[前言]:

1、线圈页面,有用Photoshop绘的,也有用Fireworks绘的,在Flash中一般是靠导入的方法,但这样却使文件的体积过大,在网上下载的速率也慢。在Flash中鼠绘线圈页面效果也不错。
2、初学者写的教程面向初学者,让我们一起成为高手吧!

[效果]:

[目的]:
1、掌握用填充变形工具改变填充范围及角度。
2、学会为纸张页面打上多个孔的方法。
3、学会制作横铁条穿过线圈、线圈穿过纸张页面上小孔的方法。
[步骤]
第一步:新建文件,宽为550像素、高400像素,背景颜色为绿色(#009900);分别创建几个图层,从上到下顺序依次为:文字、格子、铁横条前、线圈前、页面、线圈后、铁横条后。具体设置如图1:

基础教程:在Flash中鼠绘线圈页面

第二步:在“铁横条后”图层中画一个矩形,边角半径设置为10点、宽400像素、高4像素、无边框、填充色任意、X坐标为75、Y坐标为36;打开混色器,类型为线性,从左到右填充渐变色分别为浅灰、白、黑。具体设置和效果如图2:

基础教程:在Flash中鼠绘线圈页面

第三步:点击矩形,选择填充变形工具,把鼠标移到矩形的右端,此时鼠标变成四个旋转的黑色小箭头;按住鼠标不放往下拉,此时在矩形的上下会出现蓝色的细直线,直到细直线成水平状便释放鼠标;将鼠标移到下方蓝色细直线中部的白色块上(中间还有一个向右的黑色小箭头),此时鼠标变成双箭头;按住鼠标不放,往上推,直推到矩形的边缘;将该帧复制到“铁横条前”图层中。具体设置和效果如图3:

基础教程:在Flash中鼠绘线圈页面

第四步:在“页面”图层中绘制一个白色无边框矩形对象(此时要将边角半径重新设置为0点,点击右边工具栏中的对象绘制进行绘制),宽400像素、高300像素、X坐标为75、Y坐标为46;然后绘制一个无边框黑色圆,宽高均为10像素、X坐标为88、Y坐标为52;点击黑色圆,按住Ctrl键,用鼠标往右拖,一共复制12个,利用对齐面板,将它们摆布好;选中该图层上的所有对象(点击帧即可),同时按住Ctrl+B使之分离;再按住Shift键不放,用鼠标点击白色区域,然后按Delete键删除黑色圆。具体设置和效果如图4:

基础教程:在Flash中鼠绘线圈页面

第五步:在“线圈前”图层中绘制一个无填充的椭圆,宽6像素、高20像素、X坐标为90、Y坐标为34、笔触高度为2;打开混色器,类型为线性,从左到右填充渐变色分别为深灰、浅灰,用填充变形工具改变渐变方向和范围;点击椭圆,按住Ctrl键,用鼠标往右拖,一共复制12个,利用对齐面板,将它们摆布好;将该帧复制到“线圈后”图层中。具体设置和效果如图5:

基础教程:在Flash中鼠绘线圈页面

第六步:锁住图层(除“铁横条前”图层外),在椭圆右边线条处用橡皮擦工具将铁横条进行局部删除;锁住图层(除“线圈前”图层外),用橡皮擦工具将椭圆左下边线条进行局部删除;在“格子”图层中画上一些直线,利用对齐面板工具使之对齐并垂直平均间隔;在“文字”图层中输入方字。具体设置和效果如图6:

基础教程:在Flash中鼠绘线圈页面

[思考]:
在制作带多个孔的纸张页面时,为什么不用修改菜单下的合并对象中的打孔工具?

[源文件]:点击这里下载源文件

关键词:基础,Flash教程
推荐给好友】【关闭
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为