• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >flash > flash制作一款漂亮的3d按钮

flash制作一款漂亮的3d按钮

作者:tzyzxxdjzx 字体:[增加 减小] 来源:互联网 时间:2017-05-24

tzyzxxdjzx 向大家分享了flash制作一款漂亮的3d按钮,其中包含flash制作一款漂亮的3d按钮等知识点,遇到此问题的同学们可以参考下

无论是网页还是动画,按钮是经常用到的一种交互方式,如果它具有一定的特色的话,也会为网页或者动画的表达吸引人的眼球,如何做出一款让人过目不忘的按钮呢?今天小编在这里就跟大家分享一篇关于制作3d按钮的制作过程,鼠标指向按钮时呈现按下的状态,相应的图片会慢慢出现,接下来就跟大家交代一下制作过程,仅供参考使用。

如何制作3d按钮

步骤

启动flash cs5,点击actionscript2.0,新建一个大小为550*400,帧频为15fps,背景色为黑色的flash文档。

如何制作3d按钮

执行文件-导入-导入到库命令,将事先准备好的图片导入到库,到库中进行查看。

如何制作3d按钮

执行插入-新建元件命令,新建一个名称为01的图形元件,选择工具箱里矩形工具,设置笔触和填充颜色都为#00ffcc,笔触大小为1,在编辑区域绘制一个长方形。

如何制作3d按钮

选中该矩形按ctrl+c组合键进行复制,接着按ctrl+shift+v组合键进行原位置粘贴,并向左上方移动,改变填充颜色为#33cc66.

如何制作3d按钮

新建图层2,选择工具箱里文本工具在编辑区域输入图1,执行插入-新建元件命令,新建一个名称为2影片剪辑元件,将图形元件01连续拖入到编辑区域四次并调整其位置。

如何制作3d按钮

在时间轴面板中选择前四帧,依次插入关键帧,选择第二帧然后删除一个01元件,接着选择第三帧删除两个01元件,再接着选择四帧删除三个01元件。

如何制作3d按钮

执行插入-新建元件命令,新建一个名称为pic1的图形元件,在库中选择一张图片拖拽到编辑区域,并设置全居中,然后按ctrl+b组合键将图片打散。

如何制作3d按钮

重复步骤7,采用相同的方法新建图形元件pic2和pic3,分别将库中的另外两张图片拖拽到编辑区域进行打散。

如何制作3d按钮

执行插入-新建元件命令,新建一个名称为picture影片剪辑,将元件pic1拖拽到编辑区域,设置全居中,在属性面板中设置alpha为0,在15帧处插入关键帧,其alpha值为100%,在1-15帧中创建补间动画。

如何制作3d按钮

选择第16帧右键单击从下拉菜单中选择插入空白关键帧,将元件pic2拖拽到编辑区域并设置全居中,其alpha值设置为0,在30帧处插入关键帧alpha值设置为100%,在16-30帧之间创建传统补间动画。

如何制作3d按钮

选择第31帧插入空白关键帧,将元件pic3拖拽到编辑区域设置全居中,设置其alpha值为0,在45帧处插入关键帧设置其alpha值为100%,在31-45帧之间创建传统补间动画。

如何制作3d按钮

分别在15、30、45帧处打开其对应的动作面板,输入stop();语句。

如何制作3d按钮

执行插入-新建元件命令,新建一个名称为”按钮“的按钮元件,在“点击”中插入关键帧,选择工具箱里矩形工具在编辑区域绘制一个矩形。

如何制作3d按钮

返回主场景,将影片剪辑元件2拖拽到舞台中,连续3次,调整他们的位置,并设置其大小为120*50,分别修改其实例名称为up1,up2,up3,并分别设置其投影滤镜效果。

如何制作3d按钮

点击时间轴下面的新建图层按钮新建图层2,将元件“按钮”拖拽到舞台三次,调整其大小和位置。

如何制作3d按钮

选择第一“按钮”元件打开其动作面板输入代码,同样道理分别选择第二第三个“按钮”输入代码。

如何制作3d按钮

新建图层3,将库中的影片剪辑picture拖拽到舞台设置大小为500*300,调整其位置,修改其实例名称为ss,执行ctrl+s进行保存,保存名称为3d按钮,然后按ctrl+enter进行测试。

如何制作3d按钮

以上就是flash制作一款漂亮的3d按钮方法介绍,操作很简单的,大家学会了吗?希望大家喜欢本篇教程!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-24Flash实例教程:制作灾区祈福蜡烛动画
  • 2017-05-24Flash AS3 制作文字飞出动画
  • 2017-05-24flash 超链接问题
  • 2017-05-24带AS的图片环绕旋转效果制作方法
  • 2017-05-24Flash实例教程:通过声音对象的控制来制作播放器
  • 2017-05-24Flash air制作淡入淡出窗体动画效果
  • 2017-05-24Flash动画制作实例:制作扇子自动打开的动画效果
  • 2017-05-24flash制作旋转飞舞的雪花
  • 2017-05-24flash制作一个简易的小动画
  • 2017-05-24flash怎么制作不断变换位置大小的五角星动画?

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • Flash cs3、Flex与asp、php通信总结(包含数据库)
    • Flash制作翻书动画效果的个性相册
    • 新手必看:flash入门知识详解
    • flash怎么制作气泡无规则向上升起的动画?
    • Flash制作漂亮的雪落樱花舞文字特效
    • 教你用Flash 8制作一个美女“时空穿梭”动画特效
    • 用flash制作太阳出山的卡通效果图
    • FLASH CS6组件怎么制作视频播放器?
    • 教你利用Flash制作一个会走动的时钟(时针,分针,秒针)
    • flash制作随着输入数据的变化而变化的柱形图

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有