达达首页 | 设计教程 | 辅助工具 | 字体字库 | 素材贴图 | 非 主 流 | PS 笔刷 | 签名模版 | 网页模版 | 达达贴吧
设为首页

加入收藏

联系我们
PhotoShop 教程 | Illustrator 教程 | CorelDraw 教程 | FireWorks 教程 | 3D MAX 教程 | MAYA 教程 | Flash 教程 | After Effects 教程
相关教程
普通教程 用Flash 8 制作简单…
普通教程 Flash8制作一个效果…
普通教程 Flash常见动画制作分…
普通教程 Flash制作四种3D隧道…
普通教程 露一小手闪晕你——…
普通教程 Flash8简单制作飞速…
普通教程 Flash制作好看的影片…
普通教程 Flash制作星星写字特…
普通教程 如何在FLASH中实现眨…
普通教程 Flash动画技巧:人侧…
最新更新

Photoshop结合Fla…

Photoshop结合Fla…

Photoshop结合Fla…

Flash绘画技巧:绘…
您现在的位置: 达达派 >> 教程中心 >> FLASH教程 >> 动画篇 >> 教程正文
基础教程:在Flash中鼠绘线圈页面
作者:佚名 文章来源:网络采集 点击数: 更新时间:2007-9-6 11:10:39
教程录入:猩猩    责任编辑:猩猩  添加到雅虎收藏+

[前言]:

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中鼠绘线圈页面

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

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

  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    关于我们 | 帮助(?) | 广告服务 | 版权声明 | 商业合作 | 发展历程 | 联系我们

    Copyright ? 2005-2008 CGFancy.com, All Rights Reserved,达达网络:陕ICP备06010337号

    技术交流:71125455(平面)、545534707(三维),业务合作:71125455