手把手教你做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)
一个会变色的圆角矩形,缩放。
一个先出现,再消失的的文本框,告诉你你找对了。另一个会自动消失的文本框,告诉你找错了。
如图
(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还是一个很神奇的东西的,可以用来做演示,可以用来做动画片,可以用来做游戏,可以用来排版,可以用来……
更多的精彩用途,等着大家去开发!
今天就到这里,下课~~ ^ ^
呵呵 辛苦啦 明天好好学习下 也好去教下别人 哇咔咔 排版有问题,等俺修改好了大家再看哈~
另外,请大家忽略我后面截图中的“高级日程表”,那个动画顺序是不对的,如果严格按照操作步骤来,是要整齐很多的。 有没有人要学怎么做“茬” 优秀文章,支持!神马都是浮云。
哎,我只能评这么多了。 非常棒的分享·
PPT绝对技术和用心的活~ 引用第4楼陌上初薰于2011-01-06 00:22发表的:
有没有人要学怎么做“茬” images/back.gif
PS技术么 呵呵 你还真有耐心~前两天帮南都的朋友做了一份PPT,我就累得精疲力尽了~ 我来补充一些PS的技巧
1. 用套索选择工具或者颜色选择,选中一些你不想要的东西,delete可以删除,然后,选中旁边的一些颜色用图章或者直接复制粘贴~
2. 另外,基本处理结束后,再把原图和P过的图同时做效果处理,这样更难找~
3. 抠图的时候,学会使用通道,这样抠起来更方便
4. 变色的话,可以直接选中,然后用颜色替换