春之恋的制作教程［本文已收录教程库］
制作一个简单风景动画,供有兴趣的朋友参考先看效果:
[swf]http://bbs.jcwcn.com/attachment.php?aid=780907[/swf]
学习内容:绘制柳枝,小鱼,
制作水波和涟漪.
新建550*400文档,
一.柳枝的制作
1.新建元件,图形,名称柳枝1
用笔刷工具,颜色:A9A945,画一条柳枝,(也可以用直线等其他工具来画),
再用笔刷工具画出叶子,放射状填充,左色标:009900,右色标99CC33,
[attach]780908[/attach]
2.新建元件,影片剪辑,名称:柳枝动1
从库中把柳枝1拖进来,点变形工具,把注册点移到柳枝的根部.第14和34帧插入关键帧,创建动画补间.
[attach]780909[/attach]
在第14帧,把柳枝旋转一定的角度,
[attach]780910[/attach].
3.按照上面的方法,再画2,3个不同的柳枝,然后制成柳枝动的元件,每个元件帧长短不一,旋转角度大小不一(但不要变化太大),这样柳枝飘动看起来自然些.
二,小鱼制作
1.新建元件,影片剪辑,名称:鱼1.
选择椭圆工具和矩形工具,笔触色任意,填充色禁止, 把对象绘制点下去,在属性栏里,设置为极细,场景放大到800倍
画一个椭圆和长方形
[attach]780911[/attach]
用黑箭头工具配合ALT键调整成鱼形
[attach]780912[/attach]
画眼,嘴,鳍等
[attach]780913[/attach]
全选中,ctrl+B打散,填充颜色,
鱼身,鱼尾,线性:左8C8C8C,中C8C8C8,右848484
鱼鳍,线性,左BBBBBB,右999999
眼,纯色,黑色,
嘴,白色,
删除所有线条,完成图
[attach]780914[/attach]
在第3,5,7帧插入关键帧,
第3帧把鱼尾向上调
[attach]780915[/attach]
第7帧鱼尾向下调
[attach]780916[/attach]
OK鱼儿动的元件做好了,不是很难吧,相信你画得更好
再做一条鱼,在库中找到刚才做的鱼1元件,选中,点鼠标右键,点直接复制,
[attach]780936[/attach]
改名为鱼2,这样得到了一个新元件.
[attach]780937[/attach]
从库中双击鱼2元件,进入它的编辑区内,改鱼的颜色
身:线性,左FF0000,中FFFF00,右999999两侧鳍:线性,左FF0000,右FFFF00
背脊鳍:线性,左右FFFF00,中FF0000,色标摆放如图
[attach]781036[/attach]
其他部位颜色不改动,注意每个关键帧都要改过来.
完成效果图
[attach]781037[/attach]
三.涟漪的制作
1.圆圈元件:
新建元件,图形,名称圆圈,
用椭圆工具,填充禁止,笔触色任意,画一个椰圆,用变形工具选中,打开变形面板,约束打上勾,70%,点复制并运用变形一次,再得到一个小圆,
[attach]781038[/attach]
选中两个圆打散,放射状填充,左右009966,Alpha为0,中FFFFF9,Alpha100%,用填充变形工具,调整如下图
[attach]781039[/attach]
2.涟漪元件
新建元件,影片剪辑,名称涟漪,
点第一帧从库中把圆圈元件拖进来,并缩小(4.9*1.8),
在第40帧插入关键帧,选中元件,放大(100*37), 并在属性面板里,调整Alpha为0,创建动画补间.
增加两个层,选中第一层,点右键,复制帧,
[attach]781040[/attach]
分别粘贴到第二层的第4帧,第三层的第8帧上,
把第三层后面的关键帧拖到第55帧上,并延长到80帧,在第81帧插入空白关键帧,打开动作面板加上语句 stop();
[attach]781041[/attach]
[[i] 本帖最后由 xyl7422 于 2008-4-15 17:22 编辑 [/i]] 四,水波的制作
新建影片剪辑元件,名称水波
1.画背景:用矩形工具,笔触色禁止,线性填充,左CCF5FF,右009966,画一个550*400的矩形,填充变形工具调整颜色,
[attach]781515[/attach]
2.选中矩形,ctrl+c复制, 增加图层2,ctrl+shift+v粘贴到当前位置,选中图层2的矩形用方向键向上移动3个像素.这两个图层都延长到120帧,上锁.
3.增加图层3,用矩形工具,画一个长条,选中长条,按住ALT键,拖拽出多个长条(整体大小约550*515),用黑箭头工具和橡皮擦工具调整为不规则图形,也可以用刷子工具来画.
[attach]781516[/attach]
全选,转换为元件,图形,名称为遮片.
第120帧插入关键帧,回到第一帧创建动画补间,再选中遮片,让它的底与背景的底对齐,
[attach]781517[/attach]
第120帧遮片的顶与背景图的顶对齐
[attach]781518[/attach]
把图层3转为遮罩层
[attach]781519[/attach]
桃花的绘制,论坛上已经发过了,请看这个帖子,[url]http://bbs.jcwcn.com/viewthread.php?tid=161675&highlight=%CA%F3%BB%E6%CC%D2%BB%A8[/url]
好了,这些元件都做好了,就可以组装场景了,这里我就不多啰嗦,自己觉得怎么漂亮就怎么弄吧
把源文件传上来
[[i] 本帖最后由 云飘飘 于 2008-3-28 15:59 编辑 [/i]] 漂亮啊，漂亮啊，先占位置后学习，交作业。 好教程，就是整一半，有点吊胃口。本来是沙发，结果网站出问题，回复没成功，回过头来，沙发被占了。 呵呵，我站着等飘的教程结束(^#@#@ 很酷的作品. 学习ING(^#@#@ .. #@#$#%$ 居然来晚了~臭飘~@#jcwcn@@#$ 又打击到我了~
[[i] 本帖最后由 云飘飘 于 2008-3-26 15:18 编辑 [/i]] 好教程，收藏了。谢谢飘！ [quote]原帖由 [i]清风掠影[/i] 于 2008-3-25 21:44 发表 [url=http://bbs.jcwcn.com/redirect.php?goto=findpost&pid=3696551&ptid=168079][img]http://bbs.jcwcn.com/images/common/back.gif[/img][/url]
#@#$#%$ 居然来晚了~臭飘~@#jcwcn@@#$ 又打击到我了~ [/quote]
臭丫头,你完了,快点交作业 [quote]原帖由 [i]sanbos[/i] 于 2008-3-25 17:20 发表 [url=http://bbs.jcwcn.com/redirect.php?goto=findpost&pid=3694564&ptid=168079][img]http://bbs.jcwcn.com/images/common/back.gif[/img][/url]
好教程，就是整一半，有点吊胃口。本来是沙发，结果网站出问题，回复没成功，回过头来，沙发被占了。 [/quote]
我哪有,一边做一边写,昨天没弄完,今天补上了. 这个教程真是太好了，感谢云飘飘老师！
以下是作业，只是那棵花还不懂画。
请问老师这首曲子叫什么名，太好听了。 楼上朋友的作业
[swf]http://bbs.jcwcn.com/attachment.php?aid=781981[/swf] 做得不错呀,很好呀，学习了。
回复 楼主 云飘飘 的帖子
好东西啊，如果有时间的时候一定把作业交上来哈 交作业[swf]http://bbs.jcwcn.com/attachment.php?aid=782541[/swf]
感谢云版主指正，荷花与桃花的确不会同开放，改成竹蓬比较合符常理。
[[i] 本帖最后由 zctmh0336 于 2008-3-27 20:58 编辑 [/i]] 一定要好好学习一下! #@#$#$ 算了~凑和着交吧~#@#$^% 一点心思都没有~完蛋了~
[swf]http://bbs.jcwcn.com/attachment.php?aid=782578[/swf]
[[i] 本帖最后由 清风掠影 于 2008-3-27 21:08 编辑 [/i]] 来学习(^#@%^ (^#@%^ (^#@%^ 来支持飘妹妹一下(^#@$%^ #@jcwcn@@# #@jcwcn@@# 好 做好啦#@#$*$~~~
[swf]http://bbs.jcwcn.com/attachment.php?aid=784931[/swf]
首先声明，桃花和花瓣不是我的，嘿嘿，这次主要练习了下水波，效果很棒，学习啦o(∩_∩)o...
[[i] 本帖最后由 晶乐 于 2008-3-30 17:13 编辑 [/i]]
回复 12# jjss 的帖子
做得挺好的，有桃花教程的，在这里[url]http://bbs.jcwcn.com/thread-161675-1-1.html[/url]快来练习下吧^_^交作业
(^#@#@ (^#@#@ (^#@#@[swf]http://bbs.jcwcn.com/attachment.php?aid=785465[/swf]
[[i] 本帖最后由 逍遥兔 于 2008-3-31 13:31 编辑 [/i]]
加个边
(^#@^ (^#@^ (^#@^[swf]http://bbs.jcwcn.com/attachment.php?aid=785515[/swf]
[[i] 本帖最后由 逍遥兔 于 2008-3-31 14:32 编辑 [/i]] 兔兔 :你的柳枝摆动还可以快点, 播放器的窗口是多大呀?为什么我把文档按水池大小来设置,怎么还是会看到不该看到的东西呢?我如果直接导入一张背景图片到舞台,文档按内容设置,播放出来就会正常,也不管背景图有多小,都是满窗口播放,但是直接在里面画个图做背景怎么弄都不行.(^#@!! 郁闷!
[swf]http://bbs.jcwcn.com/attachment.php?aid=792868[/swf] [quote]原帖由 [i]耶菜[/i] 于 2008-4-8 10:09 发表 [url=http://bbs.jcwcn.com/redirect.php?goto=findpost&pid=3781929&ptid=168079][img]http://bbs.jcwcn.com/images/common/back.gif[/img][/url]
播放器的窗口是多大呀?为什么我把文档按水池大小来设置,怎么还是会看到不该看到的东西呢?我如果直接导入一张背景图片到舞台,文档按内容设置,播放出来就会正常,也不管背景图有多小,都是满窗口播放,但是直接在里面画个 ... [/quote]
论坛的窗口可能是600*450吧,你在最上一层做一个遮罩,把不想要的遮住就行了. [quote]原帖由 [i]云飘飘[/i] 于 2008-4-8 02:31 发表 [url=http://bbs.jcwcn.com/redirect.php?goto=findpost&pid=3782073&ptid=168079][img]http://bbs.jcwcn.com/images/common/back.gif[/img][/url]
论坛的窗口可能是600*450吧,你在最上一层做一个遮罩,把不想要的遮住就行了. [/quote]
原来是这样呀,谢谢了.
提个小意见
很明显水波的效果并没有那么明显:老师教过我们一种方法就是在你设置遮罩层的同时;再复制粘切一副水面安放在当处;并设置成图层在水层上面;然后第一针进行向上向左移动沾切的水面(关键每次都是一帧)然后在结束插关键正ok,效果回更好!!!
页:
[1]
2
