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

日照腾飞的博客

http://blog.163.com/a007xu/edit/

 
 
 

日志

 
 

飞驰的列车窗外动态景色的制作  

2009-10-30 11:18:29|  分类: FLASH教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

腾飞的日志边框  - a007xu - 腾飞向您问好! 日志分隔线 - 腾飞 - 腾飞的博客 日志分隔线 - 腾飞 - 腾飞的博客 日志分隔线 - 腾飞 - 腾飞的博客 日志分隔线 - 腾飞 - 腾飞的博客 日志分隔线 - 腾飞 - 腾飞的博客 日志分隔线 - 腾飞 - 腾飞的博客腾飞的日志边框  - a007xu - 腾飞向您问好!

   飞驰的列车动态制作

腾飞的博客 -     出处:亦好;作者:不老草     腾飞引制

 日志分隔线 - 腾飞 - 腾飞的博客


    先在PS中把图片上车窗玻璃的部分扣抠除掉,(在PS中抠图可以处理柔滑的边缘,不像Flash里边的抠图那么硬而不自然)
        1、打开PS软件并导入车窗图片,图层面板中鼠标左键双击背景图层,弹出菜单中选“好”,就把背景图层变成可编辑的“图层0”见图1

飞驰的列车窗外动态景色的制作 - 亦好 - yihao’s   blog

(1

2、
   点选套索工具两秒钟,弹出菜单中点选“磁性套索工具”,属性中设定“羽化”值为1像素,沿着车窗周围划一圈,首尾接头处鼠标左键双击结束,点键盘上的Delete键,删除选区的车窗玻璃,玻璃部分就透明了,见图2:

飞驰的列车窗外动态景色的制作 - 亦好 - yihao’s   blog

(图2

3、
同样的方法再抠出上边的一小块三角形玻璃,点选菜单栏选择、弹出菜单中点选“取消选择”,见图3

 

飞驰的列车窗外动态景色的制作 - 亦好 - yihao’s   blog

(图3

4、
点选菜单栏中的“文件”,弹出菜单中点选“储存为web 所用格式(w)”项。点击“预设”框右边的小三角,下拉菜单中点选“PNG24,见图4

 

飞驰的列车窗外动态景色的制作 - 亦好 - yihao’s   blog

(图4

5、
点击“储存”就打开了电脑硬盘,选择存储位置,命名为“车窗抠图”,点“保存”,弹出菜单点“好”,PS抠图完成,关闭PS软件。
二、
Flash制作:
打开Flash软件,舞台属性默认,把刚刚做好的车窗PNG24图片导入到库备用。
A制作列车的颠簸动作;
1、
新建元件,类型:影片剪辑,命名为:车窗外景。在该影片剪辑编辑区内共建两个图层,选中图层2的第一帧,把库中车窗图片拖上舞台,调整大小为555×405像素,做全居中后延长到20帧。
2、
分别在第810121416帧处插入五个“关键帧”,选中第10帧处的关键帧,点击一下舞台上的图片,点击键盘上的方向键中的“箭头向下键”两下,再点击“箭头向右键”一下;
3、
再点选第14帧处的关键帧,点击一下舞台上的图片,点击键盘上方向键中的“箭头向下键”两下,再点击“箭头向左键”一下,锁定图层1,见图5

 

飞驰的列车窗外动态景色的制作 - 亦好 - yihao’s   blog

(图5

B、制作窗外流动的景色:
    1、把准备好的窗外风景图片导入到库备用,关闭图层2的眼睛。
                     2、选中图层1的第一帧,把窗外风景图片拖上舞台,调整大小为550×400像素,对齐面板上做“垂直中齐”,把舞台显示大小设置为40%(手动输入数字后点回车键即可),见图6

 

飞驰的列车窗外动态景色的制作 - 亦好 - yihao’s   blog


                               (图六)

3、鼠标右键单击图片,弹出菜单点选“复制”,
右键单击舞台空白处,弹出菜单点选“粘贴”,选中新粘贴的图片,点击菜单栏的:修改——变形——水平翻转,对齐面板上做“垂直中齐”,用键盘上的方向键,调整翻转后的图片位置,在原图片的右侧使两张图片相接连,见图7

 

飞驰的列车窗外动态景色的制作 - 亦好 - yihao’s   blog

(图7

4、
    鼠标再次右键单击舞台空白处,弹出菜单中点选“粘贴”,就又粘贴了一张图片,做垂直中齐后,用键盘上方向键调整位置,在前两张图片的右侧再次接连,框选全部相接连的图片,转换为“图形元件”,见图8

 

飞驰的列车窗外动态景色的制作 - 亦好 - yihao’s   blog

(图8

5、
    选取任意变形工具后点选拼接的图形元件,把鼠标放在元件的左侧边缘上,当鼠标箭头变成上下双向箭头时,点住左键向下拉一点,使图片适当的斜向变形,见图9

 

飞驰的列车窗外动态景色的制作 - 亦好 - yihao’s   blog


(  图9)

6、
   打开图层2的眼睛,选中图层1的第一帧,调整窗外风景长条图片元件的位置,车窗透明部分不露出舞台背景为准;见图10

 

飞驰的列车窗外动态景色的制作 - 亦好 - yihao’s   blog

(图10

7、
选中图层1的第20帧处插入关键帧,调整长条图片元件的位置,车窗透明部分不露出舞台背景为准,在第1——20帧之间创建补间动画,见图11

 

飞驰的列车窗外动态景色的制作 - 亦好 - yihao’s   blog


(图11

8、回到主场景,选中第一帧,从库中把刚刚做好的影片剪辑“车窗外景”拖上舞台,注意点,一定要把车窗图片和舞台对齐,用键盘上的方向键慢慢的调整,长条图片元件不要管它,测试影片看效果吧,OK!大功告成了。


我的习作:

 

 日志分隔线 - 腾飞 - 腾飞的博客 日志分隔线 - 腾飞 - 腾飞的博客 日志分隔线 - 腾飞 - 腾飞的博客 日志分隔线 - 腾飞 - 腾飞的博客 日志分隔线 - 腾飞 - 腾飞的博客 日志分隔线 - 腾飞 - 腾飞的博客 日志分隔线 - 腾飞 - 腾飞的博客

 点击进入中国戏曲

 点击进入相声小品

 点击进入杂技魔术

 点击进入音画欣赏

 点击进入音乐视听

 点击进入影视歌曲

 点击进入娱乐搞笑

 点击进入动画集锦

 点击进入趣图欣赏

 点击进入博客制作

  评论这张
 
阅读(875)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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