中国教程网论坛 » photoshop互助课堂 » PSCS3时间轴动画2（P4/48#）

耶菜 发表于 2008-4-23 10:10

PSCS3时间轴动画2（P4/48#）

转动的轮子.（新手朋友注意下，如果对工具不熟悉，感觉教程比较难，建议看下7楼的教程）
彩色的好看点.
[attach]806106[/attach]
新建一个文档,(如果画面不是很大,我喜欢用PS默认的.)新建一层,用椭圆工具画一个环,(画环的方式有多种,自己喜欢怎么画就怎么画哦.)
[attach]806107[/attach]
用前景色填充,前景色无所谓.
[attach]806108[/attach]
添加渐变叠加样式
[attach]806109[/attach]
选择一个彩虹渐变,
[attach]806110[/attach]
设置参数如图,一定是角度才行哦
[attach]806111[/attach]
先把圆环移到画布外面(右边),打开动画,切换到时间轴动画面板.并做一下文档时间设置.先来编辑他的位置动画,开启位置小钟,自动生成个关键帧了吧.
[attach]806112[/attach]
将拉杆拖动一段距离然后把圆玩移到画布当中,又有一个关键帧生成了吧.
[attach]806139[/attach]
再拖动拉杆,选择第二帧单击右键,将第二帧拷贝,
[attach]806140[/attach]
打开动画面板右上角的小三角,粘贴帧.这样就会有一个停留效果在里面了.
[attach]806142[/attach]
再把拉杆移到最右端,并把圆环移到画布外面,(左边.)拖动一下拉杆看一下效果,比帧动画更直观吧.

[[i] 本帖最后由 edndzd 于 2008-12-10 20:07 编辑 [/i]]

耶菜 发表于 2008-4-23 10:42

下面来做样式的动画.把拉杆移到最左边,开启样式小钟,
[attach]806479[/attach]
将拉杆移到时间轴的最中间.双击圆环图层中的渐变叠加样式,改角度为-90.
[attach]807168[/attach]
再把拉杆拖到最右端,拷贝样式的第一帧,然后粘贴.
[attach]806149[/attach]
播放一下,知道怎么保存吧.如果觉得做上面的太复杂了那就请同学们试着做一下下面这几个作业.
[attach]806163[/attach][attach]806164[/attach][attach]806176[/attach]
这些只要做样式改变不需要做位置动画的.做好了交上来看看谁做得好哦.
思考一下怎样才能让轮子顺时针旋转?

[[i] 本帖最后由 耶菜 于 2008-4-24 00:23 编辑 [/i]]

sooo 发表于 2008-4-23 11:25

作业
[attach]806204[/attach]
[attach]806265[/attach]
[attach]806352[/attach]

[[i] 本帖最后由 sooo 于 2008-4-23 12:06 编辑 [/i]]

飞刀再见飞刀 发表于 2008-4-23 13:36

怎么做的不太好呢?

[[i] 本帖最后由 耶菜 于 2008-4-23 06:13 编辑 [/i]]

sooo 发表于 2008-4-23 18:07

由于新手朋友们对于工具不是很熟悉，做了下教程，由于仓促，错误的地方希望大家能多PP
我想大家肯定都做出了圆环的效果了吧，新手朋友不太明白的可看下前面的教程哈
1.打开动画面板哈，大家的都是这种界面吧，哈不怕，注意到右下角了吗，喔，就是它了，咱们点的就是它。
[attach]806733[/attach]
[attach]806763[/attach]
2.这样就出现了下面的面板了吧，图层一是我的圆环的界面，背景没有显示出来，在背景中做圆环的朋友们，可能要处理下了喔
[attach]806734[/attach]
3.图层一的左侧有个小三角，点击它哈，如图所示，三个菜单为，位置，填充，样式。点击”位置“图中圈圈的地方。
[attach]806735[/attach]

[[i] 本帖最后由 sooo 于 2008-4-23 18:28 编辑 [/i]]

sooo 发表于 2008-4-23 18:08

4.同样的点击样式哈，看到效果了没有哈，如图喔出来两个东东了吧，就是它们了。仔细观察，图中的圆环没有了是吧，对了，就是这样的，圆环不是从右侧滚过来的么，把它移动到右边先
[attach]806736[/attach]
5.拖动上方的，图中圈圈中的东东哈，好了，咱们要设置另一个关键帧了
[attach]806737[/attach]
6.这时看到圈圈中的东东了没有，别看它是灰的就吓着了，点它
[attach]806738[/attach]
7.因为我们要改变的是，位置跟样式哈，所以点击它们两个就好了哈
[attach]806739[/attach]

[[i] 本帖最后由 sooo 于 2008-4-23 18:30 编辑 [/i]]

sooo 发表于 2008-4-23 18:09

8.好了，做到这里了吧，各位，把你的圆环拖出来吧
[attach]806740[/attach]
9.调出样式对话框，哈，注意这个是之前的样式喔。
[attach]806741[/attach]
10.好了将样式中的角度该为-90
[attach]806742[/attach]
11.拖动上方的东东就是，就是步骤5里面的东东喔看到效果了吧哈
[attach]806743[/attach]

sooo 发表于 2008-4-23 18:12

12.同样的拖动那个东东喔，不是在一个地方动么，咱们可以不选位置了，直接选样式。
[attach]806744[/attach]
13.刚才的角度不是为-90么，这次改为正的。自己可以设置一个角度喔
[attach]806745[/attach]
14。拖动下，看到效果了吧，我想后面的你该知道怎末做了的吧哈，跟前面的一样喔，别忘了交作业喔！！！
[attach]806746[/attach]
[size=4][color=Red]（不会保存的，请看下一个帖）这个会做了，那个静止的不停的转的，你也会了吧，下面的这个图的思路：首先做出静止的图哈，可以做出一个后按ctrl+shift+t进行变换，也可做出路径后画笔描边，注意设置好参数喔。这次不用做圆环了，直接在它上面添加样式，后面的差不多的喔，(^#@^ (^#@^ (^#@^ 相信自己，加油。[/color][/size][attach]806749[/attach]

[[i] 本帖最后由 sooo 于 2008-4-23 18:47 编辑 [/i]]

sooo 发表于 2008-4-23 18:47

15.点击右下角的东东，回到之前的面板。
16.选中你想改变时间的帧然后单击下面的小三角改变时间
[attach]806768[/attach]
17.如图所示，将一次改为永远
[attach]806769[/attach]
18.然后保存吧
[attach]806770[/attach]

webkxq2007 发表于 2008-4-24 10:27

好玩儿#kt..jcwcn.com@

耶菜 发表于 2008-4-24 11:30

WEB老师提供的这种彩虹渐变条的编辑方法:
[attach]807471[/attach]
比我的更好哦.

yang0048 发表于 2008-4-24 21:31

作业

liuyi80563533 发表于 2008-4-26 18:52

作业交了

风轻＆云淡 发表于 2008-4-27 11:08

看来都对大师之路中的时间轴研究的比较透彻了.想问一个问题:设定时间2S,15桢/S,如果将结束时的关健桢移到2S处,与在01:14位置时会有什么不同?(^#@^ (^#@^

耶菜 发表于 2008-4-27 11:22

[quote]原帖由 [i]风轻＆云淡[/i] 于 2008-4-27 03:08 发表 [url=http://bbs.jcwcn.com/redirect.php?goto=findpost&pid=3876225&ptid=175794][img]http://bbs.jcwcn.com/images/common/back.gif[/img][/url]
看来都对大师之路中的时间轴研究的比较透彻了.想问一个问题:设定时间2S,15桢/S,如果将结束时的关健桢移到2S处,与在01:14位置时会有什么不同?(^#@^ (^#@^ [/quote]
动画会停留一小段时间.我也是菜鸟来的.

风轻＆云淡 发表于 2008-4-27 12:26

+:bbs.jcwcn.com +:bbs.jcwcn.com

lichunzi123 发表于 2008-4-27 13:06

9.0的有没有啊讲的再清楚点啊@#jcwcn@@#$

耶菜 发表于 2008-4-27 13:15

[quote]原帖由 [i]lichunzi123[/i] 于 2008-4-27 05:06 发表 [url=http://bbs.jcwcn.com/redirect.php?goto=findpost&pid=3876639&ptid=175794][img]http://bbs.jcwcn.com/images/common/back.gif[/img][/url]
9.0的有没有啊讲的再清楚点啊@#jcwcn@@#$ [/quote]
只有10.0的有.

心没了方向 发表于 2008-5-20 11:19

终于看出原理了

[[i] 本帖最后由 心没了方向 于 2008-5-20 14:06 编辑 [/i]]

极速快车 发表于 2008-5-23 22:33

真是个好教程呀,看了老师的教程和大家的作品才知道什么叫开拓思想 勇于创新

苏丹红 发表于 2008-5-29 10:27

新手请教

不好意思,我想请问一下,上面的动画就是photoshop做的吗,不用别的软件吗,要是的话,我怎么进入到Amimadion的那个界面，谢谢各位老师呢！jc:fighting
[color=Red][size=4][font=黑体][b]版主答:执行窗口/动画......就可以做动画了.
版主:耶菜.[/b][/font][/size][/color]

[[i] 本帖最后由 耶菜 于 2008-5-29 13:37 编辑 [/i]]

langzi5748168 发表于 2008-5-29 11:33

老师 我的顺时针的  对不对啊
[attach]837716[/attach]

qd487461 发表于 2008-5-30 09:53

时间轴动画作业

[attach]839101[/attach]
[attach]839102[/attach]

xuzhiwei0929 发表于 2008-5-30 16:11

交作业

[[i] 本帖最后由 耶菜 于 2008-9-21 20:27 编辑 [/i]]

327651341 发表于 2008-5-30 16:29

对桢不太懂
[color=Red][size=4]对照教程多作练习，慢慢会理解的，不可操之过急。[/size][/color]

[[i] 本帖最后由 大漠游客 于 2008-5-31 06:34 编辑 [/i]]

lqyna 发表于 2008-5-31 04:49

感谢耶菜老师的时间轴教，使我的PS更丰富。

[attach]840655[/attach]

lqyna 发表于 2008-6-1 02:07

今晚我也做一个“庆祝六一儿童节”。感谢耶菜老师。

[attach]841444[/attach]

蓝精林 发表于 2008-6-19 14:43

试着做了一个

蓝精林 发表于 2008-6-19 14:45

我裁剪小了一点，怎么不动了

蓝精林 发表于 2008-6-19 15:07

试着做了一个

查看完整版本: PSCS3时间轴动画2（P4/48#）