photoshop互助课堂flash视频教程合集中国教程网《Photoshop专家讲堂》光盘热售参与论坛活动,快速赚取金币精品素材,中英文字体
 52 1234
发新话题
打印

[教程] 春之恋的制作教程[本文已收录教程库]

本主题由 清风掠影 于 2008-3-27 08:39 推荐主题

春之恋的制作教程[本文已收录教程库]


制作一个简单风景动画,供有兴趣的朋友参考
先看效果:

学习内容:绘制柳枝,小鱼,
        制作水波和涟漪.

新建550*400文档,
一.柳枝的制作
1.新建元件,图形,名称柳枝1
用笔刷工具,颜色:A9A945,画一条柳枝,(也可以用直线等其他工具来画),
再用笔刷工具画出叶子,放射状填充,左色标:009900,右色标99CC33,

2.新建元件,影片剪辑,名称:柳枝动1
从库中把柳枝1拖进来,点变形工具,把注册点移到柳枝的根部.第14和34帧插入关键帧,创建动画补间.

在第14帧,把柳枝旋转一定的角度,
.
3.按照上面的方法,再画2,3个不同的柳枝,然后制成柳枝动的元件,每个元件帧长短不一,旋转角度大小不一(但不要变化太大),这样柳枝飘动看起来自然些.

二,小鱼制作
1.新建元件,影片剪辑,名称:鱼1.
选择椭圆工具和矩形工具,笔触色任意,填充色禁止, 把对象绘制点下去,在属性栏里,设置为极细,场景放大到800倍
画一个椭圆和长方形

用黑箭头工具配合ALT键调整成鱼形

画眼,嘴,鳍等

全选中,ctrl+B打散,填充颜色,
鱼身,鱼尾,线性:左8C8C8C,中C8C8C8,右848484
鱼鳍,线性,左BBBBBB,右999999
眼,纯色,黑色,
嘴,白色,
删除所有线条,完成图

在第3,5,7帧插入关键帧,
第3帧把鱼尾向上调

第7帧鱼尾向下调

OK鱼儿动的元件做好了,不是很难吧,相信你画得更好
再做一条鱼,在库中找到刚才做的鱼1元件,选中,点鼠标右键,点直接复制,

改名为鱼2,这样得到了一个新元件.

从库中双击鱼2元件,进入它的编辑区内,改鱼的颜色
身:线性,左FF0000,中FFFF00,右999999两侧鳍:线性,左FF0000,右FFFF00
背脊鳍:线性,左右FFFF00,中FF0000,色标摆放如图


其他部位颜色不改动,注意每个关键帧都要改过来.
完成效果图


三.涟漪的制作
1.圆圈元件:
新建元件,图形,名称圆圈,
用椭圆工具,填充禁止,笔触色任意,画一个椰圆,用变形工具选中,打开变形面板,约束打上勾,70%,点复制并运用变形一次,再得到一个小圆,

选中两个圆打散,放射状填充,左右009966,Alpha为0,中FFFFF9,Alpha100%,用填充变形工具,调整如下图

2.涟漪元件
新建元件,影片剪辑,名称涟漪,
点第一帧从库中把圆圈元件拖进来,并缩小(4.9*1.8),
在第40帧插入关键帧,选中元件,放大(100*37), 并在属性面板里,调整Alpha为0,创建动画补间.
增加两个层,选中第一层,点右键,复制帧,

分别粘贴到第二层的第4帧,第三层的第8帧上,
把第三层后面的关键帧拖到第55帧上,并延长到80帧,在第81帧插入空白关键帧,打开动作面板加上语句 stop();


[ 本帖最后由 xyl7422 于 2008-4-15 17:22 编辑 ]
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
本帖最近评分记录
  • xyl7422 热心度 +10 谢谢飘的教程,辛苦啦^_^ 2008-4-15 15:10
  • xyl7422 金币 +10 谢谢飘的教程,辛苦啦^_^ 2008-4-15 15:10
  • you_0817 热心度 +2 精品文章 2008-4-1 19:32
  • you_0817 金币 +2 精品文章 2008-4-1 19:32
  • 祁连山 威望 +1 不错的教程哈,强烈支持。 2008-3-31 22:04
  • qx_qixiong 金币 +2 原创内容 2008-3-31 15:12
  • qx_qixiong 热心度 +2 原创内容 2008-3-31 15:12
  • 晶乐 金币 +2 学习啦^_^花瓣飘做得好,顶o(∩_∩)o... 2008-3-30 17:19
  • 晶乐 热心度 +2 学习啦^_^花瓣飘做得好,顶o(∩_∩)o... 2008-3-30 17:19
  • 红岩梦幻数码 热心度 +5 真不错 2008-3-28 18:34

TOP


四,水波的制作
新建影片剪辑元件,名称水波
1.画背景:用矩形工具,笔触色禁止,线性填充,左CCF5FF,右009966,画一个550*400的矩形,填充变形工具调整颜色,

2.选中矩形,ctrl+c复制, 增加图层2,ctrl+shift+v粘贴到当前位置,选中图层2的矩形用方向键向上移动3个像素.这两个图层都延长到120帧,上锁.
3.增加图层3,用矩形工具,画一个长条,选中长条,按住ALT键,拖拽出多个长条(整体大小约550*515),用黑箭头工具和橡皮擦工具调整为不规则图形,也可以用刷子工具来画.

全选,转换为元件,图形,名称为遮片.
第120帧插入关键帧,回到第一帧创建动画补间,再选中遮片,让它的底与背景的底对齐,

第120帧遮片的顶与背景图的顶对齐

把图层3转为遮罩层

桃花的绘制,论坛上已经发过了,请看这个帖子,http://bbs.jcwcn.com/viewthread. ... 3%BB%E6%CC%D2%BB%A8
好了,这些元件都做好了,就可以组装场景了,这里我就不多啰嗦,自己觉得怎么漂亮就怎么弄吧

把源文件传上来

[ 本帖最后由 云飘飘 于 2008-3-28 15:59 编辑 ]
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!

漂亮啊,漂亮啊,先占位置后学习,交作业。

好教程,就是整一半,有点吊胃口。本来是沙发,结果网站出问题,回复没成功,回过头来,沙发被占了。

呵呵,我站着等飘的教程结束(^#@#@

    我透过一缕清风\ 在秋的身后,郑重地\ 拾起一掌\ 半红的枫叶\ 把它挂在天空\ 任它轻舞飞扬\ 它轻盈的舞姿\ 在别离曲的舒缓里\ 在眼角的泪水下\ 渐渐的\ 化做泥土的气息

很酷的作品.

学习ING(^#@#@ ..

#@#$#%$ 居然来晚了~臭飘~@#jcwcn@@#$ 又打击到我了~

[ 本帖最后由 云飘飘 于 2008-3-26 15:18 编辑 ]
想赚钱,看置顶
梦醒梦睡梦中花落泪,缘起缘灭缘尽心破碎~             Flash研讨交流群:54859134 加群请写上论坛名和ID  进来潜水的就不要加了


好教程,收藏了。谢谢飘!
[swf]http://bbs.jcwcn.com/attachment.php?aid=486245[/swf]

引用:
原帖由 清风掠影 于 2008-3-25 21:44 发表
#@#$#%$ 居然来晚了~臭飘~@#jcwcn@@#$ 又打击到我了~
臭丫头,你完了,快点交作业

引用:
原帖由 sanbos 于 2008-3-25 17:20 发表
好教程,就是整一半,有点吊胃口。本来是沙发,结果网站出问题,回复没成功,回过头来,沙发被占了。
我哪有,一边做一边写,昨天没弄完,今天补上了.

这个教程真是太好了,感谢云飘飘老师!
以下是作业,只是那棵花还不懂画。
请问老师这首曲子叫什么名,太好听了。
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
本帖最近评分记录
  • 晶乐 金币 +2 做得挺好的,有桃花教程的,在这里http://b ... 2008-3-30 17:24
  • 晶乐 热心度 +2 做得挺好的,有桃花教程的,在这里http://b ... 2008-3-30 17:24
  • sanbos 金币 +2 不错,很棒啊。 2008-3-28 08:39
  • sanbos 热心度 +2 不错,很棒啊。 2008-3-28 08:39
  • 云飘飘 金币 +2 做得不错,那首曲子我也不知道叫什么名子,只 ... 2008-3-27 10:33
  • 云飘飘 热心度 +2 做得不错,那首曲子我也不知道叫什么名子,只 ... 2008-3-27 10:33
  • 清风掠影 金币 +3 支持第一份作业~做得不错~那花也有教程的~鼠 ... 2008-3-27 08:26
  • 清风掠影 热心度 +2 支持第一份作业~做得不错~那花也有教程的~鼠 ... 2008-3-27 08:26

楼上朋友的作业

想赚钱,看置顶
梦醒梦睡梦中花落泪,缘起缘灭缘尽心破碎~             Flash研讨交流群:54859134 加群请写上论坛名和ID  进来潜水的就不要加了


做得不错呀,很好呀,学习了。

回复 楼主 云飘飘 的帖子


好东西啊,如果有时间的时候一定把作业交上来哈
 52 1234
发新话题