×

关注微信公众号

免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载英语培训机构初中英语如何学随时随地聆听大师开讲/课堂
酷素材!视频教程打包下手绘教程抠图教程路径专辑photoshop cs3视频教程
查看: 21351|回复: 61

[基础] 逼真的画轴及展开动画效果[本文已收录教程库]

  [复制链接]
发表于 2009-5-24 01:45:43 | 显示全部楼层 |阅读模式
应 purumi 朋友的要求 现在我把画轴展开的制作过程发上来,与大家一起分享,有不正确的地方也请各位老师和朋友指正!
 本例为Flash基础实例教程,在教程中我们将学习运用Flash创建卷轴画及展开动画效果的制作,主要学习纹理图片的填充,矩形工具绘制图形,遮罩以及补间动画的制作,希望朋友们喜欢~~

更多Flash综合实例与基础教程:http://www.jcwcn.com/portal-topic-topicid-13.html


其实,画轴的展开制作方法很多,我用的是遮罩 从中间展开!

1,新建flash文档,画布大小为800*400,新建元件命名为画轴!在图层一上 用矩形工具设置无边框,画一个矩形大小为18*199,然后打开混色器面板,选中填充颜色,设置为填充位图,导入一个纹理图片进行填充,搞过3D MAS的朋友都熟悉的啊


   


2,建立图层2 ,复制图层1的矩形到当前位置,然后选择混色器类型为线性填充 颜色随意 左右的颜色的透明度适当降低,中间的的颜色要亮一些 做为画轴的高光区!之所以要设置透明度 是因为要透出图层1的纹理!


3,轴头的制作。用矩形工具设置无边框画一个矩形调整如下形状,然后用上述步骤进行纹理和高光填充







4,纸张的制作,这个很简单了,新建元件,然后用矩形画出纸张,要注意留天地和边!注意!这里的矩形的宽要和两个画轴展开的距离一样,高要和画轴的高一样!


5,设置动画。返回主场景,图层1起名为左轴,图层2为右轴。把画轴拖入场景,在第1帧处将两个画轴中心对齐并排放好,中间不要留空隙!在第30帧处将两个画轴拖到场景的两端,然后设置补间动画


第1帧和第30帧


6,新建图层命名为纸张,讲纸张元件拖入到场景中,高度应与画轴的高度对齐,效果如下


然后再纸张图层上面新建一层名为遮罩,在第1帧处用矩形工具在两个画轴的接缝处画一个很窄的矩形
高度要高出纸张的高度


然后在第30帧处用变形工具将矩形加宽,宽度完全要覆盖着纸张!然后设置动画为形状补间,并设置为遮罩层!


测试影片,OK 。自己可以好好欣赏了!


其实 flash手绘的时候用位图填充 可以制作出非常逼真的道具来!
本帖的地址:http://bbs.jcwcn.com/forum.php?mod=viewthread&tid=247164
跟着教程做一遍,做完的图要到这里评论交作业,教程有看不懂的地方,可以在贴子下面评论

评分

参与人数 3金币 +16 威望 +1 热心度 +4 收起 理由
祁连山 + 1 支持原创教程哈.辛苦了.
xyl7422 + 8 + 2 对论坛做出贡献
sanbos + 8 + 2 多谢教程

查看全部评分

发表于 2009-5-24 11:08:19 | 显示全部楼层
酷素材
交作业

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 1金币 +3 收起 理由
zctmh0336 + 3 支持练习

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2009-5-24 11:11:27 | 显示全部楼层
沙发朋友的作业
回复 支持 反对

使用道具 举报

发表于 2009-5-24 12:55:25 | 显示全部楼层
本帖最后由 purumi 于 2009-5-24 12:57 编辑

为什么  我做出来是这样的。。。。
或者显示的是用来遮图片的那个矩形了。。。。我很无奈,,

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-5-24 13:02:57 | 显示全部楼层
酷素材
为什么  我做出来是这样的。。。。
或者显示的是用来遮图片的那个矩形了。。。。我很无奈,,
purumi 发表于 2009-5-24 12:55


你把遮罩层和纸张层放在画轴图层的下面! 你这个好像是纸张层没有被遮罩!
回复 支持 反对

使用道具 举报

发表于 2009-5-25 20:08:14 | 显示全部楼层
酷素材
本帖最后由 sanbos 于 2009-5-25 23:51 编辑

交作业

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 1金币 +3 收起 理由
sanbos + 3 打开后多加几帧,关得太快了点.

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2009-5-26 13:06:45 | 显示全部楼层
本帖最后由 purumi 于 2009-5-26 13:11 编辑

哈哈哈哈   再来教一次作业,我反复做还是错,

到后来才发现,原来在某处忘了一个关键帧。。。。。。

虽然不怎么样,毕竟样子还是有了。。。

呵呵呵额  被我搞的好复杂。。。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 1金币 +3 收起 理由
zctmh0336 + 3 支持练习

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2009-5-26 14:46:24 | 显示全部楼层
7楼朋友的作业
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-5-26 17:58:34 | 显示全部楼层
哈哈哈哈   再来教一次作业,我反复做还是错,

到后来才发现,原来在某处忘了一个关键帧。。。。。。

虽然不怎么样,毕竟样子还是有了。。。

呵呵呵额  被我搞的好复杂。。。
purumi 发表于 2009-5-26 13:06

呵呵 多做就会找到近路的!你可以在这个基础上加以延伸做出其他的效果来!
回复 支持 反对

使用道具 举报

发表于 2009-5-29 22:47:12 | 显示全部楼层
我的作业

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 1金币 +3 收起 理由
sanbos + 3 不错

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2009-5-29 23:09:54 | 显示全部楼层
10楼的作业:
回复 支持 反对

使用道具 举报

发表于 2009-6-6 14:02:48 | 显示全部楼层
本帖最后由 sanbos 于 2009-6-6 15:51 编辑

交作业了.

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 1金币 +3 收起 理由
sanbos + 3 做得不错

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2009-6-6 19:21:04 | 显示全部楼层
作业来了

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 1金币 +3 收起 理由
sanbos + 3 做得不错

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2009-6-24 13:14:31 | 显示全部楼层
本帖最后由 sanbos 于 2009-6-24 16:06 编辑

我的为什么会抖动呢

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 1金币 +3 收起 理由
sanbos + 3 支持练习

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2009-6-24 16:08:39 | 显示全部楼层
14# 绿意


将图片层最后一帧清除关键帧。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | [立即注册]

本版积分规则

2345