苹果keynote演示的流程图

继续苹果发布会 kino 的分解教学，在介绍 icloudplus 升级内容的时候提到可支持 homekit 摄像头的数量从一个增加到了多个。这里用了一组动画，数字一翻转变成了数字五 单词 camera 增加了一个字母 s， 之后变成了复数，非常好的强调了升级前后的变化。下面我们来还原一下这组动画的制作方法。首先在画布上插入需要用到的对象两个数字，一个单词和一个字母，并把数字一和单词 camera 放到画布的居中位置， 选中需要消失的数字一，添加。消失动画选择立体翻转方向改为从下到上，弹跳效果可以取消，时间不用太长，零点五秒即可。 然后选中需要出现的数字五，添加出现动画同样也选择使用立体翻转，其余设置和数字一相同，然后在构建顺序中让数字五和数字一同时开始。接着只需要把他们两个叠 放到一起，数字部分就完成了。下方文本的处理方法是，首先我们先记住这行单词在画布上居中时的水平参数，也就是 x 轴的位置。在排列里可以看到 x 轴是八百四十二，这个数字你先记住，然后把字母 s 放到单词的后面 全选他们，让单词的复数形式和画布再次对齐。由于 camera 这个单词向左移动了，所以他有了一个新的位置，在排列中可以看到 x 轴变成了八百二十八。所以可以先把单词的水平位置恢复至以 移动前的初始数值，也就是八百四十二。然后对其添加一道动画，并把终点设置为移动之后的八百二十八，那么单词向左移动的效果我们也处理完了，记得把动画时间改为和数字翻转相同的零点五秒。最后是字母 s， 它就更简单了，添加渐变和移动，出现动画方向选择 从右到左，行进距离改为百分之十，动画时间也改为和数字翻转相同的零点五秒。在构建顺序中，把后面两个动画改为和数字翻转动画同时开始。整组动画就搞定了，点关注呗！

上期视频我们了解了如何创建演示文稿，这期视频我们来认识软件界面，打开 t note 可以看到软件界面共分四个部分，中间是画布，左侧是导航器， 顶部是工具栏，右侧是检查器。先看画布区，画布计时进行换端片制作的工作区，也是最终展示的页面。点击左上角可缩放调整画布的显示比例，也可以通过捏合出模板来调整。 在制作换灯片时，左侧的导航器可以迅速找到你要编辑的页面。拖动左侧的边线，可以调整导航器中画布缩略图的大小。 点击左上角显示按钮，可以选择仅换灯片关闭导航器，从而获得更大的画布面积。顶部是工具栏，常用的表格图、 掌、蚊子形状、媒体等对象插入工具都在这里。当你制作换灯片时，点击你需要的工具，比如点击文本工具，画布中就会出现文本框，双击即可编辑。其他工具也是一样， 除了默认的几个工具外，可以右键点击自定义工具栏，选择你想要的工具，拖动到工具栏即可添加上去。 右侧是检查器，检查器由格式检查器、动画检查器和文导检查器三部分组成。检查器的作用是查看和调整对象或文稿的参数。 举个例子，当编辑文本时，在格式检查器选择文本，可查看当前文本的字体、字虫、字号、文本颜色等参数，并且可以进行修改。选择左侧样式，可以更改文本的背景颜色、 边框、阴影、透明度等。外观样式选择右侧排列，可以更改文本的层级顺序、对齐方式、大小、位置和旋转角度等等，还可以进行锁定， 锁定之后不会动。选择一张图片，在格式检查器中选择图像，可以看到图像名称，点击编辑遮罩，可以进行裁切，及时 offer 可扣除纯色背景，还可调整曝光、饱和度等参数样式，可调整图像边框、阴影等外观参数 排列也和文本样式一样，可更改图片的层级顺序，对其位置、旋转等参数。当我们想对幻灯片中的对象进行格式调整，只需要选中这个对象，然后利用检查器来进行参数调整。如果没有选中具体对象，点击格式检查器，看到的是当前页面的全局设， 这时可以更改背景。填充动画检查器可以添加对象，动画效果，有出现动画、动作、动画和消失动画。文表检查器我们使用比较少，他是面向整个文件的设置，包括换灯片、放映设置和大小设置等等。 以上就是这期视频内容，看完这期视频，恭喜你对 knot 已经不陌生了，欢迎点赞留言加关注，我们下期视频再见！

在我过去的几十期视频中，高频使用过一个动画叫渐变和移动，正如他的名字一样，这个动画可以让对象在进入和离开画面时边渐变边移动，带来十分柔和的画面效果。比如苹果发布会中的这组动画， 也可以通过渐变和移动来实现。首先在页面上插入所需对象，全选所有对象，在出现动画中统一添加渐变和移动， 所以动画的默认运动方向是从左至右，不过可以在动画设置中灵活修改，有八个方向供你选择，这里我们统一改为从下到上，然后在构建顺序中让所有动画同时开始，那么他们就可以一起从 从下到上，边渐变边移动到正确的位置，但是还没结束。默认情况下，动作的起点是从画布之外开始的。动画形成很长，检查动画设置可以看到行进距离为百分之百，而苹果发布会视频中这些图标是从画 发布内开始。渐变和移动的解决方法是调整行进距离，这里我们改成百分之十，看起来舒服多了。另外细心的话，你会发现，原视频中每一行的三个图标都是中间图标，先出现两侧图标稍有延迟带来了更好的律动感。解决方法就很简单了， 调整勾肩顺序，让每一行中的中间图标位置靠前，并给紧邻着中间图标的构建添加零点一秒的延迟即可。原文件已上传至班级群资料夹，希望对你有帮助。

这是 iphone 的 happy tech touch， 下面带你用一分钟在 kitty 中实现这个效果，并借此机会帮你加深对动花的理解。需要的素材有，一张清晰的截图，一张模糊的截图， 一个 iphone 的样机素材，一个独立的 logo 图片，还有一个弹出菜单，这些素材都可以通过截图得到。动画处理的步骤是，先将模糊截图的不透明度改为零，让其不显示并放回原先的位置。 然后给 logo 图片添加一个百分之一百一的缩放动画，使其放大。接着再给 logo 图片追加一个百分之一百零五的缩放动画，使其在放大之后微微缩小，还原出长按时 logo 的时机变化。然后给看不见的模糊截图 添加一个不透明度的动作数值，改为百分之百，让其恢复为正常显示，从而让画面模糊。实际使用中，界面模糊之后还会稍稍向内收缩，所以我们可以对模糊截图追加一个微微变小的缩放动画，这里使用百分之九十六。最后 处理的是菜单图片的弹出菜单是从 logo 中弹出来的，过程中边位移边放大，所以可以先将图片缩小，并将其实位置放到 logo 之内。接着给菜单图片添加缩放和一道动画，让其以正确的尺寸停止在正确的位置上，并让两个动画同时开始 制结束。记得处理好之后把 logo 调整为最顶层，从而让菜单图片藏在他之后。这样我们就处理好了所有素材的动画，最后设置好他们的顺序和时序。 tick touch 就被我们用幻灯片软件做出来了。你或许并不需要在幻灯片软件中做交互设计，但是我希望你了解的是这个可能性是存在的。动作之下的位移、旋转、缩放和不透明度，这些基本动画组合起来几乎可以创造一切，相信你已经完全听懂了。

icloud 已经支持六 t 和十二 t 的方案了，你目前在用的是哪个方案呢？在二零二三年秋季发布会的结尾，苹果公布了 icloud plus 的订阅计划，新增了两个产品，在现有的五十 gb、 两百 gb 和两 t 的基础上，新增了六 t 和十二 t 的方案。这是一个非常典型的信息增补的场景，在做工作汇报或者是项目提案的时候，经常会遇到 这里的幻灯片处理，非常值得学习。首先展示当前的状态，然后使用一个动画，把后方两个方案的新增的意思表现的非常充分， 再一次证实了动画可以起到非常好的强调作用。下面我们一起用两分钟的 kino 中把这个效果实现出来。过程中我还会讲一些提高效率的实用方法。首先插入文本，然后插入一个矩形 复制，获得五份，在画布中等距排列，并整体居中对齐。把前三个矩形修改为浅蓝色，后两个修改为深蓝色，并逐个输入对应的文字内容。 请注意，我们现在制作好的是动画完成后的状态，为什么不从前往后做呢？因为在这个场景之下倒着做效率会更高。做好之后，把这些矩形复制一份，向下平移到画外，作为对齐参考备用。 然后把前三个矩形同时选中，整体向右拖动，与画布居中对齐。为了减少干扰，可以先把后方两个矩形调为透明，把三个矩形之间的间距稍微拉宽一点，播放一下。 此时我们看到的就是动画开始前的状态了。这里可能会有人提问，为什么要这么复杂，上来直接放三个矩形不就可以了吗？接着往下看， 因为这个动画的结构是前方三个矩形向左平移，后面两个矩形原地缩放。我们提前排列好五个矩形的意义是提前拿到了每个构件运动的终点位置。比如需要给第一个矩形添加向左 的一道动画，那么只需要沿着 x 轴向左拖动，当他和下方的参考图形对齐的时候，软件会自动吸附松手，他的动画就加完了。后方两个矩形的位移动画是相同的处理添加好之后，让他们同时开始，并依次延迟零点零五秒， 那么前方矩形的位移效果就做好了，并且终点位置是非常准确的。把后方两个深色矩形的不透明度恢复，因为一开始他们的位置就已经排列好了，所以只需要添加一个原地出现的缩放动画就可以了。 然后让他们和上方动画一起发声，并也适当给一些延迟，那么整组效果就完成了。幻灯片的核心作用是视觉化表达， 大多数情况下不需要使用动画，但如果你运用得当恰当的动画效果，可以明确表达的指向，增强表达的力度，而你需要把握的是形式和分寸。好了，以上就是本期视频的全部内容了，感谢你看到这里，再见！

凌晨的苹果发布会上， iphone 十四 pro 系列终于改进了他的刘海设计，并带来全新的交互功能。灵动岛。我用 twitter 实现了结缘相似的效果。操作原理很简单，利用了过度动画。神奇移动， 这是一个圆角举行，它可以变长变短、变大再变小。这不是魔法，而且不是一个圆角举行。其实这里有五张幻灯片，每张幻灯片上都有一个长短不一、大小不同的圆角举行。 只因为我给前四页幻灯片都添加了神奇移动的过渡动画，所以看起来是一个圆角举行再进行变化， 灵动岛的效果就会远点。举行的变化差不多，但仔细观察，官方的灵动岛动画有一定的回弹效果。简单总结一下，灵动岛变长变大时会向内回弹，灵动岛变短变小时会向外 回弹。这个效果在神器移动后，给圆角举行添加缩放动作就可以实现。然后我们将其他素材摆放到画面合适的位置，其他点缀动画按照你的想法在圆角举行范围内设计即可。比如最后一个铃声动画， 不但铃铛添加了抖动动作，圆角举行和文字还添加了四次已到动作，这样更复细节性的灵动导动画就完成了。需要了解更多参数设置的朋友们，可以私信获取原文件进一步学习。

今天的 key no 教程有点不一样，我们用一根线来实现这种手写效果。在 ls 十五出自启动的时候，会看到一个 hello screen， 苹果标志性的手写字体在屏幕上以不同的语言不断展现。如果你需要在你的演示中使用这种表现方式， 只需要一根线就可以解决。我们以这行 hello 为例。首先，请将你要呈现的内容保存为图片插入到 k 呢画布中，适当做一些放大， 然后插入一根线条，修改线条的颜色和宽度。点击鼠标右剪，使可以编辑给线条添加控制点，并不断调整线条的拐点和走向， 使其和下方的文字尽量匹配。过程中，为了操作精准，可以先将线条的不透明度调低一点，处理好之后恢复不透明度。如此一来，我们就用一根连续的线条描出了一个手写的单词，最后删掉下方的底稿，给 线条添加画线，出现动画，这个操作就完成了。假如你要写的文字一笔写不完也没关系，可以使用多根线条，然后设置好他们的画线出现的顺序即可。我是 jen， 点个关注呗。

let's start with max studio with m one max 继续苹果发布会 key no 分解教学二二年三月份的发布会中，介绍了搭载 m e max 芯片的 max studio 的强大性能，并把它和其他芯片做了对比。用到了这样的动画处理，我们拿它和安 max 的对比，还原一下制作方法。先让我们看一下页面上都有哪些对象， 几行文字，一个苹果图标，两条线段。先把这些对象放在动画结束的位置上，然后我们来处理动画过程，把当前页面复制一份，删去最后一行文本， 然后在上一页中把渐变线段平移到画布左侧，置于画外。然后把 studio 这一组文字内容的不透明度改为零，再把 imac 这一组向上平移到原本 studio 的位置。下面请注意在两个页面之间添加神奇移动过度动画。 imac 这一组发生了从上到下的运动， studio 这一组发生了从透明到不透明的变化，线段发生了从左到右的运动，到这里基本就做完了。然后再给右侧的二点五倍的这个文本加一个弹出动画，动画开始时间设置为过度之后 结束。这是用两张页面配合完成的。在一张页面里面能不能完成呢？当然是可以的， 只要你理解了各个动画的原理，掌握了他们的规律，当你再次看到他们的时候，你就能想到做到，得到。当然这可能需要一些训练，我觉得我能帮到你。系统教程了解一下。

in ipados sixteen we scoured the 在刚刚过去的苹果全球开拍的大会中，苹果副总裁 creek 在介绍 ipados 十六系统应用升级的时候用到了这样一组动画，左侧是应用图标，右侧是升级列表，又挤出重点升级，做了图标切换，和文字嗨来的匹配十分丝滑， 我已经把它还原了出来。下面介绍一下制作方法。使用 k no 的形状工具绘制出这几个图标，把它们垂直对齐且上下等距分布。注意看，在第一页里，我们把除了第一个图标之外的其他图标的不透明度改为零，隐藏掉，放到页面的左侧， 然后复制页面。在第二个页面中把第二个图标的不透明度恢复，其余图标继续隐藏，并且移动他们的位置，使第二个图标处于核心位置，以此类推。分别处理好之后，在页面间使用神奇移动图标的切换动画制作完毕。 右侧的文字更加简单，在地页里插入一组文字，修改文字的字号和行距，并且把文字的颜色修改为和背景曲径，或者是也可以使用不透明度，目的是让文字若隐若现。 然后复制文本内容到以下的几页，在每一页上把需要嗨来的部分和左侧的图标对齐，修改字号、颜色和字重，使其凸显。这个时候已经添加的神奇移动过路动画同样会作用在文字上。我们就得到了和苹果发布会同款的展示效果，赶紧动手试一下。

pnot 教程二点三，文本特殊处理上期视频讲解了文本的基础样式，本期视频以这张海报为例，给大家讲解平常会用到的一些文本，特殊处理有，竖排文字、芬兰 添加角标、更改行间居等。首先竖排文字有的时候为了装饰画面，会设计一些竖排文本，方法如下，选中文本，在格式检查器里文本选项卡下找到竖排文本，在排列里旋转可以设置文字阅读方向， 文字太多，设置芬兰显示可以让画面更整洁。方法是，选中文字，在格式检查器文本选项下选择布局，点击栏可以就设置栏数。在苹果官网你肯定看到过这样的角标，点击一下可以跳转到页面底部的注视。像这样的角标怎么添加？选中角标内容 在文本样式里打开高级选项，选择机线上标，这样就可以实现像这样文本太多。如何调整行距？方法是，选中文本，在格式检查器里选择文本下边有个间距选项，点击即可调整文本行距。 在格式检查器里点击项目符号与列表，可以给文本添加项目符号，有原点、图像等样式可供选择， 符号大小和颜色也可单独调整。欢迎点赞留言加关注，我们下期视频再见！稍等一下，我们来为大家发福利了！ 三月十三日到五月七日活动期间，在 mac for me 点 com 苹果数字校园店注册并选择福建医科大学店，即可添加客服微信领取神秘礼品，进店选购更有超值福利！下单购买 m 一芯片的十三英寸， 可在享受教育优惠外额外赠送一张五百元 f 充值卡。购买 max 系列产品额外赠送鼠标、电脑包套装、 ipad 系列加赠保护膜和旋转支架。 进入直播间更是奖品抽不停！麦克风蜜苹果数字校园店是苹果专为学生用户开设的教育优惠校园商店，保证商品均为全新国行正品，享受苹果保修政策。如此安心又超值，赶快行动起来吧！

继续苹果发布会 k no 分解教学在介绍到新款苹果手表的时候，提到很多名人都在使用费的 nes 在这里使用了神奇移动过度动画，把上一个页面中出现的人物肖像自然的过渡到了下一页的图像集合中。 下面还原一下制作方法。首先插入需要用到的素材，十张人物肖像以及他们的名字，还有一个手表的表壳透明素材。 新建一个页面，把表壳和其中一张图像放到新页面中，摆好位置，加上一些 ui 信息。然后新建一个页面，把图像和文字摆好位置，再把第一页的表壳素材复制到第二页， 尺寸缩小到能和第二页的图像匹配，最后把它的不透明度改为零。接着注意看，在两个页面之间添加神奇一动过滤动画，平化过度的效果就实现了。它中间发生了什么呢？我解释一下原理，当页面间使用神奇一动过滤动画的时候，同时出现在两张幻灯片上的对象 将成为平滑过度的一部分。换一种更清楚的方式，比如在上一页的左上角放一个大圆，复制并缩小后放在下一页的右下角。添加神奇移动之后，圆的位置和大小都会发生平滑过度。不光位置和大小，透明度也可以过度，颜色也可以过度。 回到刚才的页面，在上一页和下一页之间有两个相同的对象，分别是这位女生的照片和手表的素材。只不过在下一页里，手表素材变成了全透明，但他依然存在。我放一个轮廓在这里，方便你识别。 所以在这两个页面之间添加神奇移动过路动画之后，刚才提到了两个相同素材就可以实现丝滑过度，至于过度之后，其他的人像和名字依次出现了效果，则可以通过统一添加间限动画，然后依次设置好他们的出现顺序即可。你学会了吗？

本期教你在一个页面上用一个动画实现这种多项信息纵向轮波的效果，踢弄有手就行系列教程第五十二期这是 homepot mini， 这是他搭配 siri 可以做的一些事情。内容不少，不过使用一个动画就可以让他们有秩序的轮播起来。我们单拿出一组来看一下发生了什么。 选中这组内容，在构建出现中选择渐变和移动方向，从下到上行进距离百分之三十，那么它就可以非常柔和的出现在画布上。 然后在构建消失中也找到渐变和移动，并设置相同的参数，让他以同样的方式离场。在构建顺序中让消失动画关联在出现动画之后，用出现和消失的组合 内容在画布上略过。下面做的是将这组动画复制到每一项之上，从而让所有的内容都具备相同的效果。然后把它们叠放到相同的位置，并在构建顺序中让下一项的内容 出现动画和上一项的内容消失动画同时开始，并适当给点延迟，那么他们就自动轮播起来了。相信你已经完全看懂了。如果哪里不清楚，点赞收藏再看一遍！

这是 iphone 的截屏动画，也是今天的 t 弄教程，让我用两分钟教会你如何制作。插入一个手机框和一张截图，并让他们重叠在一起。再次插入一张截图，添加线条框和阴影， 缩小并移动到手机屏幕的左下角，围绕小图的四个边各拉一条参考线，等一下会用到。再插入一个白色的圆角矩形，移动到手机边框之内。首先给矩形添加缩放动画， 时间零点一秒，模拟截屏瞬间屏幕闪白的效果。然后给矩形添加一道动画，把结束点拖一道四条参考线的里面，并且拖动矩形对角线上的控制点，从而在一道动画的同时完成缩放。 是白色的圆角矩形在一道和缩放之后停留在缩小版的截图上面。 然后 追加一个不透明度变化，时间一点五秒，不透明度改为零。 差不多就要完成了，但哪里还有问题？这个小图应该是在屏幕闪白之后才出现，所以我们可以先把小图的不透明度改为零，使其不可见。然后添加一个不透明度的动画，恢复至百分之百，时间零点五秒。在构建顺序里，让小图的不透明度变化和矩形的不透明度变化同时发生。 小图移出手机屏幕的方法更加简单，添加一个一道动画即可实现，但是这里会穿帮，小图移出屏幕之后不应该被看到怎么办？ 插入一个矩形，并让矩形的填充和背景一致。一切都对了。至于最初的两个蓝色按钮是如何工作的，欢迎你在评论区发表建议。还有哪里不清楚，晚上来我直播间！

给大家道个歉，在上一期视频里面，我介绍了如何在 k no 里用一个动画实现苹果发布会中的一组效果，但由于输入了一个步骤，导致很多新手朋友做出来的并不像那个样子，别怕哈，我负责到底。没看过上期视频的朋友建议先去看一下 苹果发布会中的这个动画，有个细节，这条紫色的渐变线段是从画布中出现的，然后再向右移动，其实点在这个位置。而如果我们使用神奇移动处理之后，这条线段是从画外移入画内的，多经过了左侧的这片区域，现在我们不想让他经过这片区域，怎么办呢？ 我们可以画一个矩形，当做一个挡板，把这个区域给盖住，让线段从这个矩形下面经过，这样从上面就看不到了。然后只需要把挡板的填充颜色修改为和背景一致，就完成了百分之九十 十。那剩下的百分之十是什么呢？注意看，你会发现挡板的右侧边缘是条直线，把线段的圆角给搞没了，怎么办呢？我们可以再插入一个小的圆形，和挡板的右侧边缘相交，使用形状合并中的减少，搞出一个豁口来，这样一切都对了。 另外，如果不考虑这条线段是渐变填充的话，那么这条彩色线段的位置其实可以不用动，我们只需要在上面加一个往右移动的挡板，挡板向右抽走，线条逐渐出现，效果也是一样的。 事实上，这个动画还有很多种呈现方式，你要做的是多看多练，跳出局部看整体答案就在你眼睛里。

神奇移动很神奇，在我过往的 k 动教程中讲过很多次，比如苹果发布会中的这个动画，当讲到一个功能的多个使用场景时，可以接住神奇移动实现此类画面效果，且实现的方法非常简单，你只需要将整理好的图片插入到画布中， 然后将页面复制一份，在上一页调整这些图片的尺寸大小，并将图片层叠摆放，仅显示最上层的一张图片，从而设置好动画的起始状态。 然后在下一页中将图片以鱼鳞状左右排开，由中间到两侧图片尺寸依次调小，从而设置好动画的结束状态。然后在两个页面之间使用神奇移动过度动画，整个效果就完成了。如果你想要页面由展开状态重新恢复为解放状态，只需要将第一页复制到第二页，之后 继续使用神奇洞一样非常美妙，甚至你还可以这样，这样都可以。不过请注意，此类动画处理上下两个 面中的对象层级顺序要保持一致，不然就会穿帮。一个比较快捷而又能避免出错的方法是倒着做。比如这两个页面左边是动画的起点，右边是动画的终点。地面结构上一个十分简单，一个相对复杂。那么可以先不管起始页面，而是把结束页面先做好，然后复制一份 全选所有图片，在格式检查器中一键修改他们的尺寸参数，并使用对齐和排列工具快速完成对象摆放，从而得到动画的起始页面，显著提高操作效率。此类案例还有很多，下期我们接着讲，或者可以加入系统学习，了解更多画面背后的秘密，再见！

today， i'm thrilled to tell you the apple watch is named。 继续苹果发布会 keno 分解教学在二零一七年的秋季发布会中，库克老师提到 apple watch 成为了 top one 的手表产品。这里用了一组动画，非常生动地传递出了 apple watch 荣登榜首的事实。下面用一分钟教会你如何实现。 首先，在页面上输入榜单品牌画上必要的分割线，由于主角是 ipad watch， 所以可以在文字颜色上做出差异，使主角突出。另外配一两条更加醒目的分割线。第一步就做好了 复制，当前页面在第二页上放大页面中的信息，仅保留和 ipo hold 相邻的少数对比像，从而突出局部，并在页面间使用神奇移动过度动画。第二步也就做好了，重点来了，注意看最后这组看似复杂的动画，其背后的简单逻辑是让第一名和第二名换个位置，并让第二名 在上移的过程中发生缩放变化。具体操作时，给劳力士加一个向下的一道动画，给 app watch 加一个向上的一道动画，然后再给 app watch 这行文本先追加一个放大到百分之一百二的缩放动画，再追加一个恢复到百分之一百的缩放动画。要点是 缩放和一道要同时发生，并且两个缩放动画的持续时间之和要等于一到的持续时间，这样文本就可以在位移的行进过程中叠加放大的动画效果， 整个动画就完成了。原文件以上传至系统课程的班级群资料夹，多种动画使用建议均已在系统课程中更新完毕，欢迎新同学！