合成专辑路径专辑Photoshop从头学手绘教程抠图教程
调色教程photoshop互助课堂中国教程网《Photoshop专家讲堂》光盘热售参与论坛活动,快速赚取金币精品素材,中英文字体
发新话题
打印

[教程] 初学者实例教程20--逐帧动画制作基础[本文已收录教程库](378/26Q)

本主题由 大漠游客 于 2008-10-2 00:38 推荐主题

初学者实例教程20--逐帧动画制作基础[本文已收录教程库](378/26Q)


引用:
已阅至22页317楼
本教程适用于photoshopCS2及以前的版本。
  本课我们用photoshop和它附带的 ImageReady (简称PS和IR)制作逐帧动画。还是本着简单、易学、易记的原则。本题是最简单的基础引导教程,旨在让大家熟悉IR的最基本操作方法。希望大家借题发挥,充分开动脑筋,做出更加丰富多彩的动画效果。

                    
                              
                              

一,逐帧动画基础练习(按桢轮流显示,所以叫逐帧动画。本例只有两桢图像):《观音变如来》:)

                              
1,启动photoshop,打开两幅图像,

                    
                              

2,将一幅图像用鼠标按住拖入另一幅图像中如图示得到图层1,

                     

3,让两幅图像严格对齐(如果不对齐就会出现图片跳动现象),然后点击“软件转换图标”,转到IR中进行编辑

                    

4,点击窗口-动画,显示动画调板

                    

5,关闭图层1眼睛,点击复制当前桢钮

                    

                              

6,关闭先前的图层眼睛,显示另一个图层的眼睛

                    

7,按住ctrl键选中两个动画桢,点击小黑三角,设置显示时间(两桢显示时间相同)

                    

8,现在可以试试播放效果了,如果觉得太快或是太慢,可以重新设置显示时间。
   
                    

9,最后保存文件,按图示:以后我们就可以在浏览器或是其它播放器里播放这个动画了。(你可以用这个方法制作“走马灯”等效果)
      
                  

                             
         
                             

接下来我每学习另一种动画效果:

二,用移动图层法制作动画,这次我们做一个下雪的效果

1,首先打开一幅图,复制一个副本(别说不会啊)

                  

                           

2,对副本层执行滤镜:像素化-点状化,如图设置参数(这是为制作雪花效果)

                  

                           

3,再调整副本的阈值,观察图像,注意点状分布均匀,满意即可

                 

                        

4,设置副本层混合模式为:滤色

               

5,对副本执行滤镜:模糊-动感模糊,设置参数如图示(注意,角度决定雪花下落的方向,距离决定雪花的大小。如果距离很大,就成了下雨效果了)

               

                       

6,将图像最大化,按ctrl+t调出变换框,将副本放大一些如图

               

                     

7,转到IR界面继续编辑,首先点击“复制当前桢”钮;然后,确认副本层为当前图层,用移动工具将其拖到右上角与背景层右上角对齐,可以借助方向键精确调整

              

8,点击过渡钮,设置过渡桢数目(桢数多,动画过渡平滑,反则反之)

            

                  

9,设置每桢显示时间,试播放满意后保存。

            

                  

三,蒙版位移动画

有了上面的制作经验,这次我们叙述得扼要一些

1,新建文件,参数随自己需要设置;这里我设置300×120像素,其余见图,按alt+delete键填充黑色

               

                     

2,新建图层1如图

              

3,文字蒙版设置合适大小输入自己喜欢的字

            

4,按ctrl+enter确定显示文字选区,对选区填充喜欢的颜色
     
            

                  

5,点击图层样式钮,选择“斜面与浮雕”,默认设置退出

            

                 

6,按住ctrl键点击图层1载入选区,再新建一层,制作一层金色字(做法请参考http://bbs.jcwcn.com/thread-93036-1-4.html)当然你也可以做成其它颜色:)然后复制一层,得到图层2副本,将其眼睛关闭。

              

                    

7,点击图层2,使其蓝色显示成为可编辑状态,用矩形选框工具设置羽化5像素,在图层2中拖出选区如图示

              

8,点击添加图层蒙版钮,如图

              

9,点击软件转换钮,转到IR中继续编辑

              

10,在IR界面点击窗口-动画,显示动画调板,然后点击复制当前桢钮

              

11,再点击图层与蒙版的链接,解除链接

              

12,点击蒙版如图示状态,

              

13,选取移动工具,然后按右方向键,将蒙版移动到图示位置,接下来点击过渡钮设置过渡桢数目

              

                    

14,再次点击复制当前桢,设置显示时间为1秒,关闭图层2眼睛,显示图层2副本眼睛

            

15,再次复制当前桢,关闭图层2副本眼睛,设置显示时间0.5秒,如图

            

16,好了,现在可以试试看播放效果了,满意后保存即可。(保存方法见上例)

            

告诉大家一个方法,你看见某个动画很好看,想要知道它是怎么作的,只要下载后用IR打开,然后转到photoshop,即可看到所有图层结构,从而分析出制作方法。

附加作业:
1,运用你掌握的知识,用下图制作一个眨眼娃娃(这是综合练习,复制、修补、动画........。但最后必需完成的是眨眼动画)看谁做得最好

              

我先做个示范:

              
CS3的动画在窗口/动画里面.动画做好后执行文件/WEB所用格式/GIF文件/即可保存.另外CS3中打开动画图像与CS2有所不同,具体请看:http://bbs.jcwcn.com/viewthread.php?tid=149767&highlight=%2Bninuo99[ 本帖最后由 edndzd 于 2008-10-6 22:27 编辑 ]
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
本帖最近评分记录
  • qd487461 热心度 +2 对论坛做出贡献 2008-4-18 11:55
  • qd487461 金币 +2 对论坛做出贡献 2008-4-18 11:55
  • 幻@影 金币 +2 对论坛做出贡献 2008-3-1 16:29
  • 幻@影 热心度 +2 对论坛做出贡献 2008-3-1 16:29
  • jxjjmlx 热心度 +2 对论坛做出贡献 2008-1-28 07:16
  • jxjjmlx 金币 +2 对论坛做出贡献 2008-1-28 07:16
  • 祁连山 威望 +1 谢谢007哈,不错的教程,收录教程库。 2007-9-10 13:59
  • xyl7422 热心度 +5 支持原创教程,辛苦啦:) 2007-9-8 14:31
  • xyl7422 金币 +5 支持原创教程,辛苦啦:) 2007-9-8 14:31
  • danfaye 热心度 +2 对论坛做出贡献 2007-9-7 21:48

TOP

老师,辛苦了!


  老师啊,就是到这一步了,,图层面版里是显示的和你说的一样,副本是当前的图层,可是你说要拖对齐,我就看见操作区里有一个图层啊,我蒙住了,可能我叙述的不明白,老师~~~~~
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!

引用:
原帖由 刘如玉 于 2007-9-4 14:01 发表
  老师啊,就是到这一步了,,图层面版里是显示的和你说的一样,副本是当前的图层,可是你说要拖对齐,我就看见操作区里有一个图层啊,我蒙住了,可能我叙述的不明白,老师~~~~~
只看见一个图层就对了!调板上有显示的,继续下去#kt..jcwcn.com@

老师,,辛苦了!


[localimg=388,300]1[/localimg]:loveliness: :loveliness: 我照着老师的教程做的,请老师指点吧~~
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
本帖最近评分记录
  • qingyangren2000 热心度 +2 我很看好你咯~~ 2008-1-28 12:15
  • qingyangren2000 金币 +2 我很看好你咯~~ 2008-1-28 12:15
  • webkxq2007 金币 +2 方法对了,整体效果稍差,注意比例 2007-9-4 14:51

作业
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
本帖最近评分记录
  • webkxq2007 金币 +1 闭眼图层???鼓励一下,继续努力 2007-9-4 14:52

动画


!:cool: 谢谢老师的教材
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
本帖最近评分记录
  • webkxq2007 金币 +2 你用的"过渡":)鼓励一下 2007-9-4 19:08

请问楼主,我装的是CS3,没有ImageReady 能不能编辑这样效果啊#@#$#$
版主注:CS3的动画在窗口/动画里面.动画做好后执行文件/WEB所用格式/GIF文件/即可.

[ 本帖最后由 耶菜 于 2008-4-27 09:06 编辑 ]

嘿嘿,我也来一个
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
本帖最近评分记录
  • webkxq2007 金币 +2 我很赞同 2007-9-4 19:09

引用:
原帖由 hnqyda 于 2007-9-4 16:24 发表
请问楼主,我装的是CS3,没有ImageReady 能不能编辑这样效果啊#@#$#$
可以的.保存的效果跟你预览的效果一样。但是不能打开gif动画继续编辑。可以用其它软件观看。
本帖最近评分记录
  • hnqyda 热心度 +2 对论坛做出贡献 2007-9-7 23:20

老师,辛苦了!


我又做了一遍眨眼的,也不知道比例好不好,也用过渡做了佛像了,请老师指点啊~~总觉得哪不一样~~#@#$*$
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
本帖最近评分记录
  • webkxq2007 热心度 +1 我很赞同 2007-9-4 21:18
  • webkxq2007 金币 +2 我很赞同 2007-9-4 21:18

一次还发不了两张啊,~~#@#$*$
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
本帖最近评分记录

老师,辛苦了!


老师,我做的都成了鹅毛大雪了,就是在“闽值”那和老师调的数据一样啊,怎么成了这样了啊
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!

发错了
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!

我说我第3步的时候,那个值调到255,就变成了黑色的了,没有那个象雪花一样的白点,再就是第6步的时候我没把副本层的图放大,还有就是加贞的那个地方不是很清楚,加了贞就什么都不做了吗??麻烦老师解答下,谢谢

冒昧了!


引用:
原帖由 lov123147 于 2007-9-5 00:26 发表
我说我第3步的时候,那个值调到255,就变成了黑色的了,没有那个象雪花一样的白点,再就是第6步的时候我没把副本层的图放大,还有就是加贞的那个地方不是很清楚,加了贞就什么都不做了吗??麻烦老师解答下,谢谢
(^#@$%^ 看见你的短信儿了,我不在线,呵呵,我替老师来回答你,很简洁的,就是建议你,一定要仔细认真的看老师上面发的这个教程,一步,一步的,一点也不要省略啊,,还有就是调“闽值”的地方,我已经是截图了,老师会给解决的,希望我们能共同进步啊!握手了!
本帖最近评分记录
  • 鹊踏枝 金币 +5 热心助人,感谢你对课堂的支持 2007-9-5 05:55
  • 鹊踏枝 热心度 +5 热心助人,感谢你对课堂的支持 2007-9-5 05:55
发新话题