注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

.

.

 
 
 

日志

 
 

flash教程——图片的移动  

2012-10-06 22:19:38|  分类: FLASH教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

FLASH入门教程 --图片的移动

 

 点击图片即可进入蓝色妖姬博客

         学习目的:掌握图片的移动是制作动画的基本要素与技巧,也是动画入门的起始点。通过本节教学了解和掌握时间轴,帧和动画补间的运用及技巧。

制作步骤:

         1.启动FLASH8软件。

         2.选择"修改-文挡 "打开文挡属性对话框,设置动画规格为550px*400px,背景为白色,帧频为12,其它默认,点击“确定”按钮。 如图所示:

 

 点击图片即可进入蓝色妖姬博客

[左右移动]

         3.新建图形元件(要养成使用元件的习惯,因为元件可以无限使用,且可参与相关功能,这是位图所不能及的)

         选择“插入-新建元件”命令,打开“新建元件”对话框,在名称中建入“图片1”,在类型中选择“图形”,其它默认,最后点击“确定”。如图所示:

 

 点击图片即可进入蓝色妖姬博客

         4.编辑图片1图形元件

         点击“文件-导入-导入到舞台”,找到你电脑中图片文件夹后,选中所需图片到舞台界面,图片的宽和高分别是:150px*100px; 如图所示:

 

 点击图片即可进入蓝色妖姬博客

         点击左上角的“场景1”,返回主场景。然后点击“窗口-库”,如图所示:

 

 点击图片即可进入蓝色妖姬博客

         然后点击“窗口-对齐”便会在舞台右侧出现如图5所示。然后将“相对于舞台”下方的小矩形点“白”(这个很关键,不然图片是不会到指定位置的)。

 

 点击图片即可进入蓝色妖姬博客

         将库中的图1元件用左键拖到舞台的左侧垂直中齐(点击对齐界面的第一行第五个小图标)。效果如图所示:

 

 点击图片即可进入蓝色妖姬博客

         在60帧处插入关键帧(在60帧处“点右键-插入关键帧”),再在30帧处插入一个关键帧,然后用“选择工具(黑箭头)”将图形元件水平移到舞台的右侧,在第1帧和第30帧处“点右键-创建补间动画”(或点击下边属性面板“补间”左框中的“小三角-动画”),其时间轴如图所示:

 

 点击图片即可进入蓝色妖姬博客

         5.测试存盘 选择“控制-测试影片”,如果感觉满意就可以存盘了.其步骤是:点击"文件-导出-导出影片"。源文件保存点击“文件-另存为”。

[上下移动]

         图片的上下移动和左右移动其基本原理和步骤是一样的,所不同的是,在第1帧将图片元件放置舞台的下方水平中齐(点击对齐界面的第一行第二个小图标)。在第30帧将其垂直移动到舞台的上方。其步骤同上。

[旋转移动]

         图片的旋转移动和上下移动、左右移动其基本原理和步骤是一样的,所不同的是,在第1帧和第30帧处“创建补间动画”后,在往下点击“旋转”左侧“小三角-顺时针(或逆时针)”。如图所示:

 

 点击图片即可进入蓝色妖姬博客

         [最终效果显示]

 

 

 

更多的flash教程点击欣赏......

 

 点击图片即可进入蓝色妖姬博客

 

 点击图片即可进入蓝色妖姬博客

 

 

 点击图片即可进入蓝色妖姬博客

 

 点击图片即可进入蓝色妖姬博客

  评论这张
 
阅读(3970)| 评论(7)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017