精华内容
下载资源
问答
  • WWDC苹果发布会PPT动态版源文件下载_精美学习课件ppt
  • 这是一套WWDC苹果发布会PPT动态版源文件下载,第一PPT模板网提供幻灯片动画免费下载; PPT动画使用了透明彩色图形、图案的叠加作为设计方式,色彩绚丽,动画效果简洁、清新,本PPT动画供喜欢的人下载欣赏; 关键词...
  • 如何掌握苹果发布会 PPT 制作要点

    万次阅读 2018-02-07 00:00:00
    本文来自作者 肃肃其羽 在 GitChat 上分享 「如何掌握苹果发布会 PPT 制作要点」,「阅读原文」查看交流实录。「文末高能」编辑 | 哈比很高兴你能够参与这场 chat,在这场 chat 中,我将分享一些从苹果发布会 ...
        

    640?wx_fmt=gif&wxfrom=5&wx_lazy=1

    本文来自作者 肃肃其羽  GitChat 上分享 「如何掌握苹果发布会 PPT 制作要点」,阅读原文查看交流实录。

    文末高能

    编辑 | 哈比

    很高兴你能够参与这场 chat,在这场 chat 中,我将分享一些从苹果发布会 ppt 中总结出的经验和技巧,建议你在学习文章前先大体浏览 2017 年苹果秋季新品发布会的全程。

    文章会以 Tips 的形式编写,总共 7 条 Tips。希望你能够有所收获。


    文中所展示的苹果 keynote 图片均不是个人原创,如有需要请联系原作者购买(微信 arieswang2017)

    1、保持布局简洁

    你的观众在一定时间内无法接受太多的信息,人们的短期记忆十分有限,这意味着你不能使用太多过于繁复的布局方式,这么做会使他们感到疲劳、迷茫,抓不住重点,不再愿意接受真正重要的内容。

    你可以尝试以下方法:

    使用相对固定的布局方式

    如果你认真看过苹果整场的发布会,就会发现其实布局方式无外乎下面 4 种

    1. 全图型

    640?wx_fmt=png

    640?wx_fmt=png

    这几乎是你能够在苹果发布会上看到的出现频率最高的布局方式

    优点:

    • 简洁、舒畅

    • 制作简易

    • 拥有震撼力

    • 阅读压力小

    • 效果直观

    • 表达中心明确

    缺点:

    • 在抽象概念上的表达效果远远不如文字

    • 如果不能很好的表达中心思想,那么这页幻灯片将变得十分糟糕

    2. 单一标题型

    640?wx_fmt=png640?wx_fmt=png

    优点:

    • 极度简洁(甚至超过全图型)

    • 制作简易

    • 信息点少,易于观众记忆

    • 主旨明确

    缺点:

    • 有时会显得单薄

    • 没有更多细节的情况下,大量使用会使风格显得单调

    3. 大小标题型

    640?wx_fmt=png640?wx_fmt=png

    大标题一般是具有震撼力的数据,小标题起说明作用。

    优点:

    • 小标题的说明有利于观众记忆数据的含义

    • 继承单一标题型幻灯片的几乎全部优点

    缺点:

    • 风格尤其是配色会略显单调

    4. 图片-说明型

    640?wx_fmt=png640?wx_fmt=png

    优点:

    • 比单纯的文字更生动,人们更喜欢看到图片

    • 整体效果简洁。 如 Face ID 那一张信息其实很多,但是毫不凌乱,大多数时候其实根本不需要无用的修饰,只需要最简洁的排列

    缺点:

    • 有的页面信息非常多,适合做小结页;如果直接展示会让观众感到迷茫,且观众无法记住这些信息点

    元素简洁才是关键苹果所推崇的设计思想中,最核心的一条就是极简主义 

    真正重要的元素并不多。喜欢极简的人经常爱说 Less is more,并不是因为它看起来很酷,而是因为只有元素数量减到最少的时候,人们才能完全把注意力放在最重要的东西上。

    这意味着它即能吸引人们的注意力,又可以减轻阅读负担和制作难度。

    想要达到极简状态的最基本方法就是:

    1. 去除所有不能直接影响核心内容的表达效果的装饰元素

    2. 用最少的文字 / 图片表达最多的信息(也就达到了所谓的 “少即是多”)


    为了对比修改前后的风格变化,我们将下面的幻灯片修改成极简风格:

    640?wx_fmt=png

    背景与内容无关所以去掉,水滴状的装饰物并不是核心内容,ABCD 的序号其实不影响阅读,文本框的背景无用大可删去,甚至不用写 “目录” 两个字——演讲者可以说出来。所以现在的幻灯片应该是这个样子:

    640?wx_fmt=png


    经过简单的修改可以达到如下效果:

    640?wx_fmt=png

    有时横向排版更顺应人眼阅读习惯,加快人们的阅读速度:

    640?wx_fmt=png

    当然背景不一定要用黑色渐变,这么做只是为了吸引观众注意力(也可采用活泼一些的背景色)。

    注意,极简主义意味着 “极度简洁”,但说到底只是一种设计风格,并不一定非要使用(就像你可以用 Material Design 一样)。但任何 ppt 都必须做到基本的简洁 ,只有这样才能控制好观众阅读成本(观众想不想看)

    2、图片 > 图表 > 文字

    这一点其实是显而易见的,例如下面这页 ppt:

    640?wx_fmt=png

    苹果不会做成这样:

    640?wx_fmt=png

    这个例子可以看出图片比文字生动、形象得多,图片更顺应人们的阅读习惯,不会令人感到枯燥难懂。

    同理,如果把下面的国旗全部换成文字。

    640?wx_fmt=png

    会是这样:

    640?wx_fmt=png

    页面会显得乏味、拥挤。

    信息看起来很多,人们的辨识速度和阅读体验就会下降,导致人们甚至不想寻找自己国家的支持的运营商。

    这里可以看出图片 / 图表的另一个性质,人们会因为语言的限制而无法理解某些事物,但图片却不会 。

    比如你扫一眼第一张图就会发现里面有中国,但对于英语不是很熟练的人来说,同样的时间看第二张图却不一定会发现 China,我认为这也是图片和文字最大的区别 。

    但正因如此,图片被限制于用眼睛看到的事物中,也就难以表达深层次的、抽象的概念。例如表达 “Humanitarianism” 一词时,很难找到与之匹配图片。

    这时折中的办法是对某些字母进行特殊的设计、处理,配合其他的图表来使 ppt 变得生动活泼。

    3、间距营造呼吸感

    这一点几乎是纯技巧性的,例如观察下面两幅图的区别:

    640?wx_fmt=png640?wx_fmt=png

    可以明显的看出正负标题的字符间距发生了改变,“WATCH” 的字符间距由 0% 变成 6%,“SERIES” 的字符间距由 0% 变成 22%。

    由此可见,适当地 拉大字符间距能够营造呼吸感。但所谓适当地到底是多少呢?因为字符间距如果过大会导致阅读速度的下降,反而失去了实用性,所以我建议你把字符间距控制在 -8% 至 25% 之间,如下图:

    640?wx_fmt=png

    比如下面这页 ppt:

    640?wx_fmt=png

    调大字符间距之后是不是效果非常明显。

    640?wx_fmt=png

    这里要注意中文的逗号要特殊处理,因为逗号的间距本身就大,所以甚至应当适当缩短逗号的字符间距。

    640?wx_fmt=png

    4、挑选字体

    少选,优选:一页 ppt 里不要使用 3 种以上的字体。
    整个 ppt 尽量少的使用新字体。过多的字体种类容易导致风格的分歧和页面的混乱,导致表达效果达不到原本的预期。

    每一种字体在设计之初就要考虑其表达主题、情感基调、适用人群、适用场景等诸多客观因素,因此每种字体的设计风格和适用性都不尽相同。

    大体浏览苹果 2017 年秋季新品发布会的 ppt,我只发现 Helvetica、SFUIDesign、MyraidSetPro 3 种字体,并且这 3 种字体的风格都被很好的发挥、统一。

    对于一场发布会来说,文字不需要过多的修饰,就可以全部使用无衬线字体,这样做的效果正式、简明扼要。

    640?wx_fmt=png

    而不是这样:

    640?wx_fmt=png

    关于此,一个有趣的事实是:如果文本字体十分难以阅读,会导致观众对产品本身也留下不好的印象,观众会不自觉地认为这件事很难做或者这个产品不好用。

    可读性相当?

    衬线字体笔画连贯、粗细不一,而无衬线字体字形简洁、醒目,但单从可读性角度而言,只要不是修饰过多导致难以识别,用什么字体并无太大区别。

    如果综合考虑,建议你的标题使用无衬线字体,因为这样会使观众一眼看到重点。

    5、拥抱留白

    留白不代表 “没有”

    有的人做 ppt 时总是想尽各种办法要把页面填满,添加了许多无用的装饰物,否则就会觉得空虚、不饱满。

    其实一定的留白并不代表 “空无一物”,正相反,留白本身就是一种填充。

    留白也被称之为 “负空间”。适当的留白能够营造呼吸感,让观众把视线聚焦在真正重要的东西上,一定程度的减少阅读压力,让页面显得干净、整洁。

    640?wx_fmt=png

    而不是这样:

    640?wx_fmt=png

    留白创造规律

    发现规律有助于快速处理时刻接受的大量感官信息,即便本没有规律,人眼在观察物体时也会尝试创造规律。例如下图:

    640?wx_fmt=png你会不自觉的将 6 个小球 “看成”(或者说 “分析成”)两个一组的组合,但在下图中

    640?wx_fmt=png

    你的大脑并不会作出任何” 分组 “。

    在这两幅图中,6 个小球的形状、大小、颜色均没有任何改变,只是每个小球之间的相对距离发生了改变,也就是留白的变化,可以被用于引导观众的思维,自然地划分模块、区别内容。

    同理,如果你的留白十分诡异或者根本没有规律,就会使人们感到厌烦。

    而这个 “规律” 从本质上来说是指相邻物体必然相关的人脑思维定势上,而且通常来说,左右相邻关系比上下相邻关系更紧密。在设计 ppt 时要格外注意。

    6、弱化背景

    如果背景图片与文字颜色相近,或者背景颜色较繁杂,可以尝试以下方法对背景进行处理

    使用蒙版

    640?wx_fmt=png640?wx_fmt=png

    在背景上加一层半透明蒙版可以起到加强对比、突出重点的效果,使得文字部分更能吸引观众的注意力。

    模糊处理


    640?wx_fmt=png



    背景虚化同样可以突出前景内容,苹果从 iOS7 开始大面积使用高斯模糊的新手法。

    区别?
    • 蒙版通过降低背景图片明度来增强与前景色的对比;就像我们在手机摄像头上追求的背景虚化一样,背景模糊会使观众视线自然聚焦到前景,是实现自然过渡的手段之一,并基于此突出重点;

    • 蒙版可以给出更多细节信息,而模糊则不能;

    • 蒙版用于强调前景内容,趋向于 “说明”;模糊则趋向于 “融合”、“过渡”,强调前景内容和背景内容的联系。这也是苹果之所以在这里用高斯模糊的原因——不希望弱化现实中的 HomeKit 和手机上的 HomeKit 的显示关系、效果。

    7、流畅的动画

    不要滥用动画

    现在很多人做 ppt 习惯性地加入大量的动画,每一张图片、每一段文字都要有动画

    640?wx_fmt=gif

    暂且忽略上面这页 ppt 的配色、布局,并不是每段文本都需要飞入、浮入等动画,而且文本是直接跨过边框进入的,完全忽视边框的存在,与平常人们的思考方式相违背。

    苹果发布会的 ppt 并不是因为动画多才广受赞誉的,而是因为每个动画都恰到好处,将动画的优势发挥出来。过多的 “可怕” 的动画会导致页面混乱,搅乱观众的思维,甚至让人们感到不耐烦。

    动画的本质是元素与元素、页面与页面之间的过渡、引导。

    并不是 ppt 的必备或主要的构成部分,反而仅仅是润色原本的框架,制造、放大、完善原本框架的细节、魅力。其被设计的根本目的是 “锦上添花”,不能因为某些 “华丽” 的 “特效” 而使其喧宾夺主。

    每个动画的使用动机必须明确。

    动画的使用场景应该被严格限定在以下 2 个场景中:

    • 较为复杂的概念解释:单纯靠演讲者 “说” 已经无法表达或者十分难懂时,可以以动态形式展示给观众;

    • 过渡:元素状态(位置、大小、填充等)发生变化时、幻灯片场景或气氛切换时的平滑过渡方式。从一个阶段逐渐发展到另一个阶段的过程称之为过渡,并不是所有过渡都需要动画来完成,动画的使用应该十分吝啬,而且只有平滑过渡的动画,也就是合适的动画,才能保证过渡的实现,给观众带来惊喜、震撼,吸引他们继续集中注意力。

    真正有用的动画不多

    经常看到有人说 keynote 以复杂炫酷的动画著称(有的时候确实是这样),但其实和 ppt 一样,最常用的、最有用的动画仅仅是移到(ppt 里叫路径)、缩放(ppt 里叫放大 / 缩小)、不透明(ppt 里叫透明度)、划变(ppt 里叫擦除)外加一个神奇移动(ppt 里叫 Morph)而已。


    通过这几个动画的组合,就可以完成绝大多数的动画效果,再加上零星点缀的 “华丽” 的 “特效”,就能做出一份高质量的 ppt 动画。

    所见即所得

    我们来详细看看苹果发布会 ppt 中的动画。

    640?wx_fmt=gif

    这里用到了神奇移动,能够自然地显示出重点强调的 3 个 App,包含了一种 “所见即所得”(WYSIWYG, What you see is what you get)的思想。

    其逻辑是:当希望说明 iPhone 的某些 App 十分重要时, 让他们直接 “出来”,并让其他多余的元素消失。

    你也可以这么理解:当时的演讲者(和 ppt 的设计团队)是这么想的:当我讲到 iPhone 的 3 个重要 App 时,我希望它们能够变得突出,并让其他东西消失。

    而让它们变得突出的过程非常适合用简单的神奇移动来承接。这样简单、轻松的设计能够给人很舒服、自然、顺畅的感觉,又有一定的创造性、突破性(体现在打破 “边框” 的设定上,即 App 直接从手机里 “跳” 出来)

    这一段可能有点不好解释,甚至解释的比较混乱,但我希望你能懂一点:让思考变得 “直接”,想办法让 “变换” 变得自然,不用去管条条框框的限制,但又不能违背常人的基本思维,让人们觉得荒诞、奇怪。

    640?wx_fmt=gif

    上图也只是简单的神奇移动,但是就会显得很自然,并不 “可怕”。

    比如下面这两页 ppt 的切换

    640?wx_fmt=png640?wx_fmt=png

    苹果选择了这样的切换方式:

    640?wx_fmt=gif

    这个动画叫 “推移”,十分简洁、明了。但如果你用 “五彩纸屑”,效果就很奇怪。

    640?wx_fmt=gif

    为什么产品会变成纸屑飞走?这种动画看起来很酷,但是放在这里就显得不合适。同样地,如果是 “扭曲” 也不符合常理:

    640?wx_fmt=gif

    扭曲的效果让 3 个产品看起来像印在一张纸上,反而使产品失去了质感。

    结语

    这里列出的 Tips 仅仅是关于 ppt 制作极小一部分。如果你对其中某一部分感兴趣可以参考以下内容:

    • 《字体设计进化论》(刘柏坤)

    • 《设计要懂心理学》(Susan Weinschenk)

    • 《乔布斯的魔力演讲》(只有好的演讲才能发挥 ppt 的真正优势)


    近期热文

    机器学习数据预处理方法与技巧系统讲解

    中小型企业基于大数据技术的项目实践

    GitChat 被恶意攻击引发的技术性思考:拒绝服务攻击

    最简单的 Spring Boot 入门指南

    作为面试官,如何考察工程师的软素质

    谈谈 Java 内存模型

    Jenkins 与 GitLab 的自动化构建之旅


    640?wx_fmt=jpeg

    「阅读原文」看交流实录,你想知道的都在这里

    展开全文
  • 10张PPT带你看完苹果发布会 ,致敬《碟中谍》Tim Cook 登场,iPhone XS介绍,iPhone XR介绍,A12 Bionic iPhone 迄今最智能、最强大的芯片,Liquid LCD显示屏,存储介绍,2018苹果秋季新品发布会主题图形封面,...
  • 苹果发布会_精美学习课件ppt
  • 看完苹果今年很软的软件发布会,发布了4款和我相关度近似无穷小的产品,News/Card/Arcade/TV+。 留下深刻印象的还是Keynote的展示,于是想捣鼓着用PPT模仿一下发布会中的部分效果。一共模仿了7种效果,依次为:1. ...
  • [PPT]用PPT来做2019苹果发布会演示文稿【附源文件下载】-附件资源
  • 苹果2015发布会,苹果发布会的设计,WWDC2015给ppt演示的10个提醒,PPTer必看的潮流设计趋势。
  • 看完苹果今年很软的软件发布会,发布了4款和我相关度近似无穷小的产品,News/Card/Arcade/TV+。 留下深刻印象的还是Keynote的展示,于是想捣鼓着用PPT模仿一下发布会中的部分效果。 如果是手机浏览用户:请直接看...

    看完苹果今年很软的软件发布会,发布了4款和我相关度近似无穷小的产品,News/Card/Arcade/TV+。   

    留下深刻印象的还是Keynote的展示,于是想捣鼓着用PPT模仿一下发布会中的部分效果。

    如果是手机浏览用户:请直接看视频效果:视频演示

    如果是PC端浏览用户:请往下看。

    多图预警,主要是演示动图,所以先附上源文件的下载链接:

    https://download.csdn.net/download/zytjasper/11069995

    (CSDN积分不是我定的..求问如何修改)

    2020/1/8 更新:为了更好地交流学习,我将我的源文件放在网盘中大家可以直接下载:下载链接(此处是超链接),提取码:7xv8

    一共模仿了7种效果,依次为:

    1. 图标背景渐变:[左原图/右模仿]

    2. 图片中心聚拢+专辑展示:[上原图/下模仿]

    3. 圆形旋转与数字增长:[左原图/右模仿]

    4. 人名浮现显示:[上原图/下模仿]

    5. 地图缩放效果:[上原图/下模仿]

    6. 三圆中心旋转:[上原图/下模仿]

    7. 字幕式文案:[上原图/下模仿]

    效果下面的步骤仅提供制作的思路,具体的详细步骤请参照附件中的文件,欢迎评论交流批评指正。


    • 1. 图标背景渐变:[左原图/右模仿]

            

    这个过程很简单:

    (1)建立一张黑色背景,建立Card文本框,合并形状选择减除。

    (2)选择一张颜色渐变的图片放置于最底层,设置移动路径即可。

                                   

    • 2. 图片中心聚拢+专辑展示:[上原图/下模仿]

                                               

                            

    这个复杂一些,主要是利用了多图片路径移动和遮罩原理。

    (1)建立专辑图片素材,打开网格线设置所有图片的移动路径到中心点。(Tips:一定要设置不同的延迟,有回收快慢的效果)

    (2)移动后同时消失,并出现新手机素材。(文字是擦除效果,FaceID 加了闪烁强调)

    (3)利用遮罩的思路设置专辑播放的效果。(黑色部分为置顶的遮罩,设置图片的自定义移动路径)

                                    

    • 3. 圆形旋转与数字增长:[上原图/下模仿]

    (1)圆形的渐变首先画好形状,应用轮子动画来完成。

    (2)给小圆增加3/4圆的圆形路径。(这个是难点,涉及到关闭和编辑顶点,在下图中有说明)

         (2.1)首先右键编辑顶点,在左边的顶点处点开放路径,此时顶点分离出来,删除消失的末尾顶点即可。

    (3)数字的增长其实就是多个文字框的更迭,设置好出现消失时间就可以了。

    • 4. 人名浮现显示:[上原图/下模仿]

    (1)建立人名的文本框,通过动画—强调—放大/缩小完成动作,设置缩小的比例为80%。

    (2)给不同的文本框设置先后出现顺序,缩小的比例相同。

    本步仅需要注意不同文本框的出现时间。

    • 5. 地图缩放效果:[上原图/下模仿]

    (1)将地图一部分扣出,设置自定义路径并同时增加强调动画,即可实现边移动边缩小的效果。(Tips:缩小之后的位置需要人为的调试,此处不知道有没有更好的方法)

    (2)增加国旗素材,在地图移动完成后出现即可。

    • 6. 三圆中心旋转:[上原图/下模仿]

    这是比较难想的一个:(1)首先设置三个圆的自定义路径,仔细观察后发现原图中并不是椭圆路径,所以定义了不规则的移动路径实现旋转到中心的效果。

    (2)在小圆转到中心后立刻消失,同时大圆出现,仔细观察在旋转时还有放大的效果,因此单独复制了一遍大圆增加了脉冲强调效果。

    (3)在大圆出现的同时设置文字的自定义路径。

    (4)最终设置大圆的旋转,通过强调动画中的陀螺旋来完成。

    • 7. 字幕式文案:[上原图/下模仿]

    一共找到了7个比较好玩的效果做了模仿,有时间还会进一步改进和调整。在评论区欢迎提问与交流!

    展开全文
  • 线圈创意、极简文字主题封面,手机展示与发布会主题元素设计,苹果2018发布会主题模板,超宽屏苹果2018秋季新品发布会黑金版主题ppt模板。
  • 今年的科技春晚,实在没有带给三顿太多的惊喜。...苹果发布会PPT-MG动画https://www.zhihu.com/video/1155489104249679872是的,撇开产品不谈,苹果的演示设计一如既往的颜值在线。那其中又有哪...

    8f93af0a31ed9084e3cad9870da2d403.png

    今年的科技春晚,实在没有带给三顿太多的惊喜。新的iPhone、Apple Watch和iPad,一张图就能带你看完!

    ▼ 图片来源:苹果官方微信公众号

    6f2fd8f6c83eb0c79058bb82d130697d.gif

    看了整场发布会,最惊艳我的反而是开场的这组MG动画,太太太太酷了!

    adec612be03f50acd3c573545688637a.png
    苹果发布会PPT-MG动画https://www.zhihu.com/video/1155489104249679872

    是的,撇开产品不谈,苹果的演示设计一如既往的颜值在线。那其中又有哪些我们可以学习借鉴的PPT技巧呢?这篇文章给大家做个分享。

    cfc840eb6da7a434344786f479925ae5.png

    有哪些值得学习的PPT技巧?

    一,是样机效果。在这次的发布会PPT中,三顿看到了大量样机效果的使用。

    78bafa354bec74165bb4574023cb383f.png

    be23e5df08c047b450c5775daa789275.png

    确实,样机早已成为各种产品发布PPT的标配。在截图外面加个壳,颜值立马提升不少。

    904b6b6f5e144625760c9ac87e5ef99f.png

    在往期的文章中,也有给大家分享过不少的实际案例:

    103831f302372e25a26c5b0ed69df854.png

    4acb00867a9bcdb881b7f05f01a872d7.png

    二,是模块化布局。之前就有给大家安利过这种灵活的布局方式,将内容模块化,用一个个小的形状来承载内容,保证排版效果的同时自由度超高。

    8ef30f1408ce6ca7c3c89d78c86d9fe7.png

    06c51695749339be6847d3ea6874082b.png

    每个模块的大小可以自由设置,适合用于总结归纳或是承载大段的文字内容:

    697d1301929c4200d918eef5bd1c2d76.png

    在往期的文章中,也有给大家分享过不少的实际案例:

    2f307c53e0a574971d845ccb57f52261.png

    ef85a306941cf0c8731eaf48ceae8672.png

    前两个技巧,三顿反复介绍过很多次。而在这篇文章中,最想和你分享的是这次发布会PPT中酷炫的动画效果!

    有在苹果发布会中出现了很多次的圆形动画:

    235636345ce8fb1655512e85ae280e6a.gif

    也有各种“高大上”的转场效果:

    2548d8146698ef4b5b76ab6e7111f301.gif

    2304ea65b044ce883554edbb788278e8.gif

    在众多动画中,三顿选了两种“PPT小白”也能搞定的效果,给你做个详细的介绍。

    PPT小白也能上手的平滑效果

    利用平滑制作转场动画

    在这次的发布会PPT中,三顿看到了很多利用Keynote的神器移动制作的转场动画:

    177b3cb109ff7f19aca2140df2c6b3ef.gif

    ee7a37c3edcb69e7e90c84f122da681d.gif

    其实,这样的效果在PPT中也能一键搞定!需要用到的是PPT切换选项卡中的平滑效果

    41da9648cc94e2603029d4241e0b5cce.png

    第一页设置元素的初始状态,而第二页设置元素的最终状态:

    c35a3455cdcc526a66d578723e681946.png

    完成后点击平滑按钮,一键就能搞定这种高逼格的过渡动画:

    9ec132e1697c666adb49a4595f100220.gif
    利用平滑制作放大镜动画

    平滑效果超好用!比如这次发布会PPT中有这样一个放大镜动画:

    ae385288a048953320bd743a7a3880ff.gif

    三顿就利用平滑效果制作过类似的案例:

    d3acee16add7fd8033bf8456a840b198.gif

    如何制作呢?首先准备两个完全相同的页面,作为初始页和最终页:

    36810f60cdb828a114b1f75a64caba02.png

    第二步,在初始页面复制原图,将其等比例进行放大:

    aa66cd5ea93228fcf9f2d4205bc18bc1.gif

    第三步,点击剪裁,将剪裁选区适当的拉伸放大:

    dede0c8dbe092767743c6a1770540041.gif

    第四步,在图片后添加两个完全相同的圆形,分别代表放大的起始和最终位置。添加后,选中第一个圆形和大图,执行合并形状-相交操作。

    5785a4bcbcf354b9a23c9dd88dff22ab.gif

    第五步,在网上找一个放大镜的图片素材,与合并形状生成的图片拼合后摆放到初始页面上原图左侧的位置。

    7fa862e6eb28894c5be86f37fe60abd3.png

    第六步,同样的方法处理刚才右侧的圆形,摆放到最终页面上原图右侧的位置。

    1b0156c32d2efc7e1b737039735d80ff.png

    完成后为最终页面添加平滑效果即可。这次发布会中的放大镜动画案例,也可以用这个方法进行制作,不妨在看完文章后自己动手尝试一下吧!

    关于平滑功能,三顿之前写过一篇完整的介绍文章,如果你感兴趣,也可以点击这里查看详细介绍。

    利用平滑效果搞定PPT图片墙

    在这次的PPT中,亮眼的还有图片墙效果的使用:

    56a14e877c381ef9ad76715520844c02.png

    fc0f2c71a4456acb3345ecee8fea58f0.png

    将大量图片或规则或散乱的排布在页面中,视觉效果非常震撼!

    77890c69ecf89c70ccc87b746abdb5a6.png

    21c4428fce6d2e273cac3527677fb58c.png

    这种效果实现起来并不困难,可以借助像CollageIt这样的软件或是手动来完成排版。

    那,加上动画效果呢?

    b13030f5699c9b648d91bc1bc565187b.gif

    487269acac0b9e1178c1c70304adb966.gif

    在往期的苹果发布会中,我们也经常能够看到在图片墙的基础上为图片添加动画:

    5d4671d312f653293dc20035f5a6771e.gif

    这些图片效果是怎么制作的呢?其实利用平滑也能搞定!

    利用平滑制作图片放大效果

    先来说说比较简单的图片放大效果,我们只需要制作一个起始页面A:

    257b84a52ba17f0f42a8a6acb9d67bc8.png

    利用蒙版制作一个最终页面B:

    b9f5faa3bc7156ea42a2aa537f4e2f44.png

    调出选择窗口,以“!!+名称”的方式对元素进行命名,将两页上的图片关联起来。(在前面提到的平滑效果制作文章中有详细介绍)

    bb75a8f3ed0b0003f4280c5b41fb0053.png

    完成设置后,选中B页,在切换选项卡中点击平滑就能搞定!

    172423814f22e99eaa854b5e0d4d7c5c.gif
    平滑与基础动画组合使用

    图片放大简单,那像这样先缩小图片,其他图片再逐个显示出来的效果要怎么做呢?

    487269acac0b9e1178c1c70304adb966.gif

    第一步依然是使用平滑,将这样两个页面作为起始页和最终页,再添加平滑效果即可完成图片的缩小。

    4c1c606f73ff9a1203ba3abadbafb6df.png

    比较复杂的是后面图片逐个出现的效果。简单一些,是直接使用像淡入这样的动画来让图片逐张出现:

    4538df76c25b11e076e9087dc272b8c8.png

    但是呈现效果并不自然:

    c483b39343d5f1af558ef814fc3fc631.gif

    三顿的做法是给每张图片使用“放大+淡入”的组合动画:

    ffcc5c558b87b9cf685ca585a32a42c7.png

    首先需要处理图片,点击单张图片了解图片宽度后再进行全选,将图片宽度统一缩小10%:

    25fe2c51d4644a49fa73a014abdad2da.gif

    然后为第一张图片添加淡入和放大两个动画。完成后在动画窗格中,右击放大动画,打开效果选项,将放大比例设置为110%

    4d8124acbb12efd1e96c2204efa3dfe2.png

    完成后利用动画刷为每个图片都加上这个动画组合,再逐个调整动画速率即可:

    ada8a57c45f7211493a6837c690d856e.png

    动画延迟和持续时间的调整非常关键,需要反复的调试。时间关系,三顿做了一个比较简单的样稿:

    1310d15d936d6e9a152b5882da92906d.gif

    大家不妨可以自己动手尝试一下,如果有更好的制作方法,也欢迎留言分享出来~

    展开全文
  • 可是到了中国,因为一些众所周知的神秘力量,什么Apple News/TV/Card等等服务都可能不复存在~小科普:Keynote为Mac平台的演示软件然鹅,对于我们这样的的设计爱好者而言,正好大大相反,因为这次苹果发布会的的...

    e93d8373b2dfbcd1b541b69e1c30e3ba.png

    前几天,苹果开了场“史上最尴尬”的发布会,发布会上牛皮吹的满天飞,可是到了中国,因为一些众所周知的神秘力量,什么Apple News/TV/Card等等服务都可能不复存在~

    2e6fadda911c30990a1f6ffaf66638d1.png
    小科普:Keynote为Mac平台的演示软件

    然鹅,对于我们这样的的设计爱好者而言,正好大大相反,因为这次苹果发布会的的keynote动画实在是太太太太太nb了!酷炫到什么程度呢?赶紧来看

    faadb5e15bbfcf65c8f5752e14fecfd1.gif
    地图放大动画

    4dab3e6e835fdc97187803d75fa4efe2.gif
    杂志翻页动画

    dac0f7d5e538e175b3cf5691bda8acc6.gif
    三点汇聚动画

    ef5569b1ce7b2a299fb1427d06c582c8.gif
    杂志展示动画

    看完这些动画效果,虽然Keynote很厉害,但是今天,我用PPT中的1个技就可以快速模仿做出80%以上的效果!

    ff02a44eac7d594c6fbff8ae31a03d13.png

    怎么做呢,废话不多说,在线教学这就来~(文末下载本节源文件)


    一.地图放大动画

    faadb5e15bbfcf65c8f5752e14fecfd1.gif

    在若干年之前,PPT党们还只能默默羡慕keynote拥有的“神奇移动”功能,可以快速实现这样的平滑放大效果~但是这一切在PPT“平滑”功能的加入后,立马改变!

    4e0c54f52a7f8658964c577eff436fdb.png

    “平滑”功能在哪里呢?在更新至较新的Office版本后,在切换一栏第一项就可以找到!

    ef33b88c44c66cad0e732ed8b4935f65.png

    PPT中的制作:

    说回我们的地图放大展示动画,在PPT中制作过程分为两步~

    第一步,新建两个页面,将地图分别设置为不同的大小(从局部到整体)!

    cf66266c078ea01ed93b0b0cf3f7867d.png

    第二步,在页面A上,选择【切换—平滑】就大功告成了!无需任何额外操作,简单粗暴~

    21cdc2764b29b81134ce2b1be1695697.gif
    文末可下载源文件

    再加入一些简单的国旗图标和数字之后,简直可以以假乱真!

    36fe12b554cbb1d163d1725fb117c54c.gif
    文末可下载源文件

    这么简单高效的方法,怕是库克看到也要坐不住了~

    2a22a0063ad7bda7c86304e3e6494df5.png

    二.杂志汇聚动画

    1766b5abe209ef328f437ffac6cefce3.gif

    如果你已经掌握了地图放大动画,相信这一步对你来说也不是难事,同样也是用到了“平滑”功能~这次我们直接开始制作!

    PPT中的制作:

    第一步,我们将下载好的杂志封面排版,并作为两页共同的背景(因为它们在两页中并没有变化)

    c4d10150b2403e7029c33258fe588277.png

    第二步,在第二页加入黑色蒙版(半透明的矩形),并且在上面调整变化的图片位置

    0b9b6af0d7df6e24500e1452e71fe57a.png

    最后,在第一页用上“平滑动画”就可以完成了,相似度超过90%!

    d56283dd8d85f08702e165102077266d.gif

    那还有没有“平滑”功能的使用方法呢?当然有!

    5f91a7acc79cee3493269811f568fb3c.png

    三.3点汇聚动画

    dac0f7d5e538e175b3cf5691bda8acc6.gif

    如果忽略一些复杂的细节,3点汇聚动画就变成最容易制作的部分~只需要调整两页的元素排版即可完成!

    PPT中的制作:

    第一步不再啰嗦,将元素在两页中摆放好,调整文字的位置

    dc57d103a7181bb5817325bba3298a62.png

    第二步,在第一页添加“平滑”效果,即可完成!

    7ee5c1995e5092614f77acc692e09f51.gif

    还能怎么玩?如果更进一步,对于更多个点的效果也同样适用~会有更加炸裂的视觉效果!

    34b60b2bf0e8198823c54ebef8a3bc67.gif

    本期就到这里啦~如果觉得内容不错可以点赞/收藏!

    展开全文
  • 王:创意和主题是我们三个人讨论了2个晚上逐渐形成的,像很多点子创意都是我们越聊越开心,一个个蹦出来的,具体分工其实也是交融在一起的,但每个人都有核心的部分,像邱越是我们的审美担当,整体PPT的黑板画风格...
  • 这是锤子科技坚果手机发布会PPT,整个幻灯片设计简洁而不简单,是一份精美的产品简介PPT;第一PPT模板网提供优秀幻灯片作品下载欣赏; 锤子手机PPT内容简介: 锤子手机是由罗永浩创办的锤子科技研发的一款中高端...
  • 今年苹果发布会没有看,但是最近看到三石兄发了一篇关于发布会现场的这页PPT复刻的推文,它介绍的是利用直线辅助的方法来完成。三石兄相关推文:iPhone12发布会PPT,你也能做!​mp.weixin.qq.com那么今天我们主要...
  • 来自:利兄日志(ID:lixiongppt)作者:利兄前两天,一位知识星球的读者给我提了一个建议:想让我聊聊PPT动画。他认为动画才是PPT的灵魂,才是PPT与其它设计软件的最大差别。...我们知道苹果发布会PPT...
  • 上篇文章发布后,有不少读者对文章开头的两个动画非常感兴趣:第一个,苹果发布会的位移缩放动画:之前就写过详细的教程,点击下方图片即可跳转,这里就不多讲了:第二个,三星发布会上的运动模糊动画:初看这个动画...
  • 就在前天深夜,苹果在官网偷偷上线了一款新的手机产品,相信很多读者,都知道了这个事情。但今天,咱们不是来聊这款手机,而是聊聊这款手机的网页动画设计。为啥呢?因为从产品上线以来,已经有超过10个人,问我关于...
  • 3月26日凌晨,苹果如期举行了春季发布...小米高管集体评论苹果发布会:英雄所见略同 小米电视营销副总裁高雄勇贴出一张内容近似的PPT(2012年雷军站台小米发布会上的PPT),评论道:“苹果学小米,也来铁人三项了。...
  • 苹果秋季新品发布会上的动画效果,堪称典范!看完这篇文章,相信你也能用PPT做出这样的动画效果,全程干货分享。另外,源文件打包送给你,文末领取哦!先来看一下发布会中顺滑的动画效果:不得不说,这次发布会中的...
  • 回到正题,苹果发布会预告海报中渐变圆球是怎么做的呢? 其实,它的原理并不复杂,主要用到了一个渐变类型 —— 射线渐变。 什么是射线渐变? 相信大家都知道,线性渐变是沿着某个轴线进行颜色变化: 而射线渐变则...
  • 三顿经常会在各种品牌的发布会上看到一些特别酷炫的动画效果,比如前阵子苹果春季发布会上的这组转场动画:再比如锤子科技发布会上这个非常经典的放大镜动画:这么酷炫的动画,做起来一定特别复杂吧?完全不会,甚至...
  • 今天凌晨1点,苹果在WWDC19发布会上公布了全新的iOS 13系统。作为一名PPT设计师,关注的焦点都在发布会的字体设计上。毕竟每一次的发布会后,它都能引领一波设计风潮。充哥第一时间使用了求字体网的在线查找字体功能...
  • 2018年1-8月手机行业发展白皮书数据周期:2018年1-8月数据来源:友盟+全域数据、凯度消费者指数涉及品牌:苹果/华为/荣耀/OPPO/vivo/360/一加/锤子/魅族等核心模...
  • 而在经历了被苹果发布会PPT吊打性能、被华为Mate 30发布会PPT吊打拍照之后,很快就被人们遗忘在脑后了。而最近随着iPhone 11系列上市以及华为Mate 30系列开启预定,三星似乎有些坐不住了,把自家的主力旗舰三星S10的...

空空如也

空空如也

1 2 3
收藏数 51
精华内容 20
关键字:

苹果发布会ppt