云荷-个人作品展示

标题: 【音画教程】变静态荷叶为动态 [打印本页]

作者: 寒江雪润 时间: 2019-4-18 20:11
标题: 【音画教程】变静态荷叶为动态
[attach]15543[/attach]
这是紫藤花原静态背景图，所有荷叶都是静态的，我们可以使其中几片荷叶动起来，荷叶就活了。无须全部荷叶动，隔开选择几片就行。
此例选择2片荷叶，加上原来外部加入的动态荷叶就够了。
[attach]15544[/attach]

1，将背景图在ps上抠出需动的荷叶。
[attach]15545[/attach]

[attach]15546[/attach]

作者: 寒江雪润 时间: 2019-4-18 20:16
2，将背景图的荷叶抠出位置适当修补。（原荷叶差掉，因为要将抠出的荷叶代替，否则重叠，上面动起来下面就会露馅）

[attach]15547[/attach]

3，在做有倒影的那个荷叶动画时：
图层1略移动并转过一个很小的角度。
图层2放在图层1的下面，略缩小，位置向右下角偏移一点，在属性面板上色彩效果选亮度-50
倒影动画跟着荷叶移动，位置变化略小。
具体动画移动幅度可以自己调节，测试播放后看效果进行修改。
[attach]15548[/attach]

4，影片剪辑做好后，同背景分别拖入主场景舞台，位置对齐。此例将外部导入的荷叶复制、缩小、水平翻转、（菜单中选，修改-变形-水平翻转）
移动到另外位置，如此有4片动态荷叶。

[attach]15549[/attach]

作者: 寒江雪润 时间: 2019-4-18 20:18
http://hjxr.yhyhlt.com/hjxr/TG/1.swf

当然，可以根据自己喜好选择任何静态荷叶进行改变，原则是要隔开，两片动态荷叶不宜太靠近。
再搞两朵荷花，在大的荷叶上搞个动态青蛙，让水动起来，水中放两条游动的鱼，整个图就生动了。

作者: 寒江雪润 时间: 2019-4-18 20:23
在制作过程中碰到问题尽管提。

作者: 紫藤花 时间: 2019-4-18 20:25
好巧，刚回家就看到教程，给江老师上茶

作者: 紫藤花 时间: 2019-4-18 20:25

寒江雪润发表于 2019-4-18 20:23
在制作过程中碰到问题尽管提。

江老师辛苦了，马上就试试看

作者: 寒江雪润 时间: 2019-4-18 20:31

紫藤花发表于 2019-4-18 20:25
江老师辛苦了，马上就试试看

慢慢来，不急。

动画形式量极其之大，flash软件的功能之强大也叹为观止。

作者: 紫藤花 时间: 2019-4-18 21:33
感觉头晕，图片太多，没反应过来，4个动态荷叶是不是要建4个元件才行，然后影片剪辑也要单独一个个的做

作者: 紫藤花 时间: 2019-4-18 22:22
属性面板上色彩效果选亮度-50，找不到色彩效果在哪里选

作者: 寒江雪润 时间: 2019-4-18 23:02

紫藤花发表于 2019-4-18 21:33
感觉头晕，图片太多，没反应过来，4个动态荷叶是不是要建4个元件才行，然后影片剪辑也要单独一个个的做 ...

是的，每个图片都要经过：导入--建图片元件--建影片剪辑元件（如果是动画），简单动画只要建十几个或几十个元件，复杂动画要建几百上千个元件。

所以，简单动画相对容易。

作者: 寒江雪润 时间: 2019-4-18 23:08
本帖最后由寒江雪润于 2019-4-18 23:09 编辑

紫藤花发表于 2019-4-18 22:22
属性面板上色彩效果选亮度-50，找不到色彩效果在哪里选

在沙发楼层的一张有荷叶影片剪辑的图中，右边属性面板上有：色彩效果中“样式”选项，点击它出现菜单，在菜单中选亮度，在亮度选项中（小白方格）写-50

在右边的顶端有属性与库两个选项，点击属性，就能见到属性面板

刚开始学，不熟悉是正常的，慢点，碰到问题请提问。

作者: 浅唱 时间: 2019-4-19 08:04
感谢寒江老师精彩分享

作者: 浅唱 时间: 2019-4-19 08:05
难度在增加

作者: 寒江雪润 时间: 2019-4-19 08:17

浅唱发表于 2019-4-19 08:04
感谢寒江老师精彩分享

问好浅唱！

作者: 欧阳风刀 时间: 2019-4-19 08:20

教程清晰，引导操作，太实用了啊！

作者: 寒江雪润 时间: 2019-4-19 08:21

浅唱发表于 2019-4-19 08:05
难度在增加

是的，这个教程属于比较难的，难在ps制作上，如果直接用我给出的已抠好图的素材，就容易了。

此例给出的制作步骤少了，需要多琢磨，如果遇到问题，尽管提问。

作者: 欧阳风刀 时间: 2019-4-19 08:21
感谢哥们分享！

作者: 寒江雪润 时间: 2019-4-19 08:22

欧阳风刀发表于 2019-4-19 08:21
感谢哥们分享！

问好欧阳！

作者: 欧阳风刀 时间: 2019-4-19 08:24

寒江雪润发表于 2019-4-19 08:22
问好欧阳！

哥们早上好！

作者: 寒江雪润 时间: 2019-4-19 08:26

欧阳风刀发表于 2019-4-19 08:24
哥们早上好！

早上好！送上咖啡一杯。

作者: 醉雪胡杨 时间: 2019-4-19 08:32
变静态为动态，太神奇了

作者: 醉雪胡杨 时间: 2019-4-19 08:33
感谢寒江雪润无私奉献好素材，期待你的更多精彩教程！

作者: 寒江雪润 时间: 2019-4-19 08:36

醉雪胡杨发表于 2019-4-19 08:32
变静态为动态，太神奇了

问好胡杨！谢谢点赞！

作者: 寒江雪润 时间: 2019-4-19 08:37

醉雪胡杨发表于 2019-4-19 08:33
感谢寒江雪润无私奉献好素材，期待你的更多精彩教程！

早上好！

作者: 绿蔷薇 时间: 2019-4-19 12:10
详细的教程，图文结合，非常实用~~~

作者: 绿蔷薇 时间: 2019-4-19 12:11
寒江的教程粉棒，谢谢无私的分享，敬茶~~~

作者: 幕小冉 时间: 2019-4-19 14:38
很赞的原创教程~~谢谢老师的大公无私~~~

作者: 紫藤花 时间: 2019-4-19 16:50

寒江雪润发表于 2019-4-18 23:08
在沙发楼层的一张有荷叶影片剪辑的图中，右边属性面板上有：色彩效果中“样式”选项，点击它出现菜单，在 ...

还是没找到，新建图层之后是否还要拉入荷叶才能做阴影图

作者: 紫藤花 时间: 2019-4-19 17:02

寒江雪润发表于 2019-4-18 23:08
在沙发楼层的一张有荷叶影片剪辑的图中，右边属性面板上有：色彩效果中“样式”选项，点击它出现菜单，在 ...

[attach]15555[/attach]

作者: 浅唱 时间: 2019-4-19 17:39

寒江雪润发表于 2019-4-19 08:21
是的，这个教程属于比较难的，难在ps制作上，如果直接用我给出的已抠好图的素材，就容易了。

此例给出的 ...

不管怎么样
关键在于有没有兴趣学
不熟悉工具也不容易操作

作者: 寒江雪润 时间: 2019-4-19 21:26

绿蔷薇发表于 2019-4-19 12:10
详细的教程，图文结合，非常实用~~~

问好蔷薇！谢谢点赞！

作者: 寒江雪润 时间: 2019-4-19 21:28

绿蔷薇发表于 2019-4-19 12:11
寒江的教程粉棒，谢谢无私的分享，敬茶~~~

此例教程比上一例略难，步骤少了点。看来对初学者来说，还须啰嗦点比较好。

作者: 寒江雪润 时间: 2019-4-19 21:29

幕小冉发表于 2019-4-19 14:38
很赞的原创教程~~谢谢老师的大公无私~~~

问好幕小冉！谢谢支持！

作者: 寒江雪润 时间: 2019-4-19 21:31

紫藤花发表于 2019-4-19 16:50
还是没找到，新建图层之后是否还要拉入荷叶才能做阴影图

是的，新建图层后需要拖入荷叶，变暗成阴影。

也可将原荷叶复制黏贴到新图层。

作者: 寒江雪润 时间: 2019-4-19 21:33

紫藤花发表于 2019-4-19 17:02

你下载的是什么版本软件？和我的cs6版本不一样。

[attach]15557[/attach]

作者: 寒江雪润 时间: 2019-4-19 21:35
我的属性面板有x、y、宽、高定位，有色彩效果样式选项。右边有工具栏。

作者: 寒江雪润 时间: 2019-4-19 21:38

浅唱发表于 2019-4-19 17:39
不管怎么样
关键在于有没有兴趣学
不熟悉工具也不容易操作

没兴趣还是不要上手学，因为后面会越来越难。
所以学动画需要有足够的兴趣和时间，缺一不可。除非你只学点简单动画，比如荷叶动。时间少，兴趣不大也没关系。

作者: 绿蔷薇 时间: 2019-4-19 22:24

寒江雪润发表于 2019-4-19 21:28
此例教程比上一例略难，步骤少了点。看来对初学者来说，还须啰嗦点比较好。 ...

对于初学者，越啰嗦越好~~

作者: 绿蔷薇 时间: 2019-4-19 22:25

寒江雪润发表于 2019-4-19 21:26
问好蔷薇！谢谢点赞！

问好寒江，周末快乐~~~

作者: 寒江雪润 时间: 2019-4-20 07:53

绿蔷薇发表于 2019-4-19 22:24
对于初学者，越啰嗦越好~~

问好蔷薇！后面再写教程得多写点啦。

作者: 绿蔷薇 时间: 2019-4-20 08:55

寒江雪润发表于 2019-4-20 07:53
问好蔷薇！后面再写教程得多写点啦。

写教程辛苦的，多写更费精力，谢谢寒江~~~

作者: 浅唱 时间: 2019-4-21 14:01

寒江雪润发表于 2019-4-19 21:38
没兴趣还是不要上手学，因为后面会越来越难。
所以学动画需要有足够的兴趣和时间，缺一不可。除非你只学 ...

对于动画我还是有兴趣
虽然时间少也想学习
先跟着寒江老师学下去

作者: 浅唱 时间: 2019-4-21 16:26
http://qc.yhyhlt.com/mmqc/hy.swf

请教寒江老师

阴影在元件里能显示出来
拖入场景为什么又不能显示
这里作业只有去掉阴影上传
是不是方法不对？
我是先做好了第一层
再新建第二层
拖入导入图片再做一层阴影

作者: 寒江雪润 时间: 2019-4-21 21:33

绿蔷薇发表于 2019-4-20 08:55
写教程辛苦的，多写更费精力，谢谢寒江~~~

写教程远比做动画容易得多啦，所以，只要有人提问，我更愿意写教程。

作者: 寒江雪润 时间: 2019-4-21 21:36

浅唱发表于 2019-4-21 14:01
对于动画我还是有兴趣
虽然时间少也想学习
先跟着寒江老师学下去

有兴趣的话，可以学点，但时间少只能学点简单的动画。

我写教程需要有人提问作为前提，否则我一般不写教程。

作者: 寒江雪润 时间: 2019-4-21 21:41

浅唱发表于 2019-4-21 16:26
请教寒江老师

阴影在元件里能显示出来

做的不错！荷叶都动起来了，做多了，运动就会逐渐变得流畅。

倒影不做没关系，可以以后再做，如果你想现在完成它，就需要把问题叙述清楚，最好有截图加说明，以便于我可以针对你遇到的具体问题作出切恰当的解答。

作者: 浅唱 时间: 2019-4-22 08:29
现在手机也不能截图
老师能详细说一下阴影制作的具体方法吗

作者: 寒江雪润 时间: 2019-4-22 09:24

浅唱发表于 2019-4-22 08:29
现在手机也不能截图
老师能详细说一下阴影制作的具体方法吗

可以用QQ对话中的截图功能，也可以下载一个截图软件，网上有。
楼下是阴影制作过程：

作者: 寒江雪润 时间: 2019-4-22 09:25
本帖最后由寒江雪润于 2019-4-22 09:30 编辑

1，建立一个影片剪辑元件3后，把荷叶元件1（制作元件1过程省略）拖入元件3的舞台，并与舞台对齐。
2，此时元件1在图层1的第一帧上。建立新图层2（建立图层2前面教程有过叙述，这里省略。）
3，将鼠标按住图层2，将图层2拖到图层1的下面。
4，右键点图层1的第一帧，在弹出菜单中选择“复制帧”。
5，右键点图层2的第一帧，在弹出菜单中选择“黏贴帧”。
6，将图层1锁住。（图层文字旁边有两个点，一个是眼睛，点一下就关闭，舞台上元件就看不见了，再点一下又能看见；另一个是锁，点一下就锁住元件，元件就固定了不能移动）
7，选择图层2的第一帧（鼠标点击一下，时间轴指针停留在图层2的第一帧上），然后选择任意变形工具，点击舞台上的元件图像。（出现一个边缘带点的框）
8，用鼠标拖动舞台图像，（往右下方拖动一定距离）也可以用键盘上方向键移动图像。
9，选择舞台右边的属性面板，找到色彩效果中的样式选项，在样式选项旁有个很小的倒三角，点击它会出现菜单，选择亮度选项。
10，亮度选项有个滑标，移动滑标可以看到倒影亮度变化，也可以在滑标的旁边小窗口填数字，此例填-50.
11，选择图层1，（并打开图层锁）在30帧和60帧处分插入关键帧，在30帧处，将图像往左拖动少量距离，然后逆时针旋转一个很小的角度。
分别做0--30帧，30---60帧的补间动画。（做好后锁住图层）
12，选择图层2，重复过程11.（在30帧处无须旋转）
[attach]15579[/attach]
13，回到主场景舞台，选择库面板中元件3，将库窗口上的元件3拖入舞台并对齐，完成。

以上哪个过程不明白请提问。

作者: 绿蔷薇 时间: 2019-4-22 12:49

寒江雪润发表于 2019-4-21 21:33
写教程远比做动画容易得多啦，所以，只要有人提问，我更愿意写教程。

做动画确实难
写教程也辛苦的
这种无私的分享精彩
真心是一种高尚的情操

作者: 紫藤花 时间: 2019-4-22 20:14
本帖最后由紫藤花于 2019-4-22 20:17 编辑

寒江雪润发表于 2019-4-19 21:33
你下载的是什么版本软件？和我的cs6版本不一样。

下载版本是江师傅推荐的链接啊，这个样式上一个元件能看到，到做这一步时就找不到，完全糊涂了，是否还要点到什么地方才能出现呢

作者: 紫藤花 时间: 2019-4-22 20:18

寒江雪润发表于 2019-4-22 09:25
1，建立一个影片剪辑元件3后，把荷叶元件1（制作元件1过程省略）拖入元件3的舞台，并与舞台对齐。
2，此时 ...

江师傅这个写的好详细，我再重做一次

作者: 寒江雪润 时间: 2019-4-22 21:39

紫藤花发表于 2019-4-22 20:14
下载版本是江师傅推荐的链接啊，这个样式上一个元件能看到，到做这一步时就找不到，完全糊涂了，是否还要 ...

我看了一下，这是你新建元件后的属性面板，舞台是空的。

你须把图像拖入舞台后，属性面板才能看到色彩效果中的样式---亮度选项。

作者: 寒江雪润 时间: 2019-4-22 21:44

绿蔷薇发表于 2019-4-22 12:49
做动画确实难
写教程也辛苦的
这种无私的分享精彩

此类教程，不算辛苦。

如此简单的动画算不上分享哦，太小意思啦。

作者: 紫藤花 时间: 2019-4-25 20:09

寒江雪润发表于 2019-4-22 21:39
我看了一下，这是你新建元件后的属性面板，舞台是空的。

你须把图像拖入舞台后，属性面板才能看到色彩效 ...

原来是这样

作者: 紫藤花 时间: 2019-4-25 21:32
好了，交作业 http://qc.yhyhlt.com/mmqc/z/h002.swf

作者: 紫藤花 时间: 2019-4-25 21:34
这个看在眼里有点丑，我再做一个

作者: 紫藤花 时间: 2019-4-25 21:59
本帖最后由紫藤花于 2019-4-25 22:03 编辑

http://qc.yhyhlt.com/mmqc/z/h003.swf 又换了图试做，想请教江师傅，这样一大片叶子倒过来做成阴影怎么翻转呢 [attach]15625[/attach]

作者: 寒江雪润 时间: 2019-4-26 09:24

紫藤花发表于 2019-4-25 20:09
原来是这样

什么是属性？比如某人的姓名、身高、性别等就是属性。
元件的属性是：在舞台的宽度、高度、位置、色彩等等。当你用任意变化工具选择舞台上的某个元件时，那属性面板上就显示此元件的属性。
当舞台没有元件时，属性面板显示的是此空舞台属性。

作者: 寒江雪润 时间: 2019-4-26 09:27

紫藤花发表于 2019-4-25 21:32
好了，交作业

荷叶摇动不是很顺畅，请将荷叶的影片剪辑舞台截个图（包括舞台下面时间轴的补间动画）我看看。

作者: 寒江雪润 时间: 2019-4-26 09:30

紫藤花发表于 2019-4-25 21:59
本帖最后由紫藤花于 2019-4-25 22:03 编辑

一排叶不能一起摆动，需要分别摆动，否则失真。请把底图也传上来，我试做一下。

作者: 紫藤花 时间: 2019-4-26 10:51

寒江雪润发表于 2019-4-26 09:30
一排叶不能一起摆动，需要分别摆动，否则失真。请把底图也传上来，我试做一下。 ...

[attach]15627[/attach]

作者: 紫藤花 时间: 2019-4-26 11:30

寒江雪润发表于 2019-4-26 09:27
荷叶摇动不是很顺畅，请将荷叶的影片剪辑舞台截个图（包括舞台下面时间轴的补间动画）我看看。 ...

[attach]15628[/attach]

[attach]15629[/attach]

作者: 寒江雪润 时间: 2019-4-26 13:15

紫藤花发表于 2019-4-26 11:30

下面一个荷叶有补间动画。

上面那个荷叶的图层1 没见补间动画？所以出现突变，摆动不畅。

作者: 寒江雪润 时间: 2019-4-26 13:20
http://hjxr.yhyhlt.com/hjxr/TG/2.swf

作者: 寒江雪润 时间: 2019-4-26 13:49
本帖最后由寒江雪润于 2019-4-26 14:05 编辑

制作步骤，
1，将透明背景原始荷叶图抠出3片荷叶（因为图中其他几片荷叶与之相同）
2，把背景荷叶中的荷叶全擦掉，仅留水草，作为背景。（水草这里留着不动，如果要动，也要抠出来）
3，将制作好的4个透明素材导入到库中。
4，分别做好各自元件。
5，新建影片剪辑元件，建立4个图层，按每个荷叶元件占一个图层，分别将荷叶元件拖入到舞台。
6，分别将荷叶元件按原始图片的大小以及位置摆好。（放在前放在后可以移动图层，图层在上，荷叶就在前面）
7，新建图层，复制黏贴荷叶图层到新图层，（有与之相同的荷叶）移动复制的荷叶元件，放到原始图片该有的位置。
8，重复步骤7，将其他有相同荷叶的都复制，
9，分别创建需要摆动的荷叶的补间动画。
10，回到主场景舞台，将底图拖入舞台并对齐。
11，新建图层，将影片剪辑拖入舞台，用任意变形工具，适当改变大小，并放好位置。
12，将影片剪辑复制黏贴到新图层，然后选：修改---变形---垂直翻转。成倒影。
13，将倒影高度变小，宽度不变，并与原来影片剪辑根部对齐。在属性面板上，找到样式--Alpha（透明度）选40，也可以滑动滑块来看效果改变。

作者: 寒江雪润 时间: 2019-4-26 13:51
[attach]15631[/attach]

[attach]15632[/attach]

[attach]15633[/attach]

[attach]15634[/attach]

作者: 寒江雪润 时间: 2019-4-26 13:53
[attach]15635[/attach]

作者: 寒江雪润 时间: 2019-4-26 13:56
楼上是影片剪辑截图。是4个加工导入的素材根据原始图片放好前后、大小位置拼合而成。
舞台下面的图层与时间轴是做好的补间动画，可以参考。

作者: 紫藤花 时间: 2019-4-26 16:43

寒江雪润发表于 2019-4-26 13:15
下面一个荷叶有补间动画。

上面那个荷叶的图层1 没见补间动画？所以出现突变，摆动不畅。 ...

做到后面晕头转向

作者: 紫藤花 时间: 2019-4-26 16:45

寒江雪润发表于 2019-4-26 13:51

谢谢江师傅，先理解后学，把整个图案分割了，才能做出好看的阴影

作者: 寒江雪润 时间: 2019-4-26 22:30

紫藤花发表于 2019-4-26 16:43
做到后面晕头转向

如果动画运行有不顺畅时，需要寻找原因，碰到问题及时提问。

作者: 浅唱 时间: 2019-4-28 13:35
http://qc.yhyhlt.com/mmqc/he1.swf

[attach]15687[/attach]

不知为何成这样？
上一层的荷叶速度特别快

作者: 寒江雪润 时间: 2019-4-28 19:23

浅唱发表于 2019-4-28 13:35
不知为何成这样？
上一层的荷叶速度特别快

三片荷叶运动都有问题，具体是什么问题需要看补间动画如何做的？你只给出了具有阴影荷叶的补间动画截图。
所以只能分析此截图荷叶运动的问题。

作者: 寒江雪润 时间: 2019-4-28 19:31

浅唱发表于 2019-4-28 13:35
不知为何成这样？
上一层的荷叶速度特别快

由此截图看，补间动画有几处出错，在第一图层：
1，没按照我第一个教程“简单荷叶运动”里面叙述的顺序做。你有看过吗？
2, 0---30帧没有做补间动画。
3, 在第60帧位置移动舞台荷叶的距离太大。

我在楼下再重复一次步骤。请仔细查阅。

作者: 寒江雪润 时间: 2019-4-28 19:36
图层1操作步骤：
1，放好元件图像在舞台的位置。
2，在第30、60帧处各插入关键帧。
3，在30帧处，拖动舞台图像，移动较小的距离。
4，分别在第1、30帧处创建传统补间动画。

作者: 寒江雪润 时间: 2019-4-28 19:54
图层2也类似图层1操作，阴影缩小一点，移动距离也比图层1小点。

作者: 浅唱 时间: 2019-5-1 10:59

寒江雪润发表于 2019-4-28 19:54
图层2也类似图层1操作，阴影缩小一点，移动距离也比图层1小点。

http://qc.yhyhlt.com/mmqc/he2.swf

作者: 寒江雪润 时间: 2019-5-1 11:55

浅唱发表于 2019-5-1 10:59

柔和多了，非常棒，赞一个！

才刚刚开始，以后熟练了，会越来越好。

作者: 浅唱 时间: 2019-5-1 14:38

寒江雪润发表于 2019-5-1 11:55
柔和多了，非常棒，赞一个！
才刚刚开始，以后熟练了，会越来越好。 ...

谢谢寒江老师

作者: 墨竹儿 时间: 2019-6-14 16:38
学习一下

作者: 风三笑 时间: 2019-7-5 14:20
谢谢寒江分享

作者: 寒江雪润 时间: 2019-7-5 20:09

风三笑发表于 2019-7-5 14:20
谢谢寒江分享

晚上好！谢谢三笑捧场！辛苦了！

欢迎光临云荷-个人作品展示 (http://www.yhyhlt.com/)