madyang 发表于 2011-1-5 23:53:06

手把手教你做PPT找茬游戏!

手把手教你做PPT找茬游戏!

      前两天发布了一个用PPT制作的游戏,反响不错,有同学回帖表示想学怎么做,于是花了俩小时写一篇教学贴。写的不太好,大家将就着看啦~~


      有问题可以回帖问。

      原版游戏的帖子:http://forum.gsean.org/read-htm-tid-67743.html

致谢:
      首先,感谢俺的PPT老师:小白白
      感谢俺PPT自学来源:锐普PPT,大家也可以去他们的网站、论坛自己学习PPT技巧。

原则:
      最开始,在大家被貌似复杂的操作步骤弄晕之前,我先说下制作思路:
      一、触发器是核心!整个游戏的基本原理,是用透明的圆形放在有不同的地方,触发动画效果完成的!
      二、动画一定要双份。因为左右两幅图片都需要触发动画效果,但是PPT不支持一个动画被多个触发器触发,所以必须给同一个元件制作两个完全一样的动画,以备触发。
      三、利用元件的重叠。建议使用“大小和位置”让需要重叠的原件完美重叠。

教程正式开始~


1、工欲善其事,必先利其器!
      首先,看一下你的Office是什么版本的。如果还在使用2003,那么强烈建议大家换成2007,在PPT制作方面,2007比2003有太大的优势。

======已经掌握PPT基本操作的童鞋可以跳过这段=======


2、“自定义动画”!
         PPT 2007提供了“动画方案”,但是只能用于批量制作简单动画。如果想要自己开发游戏,当然需要“自定义”,在“动画”选项卡中,点选“自定义动画”,在界面右侧就出现了“自定义动画”的操作栏。你可以在这里插入、修改动画。






添加自定义动画的方法非常简单,先选定需要的原件,再在“自定义动画”操作栏上方选择“添加动画”,然后选择需要的动画效果就好了。


3、“触发器”
         一个动画的出现方式有四种:“单击时(任意位置单击鼠标时动画出现)”、“之前(和上一个动画同时出现)”、“之后(在上一动画完成后出现)”、“触发(当单击‘触发器’时动画出现)”。
         “触发器”,说的通俗一点,就是“触发动画的物品”,PPT中的任何元素(图片、形状、文本框……)都可以被设置为触发器。当鼠标点击“触发器”之后,对应的动画被触发。这是“找茬”游戏的基础——鼠标点到两幅图片不同的地方,就会出现对应的动画效果。
      要把一个动画设置为“被触发”,就要在动画效果上点击右键,选择“计时”。“计时”选项卡中点击“触发器”按钮。







然后就可以看到这一页PPT中的所有可以被设置为触发器的元件了,找到你需要设置成触发器的元件,选择之后确认,一个由触发器触发的动画就完成了!





======可以跳过的部分结束啦!=======

      上面是PPT动画的基本设置方法,下面讲一讲用PPT如何做到找茬动画的。
      基本思想:用透明圆形作为触发器触发动画! (PPT达人们看这一句话其实就够了)

0、PS两幅不一样的图片
      运用PS,修改你想让大家找茬的照片,弄出5处不同就行了。由于这些不属于PPT操作,我把P图的部分放到最后讲。

1、PPT不能单击翻页。
      做找茬动画的第一步,是不能让PPT单击翻页,不然一旦点错PPT就会跑到下一页去。 设置方法,在“动画”选项卡中,取掉“换片方式”中“单击鼠标时”前面的勾勾就行了。如图:




2、“我找到了!”
       当一个人找到不同时,有三个动画同时出现,分别是:
      (1)一个彩色圆圈,来标记出X的位置;
      (2)一个文本框,显示“恭喜你,找对了”;
      (3)记分板上的方块由红色变为绿色。
      下面分别设置这三个动画。(篇幅关系不再放图,大家自己领悟)
      这里的重点是,每一个动画效果都需要制作两份。因为同一个物品,在两幅图片中都需要被触发,也就是说两个触发器需要触发同一个动画。




(1)彩色圆圈的制作



         在“插入”选项卡中,选择“形状”,再选择“椭圆”,按住Shift键画出一个大小合适的正圆形来。
         在画好的圆形上单击右键,选择最后一个选项——“设置形状格式”,再出来的选项卡中,“填充”栏选择“无填充”,“线条颜色”栏选择合适的颜色,“线型”中把粗细设置为1~2磅,怎么好看怎么来。点关闭。
      再在圆形上点击右键(这个时候必须点在线条上才能选中)。选择“大小和位置”,在位置栏中把水平和垂直位置都设置为0,后面有用。
      重点来了!这个时候需要复制并粘贴这个圆形。在复制出来的新圆形上,点击右键。设置形状格式为:填充:随便什么颜色,透明度100%
      线条颜色:无线条
      在复制出来的新圆形上,点击右键,设置大小和位置为:水平和垂直位置都设置为0
      这样,我们就拥有了一个和刚才的圆形完全重叠的一个透明的圆形,这个圆形将作为“触发器”触发所有动画。在今后的所有操作中,需要选定这两个圆形的时候,都不能用左键点了,而是必须拖动鼠标,同时“框选”这两个圆形。
      然后就需要给外圈那个有线行的圆形设置动画效果了。
      小心的选定外圈的圆形。如果选定有困难,可以先同时框选两个圆形,然后按住Shift键,点圆形中间,退选内圈的透明圆。
      选定之后,选择“自定义动画中”的“添加动画”,选择“进入动画”,选择“缩放”作为这个圆的动画。在“缩放”的“显示比例”设置中,设置为“缩小”,在“开始”中选择“之前”,让动画同时出现。




      重点来了!这时候,需要重复上一步动作,制作两个同样的“缩放”动画。 重点又来了,设置完动画后,需要同时框选两个圆形,执行复制——粘贴,复制出另外两个圆形。拖在一边备用。
      这时候动画效果同样被复制了。
         


(2)记分板制作
      插入一个圆角矩形,填充颜色选择为红色。
      复制这个圆角矩形,填充颜色选择为绿色。
      将两个圆角矩形的“大小和位置”中的“位置”设置为完全一致,让他们完全重叠。
      给绿色的矩形连续添加两次“缩放”动画,同样都设置为“缩小”,和“之前”。


(3)提示框制作
      插入一个文本框,用大字写出“恭喜你,找对了”,最好设置一个填充色,怎么好看怎么弄。
      给文本框设置进入动画为“缩放”动画,设置为“缩小”,和“之前”。
      重点出现了,再给文本框添加一个退出动画“淡出”,“之后”,“非常快”,在“计时”选项中,选择“1秒”。
      重复上述动作,再为文本框设置一个进入动画和一个退出动画。
      复制提示框,把文字修改为:“对不起,找错了”。改一改颜色,放在一边备用。


小结:
      现在,我们已经有了双份的一下动画:
      两个个标记X的圆圈,缩放。(应该是椭圆1和椭圆3)
      两个透明的圆形,和上面的圆圈完美重叠,是用来做触发器的。(应该是椭圆2和椭圆4)
      一个会变色的圆角矩形,缩放。
      一个先出现,再消失的的文本框,告诉你你找对了。另一个会自动消失的文本框,告诉你找错了。
如图






madyang 发表于 2011-1-5 23:54:15

(4)把它们设置为触发器!
         注意!现在我们每一个动画都是“双份”的了!下面就是分别选定其中的一份动画,设置触发器。
         选定“椭圆1和椭圆3”缩放动画、其中一个圆角矩形的缩放动画,其中的一个文本框的缩放动画和消失动画(这两个动画一定先是出现,然后是相邻的那个消失动画)。
         选择的时候,需要按住Ctrl键进行跳选。
         注意,先不要选择那个显示“找错了”的文本框,不要选择那个文本框,那个文本框是放着一会用的。
         选定该选择的动画后,在选定的动画上点击右键,选择“计时”,把它们的触发器都设置为“椭圆2" 也就是和“椭圆一”重叠的那个透明椭圆。
         
         选定剩下的一半动画。(同样不要选择“找错了”的文本框的动画效果),把这一半动画的触发器设置为“椭圆4”。
         应该呈现如下效果。动画被整齐的分成两组,分别有两个透明椭圆触发。

         试着放映一下,如果放映时,当你鼠标点击透明椭圆(你知道它在哪里的)的时候,两个圆圈、记分板变色、文本框出现又消失这些效果同时出现,说明你成功了。
         如果有东西不能正确的出现或者消失,比如文本框,你需要点选文本框,修改一下文本框“进入”动画,设置为“之前”,再修改一下文本框的退出动画,设置为“之后,计时1秒后”,并且确保这个退出动画是在这个而触发器触发的所有动画的最末尾。

3、让所有的X就位!
      第二步讲了好久好久,下面第三步,很简单,其实就是复制粘贴。
(1),插入两幅图片。
      在“插入”选项卡中,选择插入两幅图片,按住Shift键,等比例的改变两个图片的大小,用“裁剪”裁剪到碍事的部分。在这个过程中,一定要确保两个图片一样大小,被裁减的也是一样的。
      完成之后,把两个图片整齐的排列在PPT上,给两个图片添加“淡出”动画,设置为“之后”“快速”,一般左边的图片要先出来。这时要记住两个图片的名字(在动画列表中有图片的名字,一般会是picture X)
      动画设置完成后,分别在图片上点击右键,选择“至于底层”,把两幅图片都放在底层。

(2)让X就位!
      同时选定重叠在一起的两个圆形,拖动他们到左边图片第一个茬的位置。
      同时选定另外两个圆形,拖动他们到右边图片的第一个茬的位置。
      选定“恭喜你,选对了”的文本框,拖到右上角。
      选定“对不起,点错了”的文本框,紧挨着上面的那个矩形的左边放置。
   同时选定两个用来积分的圆角矩形,放在左上角。

应当呈现如下情况:


(3)复制——粘贴
      第一个茬已经就位,剩下的呢?很简单!复制——粘贴!
      把刚才的所有东西(四个椭圆、一个文本框、两个圆角矩形)全部复制,粘贴。
      把复制出的四个椭圆,分别拖动到两幅图片的第二个X的地方。
      复制的时候,可以小心的选定外圈圆形,把线条颜色换一下,以区别不同的X。
      把复制出的文本框,和刚才的文本框完全重叠。
      把复制出的圆角矩形,整齐的排列在刚才的圆角矩形旁边。

      同样的工作重复4次,把其他的4个茬都覆盖。基本上完工啦!

效果如下(我只做了3个茬,但是原理是一样的)


4、对不起,你找错了!
   最后一大步,就是告诉大家你找错了。
   找茬的时候,如果点到了透明的椭圆,触发动画,说明你找对了,但是点到图片的其他位置呢?
   如果没有点对,需要有文本框出现,提示找错了,这个可以通过把两幅照片设置为触发器来实现。
   
   制作方法也很简单,把刚才做好的“对不起,找错了”的动画(一个进入一个退出,注意顺序),在动画上点右键——计时——触发器,把触发器设置为左边的图片。
   选择剩下的两个动画,把触发器设置为右边的图片。

大功告成!

5、美化
   最后,美化你的PPT,你可以把背景调暗,让玩游戏的人眼睛舒服一些,添加一些按钮,让大家方便的到下一关或者回目录。(通过插入——超链接来实现)。


一个“大家来找茬”的PPT就做好啦!

PPT做游戏,其实不难~~


最后说一下PS的事情吧。我其实不会用PS,我所有的图片处理,都是用flsh 8.0完成的。修改图片的时候,有几个原则要注意:
1、如果你想把什么东西P没掉,最后用旁边的背景把它覆盖掉。
2、如果向想把什么东西变色,最好新建一个图层,然后用半透明的颜色覆盖。一定要半透明,这样自然。
3、如果你想添加什么原本不存在的东西,复制粘贴过来就好了。
4、如果你想把原来的东西颠倒方向或者旋转,复制过来进行修改就可以了。


学会之后,可以用这个东西做社团宣传,可以用这种方式纪念一些难忘的时光~

PPT还是一个很神奇的东西的,可以用来做演示,可以用来做动画片,可以用来做游戏,可以用来排版,可以用来……
更多的精彩用途,等着大家去开发!
今天就到这里,下课~~ ^ ^

honglake 发表于 2011-1-5 23:59:31

呵呵 辛苦啦 明天好好学习下 也好去教下别人 哇咔咔

madyang 发表于 2011-1-6 00:00:52

排版有问题,等俺修改好了大家再看哈~
另外,请大家忽略我后面截图中的“高级日程表”,那个动画顺序是不对的,如果严格按照操作步骤来,是要整齐很多的。

陌上初薰 发表于 2011-1-6 00:22:14

有没有人要学怎么做“茬”

长安野人 发表于 2011-1-6 01:26:18

优秀文章,支持!神马都是浮云。

哎,我只能评这么多了。

雨峰 发表于 2011-1-6 09:12:46

非常棒的分享·
PPT绝对技术和用心的活~

honglake 发表于 2011-1-6 11:46:53

引用第4楼陌上初薰于2011-01-06 00:22发表的:
有没有人要学怎么做“茬” images/back.gif

PS技术么 呵呵

南京—绿石 发表于 2011-1-6 12:11:01

你还真有耐心~前两天帮南都的朋友做了一份PPT,我就累得精疲力尽了~

南京—绿石 发表于 2011-1-6 12:15:14

我来补充一些PS的技巧
1. 用套索选择工具或者颜色选择,选中一些你不想要的东西,delete可以删除,然后,选中旁边的一些颜色用图章或者直接复制粘贴~
2. 另外,基本处理结束后,再把原图和P过的图同时做效果处理,这样更难找~
3. 抠图的时候,学会使用通道,这样抠起来更方便
4. 变色的话,可以直接选中,然后用颜色替换
页: [1] 2 3
查看完整版本: 手把手教你做PPT找茬游戏!