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

戛戛的动感天空

 
 
 

日志

 
 

教你卷轴动画的制作  

2008-04-11 19:10:22|  分类: 教程学习 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
示例:

 

一、手绘元件

  1.打开Flash MX 2004软件,新建一个文件,然后选中菜单下的“插入”→“新建元件”(Ctrl+F8)选项。

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

  2.在弹出的“创建新元件”窗口中“名称”后面的框中输入“拉幕”二字,选择“行为”后面的“图形”选项。(简称:创建名为“拉幕”的“图形”元件)

bitsCN~com

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

  3.在工具栏中选择“矩形工具”教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空,然后在下方的属性栏中将“笔触高度”设置为2。

 

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

  4.在画布中随意绘制一个长方形,像古代的圣旨一样。

 

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

 

  小知识:如果你认为自己绘制的形状不准确,也可以再用“选择工具”选中这个长方形,在下方“属性”栏中进行设置,设置宽为36,高为197。

 

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

 

  5.接下来为拉幕上色,在画布中“长方形”选中的情况下,选择菜单中“窗口”→“设计面板”→“混色器”(Shift+F9)。

 

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

bbs.bitsCN.com中国网管论坛

  6.在“混色器”的“填充样式”中选择“线性”填充,左中右三个红绿蓝色值分别为:左(153、0、0),中(255、0、0),右(153、0、0)。(不懂的朋友可以看图或是查看源文件)

 

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

 

  小知识:在绘制物品时,最好绘制一部分就新建一层,方便复制与选取。

  7.新建一层,再画一个宽21,高12的长方形,填充线性渐变,填充颜色左中右三个红绿蓝色值分别为:左(0、0、0),中(118、118、118),右(0、0、0)。

  提示:为了选取方便,将图层1上方的锁点一下,锁定图层1,方便图层2的选择复制。

 

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

 

 

  8. 选中刚才绘制好的黑色线性渐变方形,按下Alt键拖动复制出另一个图形,将其放在合适的。

 

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

 

  9.按下Ctrl+F8新建一个名为“双拉幕”的“图形”元件,将刚才“库”中的“拉幕”元件拖进来,再按下Alt键拖动形成一个圣旨的图形。 [bitsCN_com]

  (小知识:有时拖动对齐比较麻烦,可以选中两个图形,按下Ctrl+K调出“对齐”面板,选择“上对齐”选项。)

 

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

 

 

  10.卷轴绘制好了,再新建一个名为“卷轴动画”的“影片剪辑”元件,选择“矩形工具”,在“颜色”选项中设置“填充色”颜色为#FFCC00,绘制一个长方形。

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

  11.新建一层,然后将“填充色”换为白色,再绘制一个小的长方形,调整好。

 

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

  12.锁定图层1,再新建一层,在此图层上用直线工具给制圣旨的花边,利用按Alt键复制法复制多个花边,再利用“对齐”面板对齐,制作好圣旨的上下花边。

 

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

www@bitscn@com

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

  13.新建一层,选择“文本工具”,输入相应的文字,选择字体和大小,并按下Ctrl+B将其打散以保证其它人在网上浏览文字原形。

 

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

 

二、制作遮罩动画

  1.新建一层,在图层名上单击右键,选择“遮罩层”选项,本层自动变为遮罩层,下方的一层变为要显示的内容,将其它两层向上拖一下,使其成为遮罩层下要显示的内容层。

 

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

 

  2.解锁最上方的图层,选择“矩形工具”,在“颜色”设置里“笔触”为无,填充色为黑色(也可以为其它颜色),在圣旨中间绘制一个竖长方形。

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

 

  3.选中此层第25帧,右键单击,选择“插入关键帧”,在工具栏中选择任意变形工具,按下Alt键向两边拖动,将其变形为同圣旨一样长。

 

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

bbs.bitsCN.com

  4.单击第1帧,在属性面板“补间”里选择“形状”选项。

三、拉幕动画

  1.在图层4上方新建一层,从“库”中将“拉幕”图形元件拖出来放在合适的位置(圣旨中间),在第25帧插入关键帧。

 

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

  2.将第25帧上的“拉幕”图形元件移动到圣旨左边,然后为第1帧添加“动作”运动。(提示:为第1帧添加“动作”运动即选中第1帧,在“属性”面板中的“补间”里选择“动作”选项。)

 

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

3.新建一层,制作右边的拉幕动作(方法同制作左边的一样,只是拉幕是向右方的,朋友们可以参看源文件)。

 

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

  4.按下Shift选中图层4、3、2、1,在时间轴上将帧向右拖一格,再用鼠标选中图层6第25帧不放,向下选中第5层25帧向后拖一帧,然后调节黑色遮罩层的位置。

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

  5.将所有图层锁定,按下“回车”键进行测试。保存就可以了.

戛戛QQ:547939806            Email wrx-123123@163.com

 要想看更多的动画制作,请朋友到我的博客http://wrx-123123.blog.163.com/

.

教你卷轴动画的制作 - 戛戛 - 戛戛的动感天空

  评论这张
 
阅读(7596)| 评论(81)
推荐 转载

历史上的今天

评论

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

页脚

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