当前位置: 首页 > news >正文

苹果ppt_我用PPT复制了苹果官网的动画!

      Hello,大家好,我是刘晨阳,今天要给大家带来一个炫酷的动画。

e87b5a0aea272e78127ac27915981a81.png

苹果的官网大家去过吧?这个动画见过吗:

198487854c86801cb263ea6b7cb15e8e.gif

这个原理很简单,我模仿着做了一个:

55406b76011ce5afd18a625bae4fce7b.gif

其实就是:

6c7c32f0c7d345247974e1fc0ff94e2f.png 045a0317333adfa45ffc0fcc2bfba6a0.png 0178746824ee473ec6af72af210a8851.png

然后加动画,简不简单?

具体步骤   详细操作

具体怎么做?先看材料准备!

材料准备

第一层:镂空Logo

e70b79991762231c592b73948389b5d7.png

先绘制一个白色的Logo和一个黑色的矩形

特别注意:Logo必须是形状!

再选中这两个形状,合并形状,剪除即可

特别注意:先选中矩形,再选Logo!

dda0f3f6fc84b02b8af4e568f1ec4471.gif

第二层和第三层不用多说了吧?

接着来看动画,这个动画主要分为:

1.镂空Logo的放大

2.白色矩形的消失

3.图片的出现

先来看第一个

动画制作

镂空Logo的放大

这里我使用的是islide插件中的平滑过渡,因为

794e2097e7875c2a36afa6b386722ab0.png b02af3b86b00fe59164ecf7df97305b1.png

我们把原来的镂空Logo复制一层,放大:

f3076163a2712b823acb4af8d831ded6.png

      然后打开islide插件,先选中初始界面,再选中放大后的页面,拓展,平滑过渡,搞定!

cdfebf3e3aba8ac7ab2976a6c2bf73e5.gif

动画制作

白色矩形消失&图片出现

       然后就很简单了,给白色矩形添加消失动画淡出,再给图片添加出现动画淡入,并且全部设置为与上一个动画同时,即可

写在最后  下期预告

下期预告:

6140aacb641930e6c90ce0aaea7e5760.png

重要提示:本期动画源文件下载链接https://pan.baidu.com/s/1IUJpRkPP0d6VxRTXLsmk1w,提取码: 1yj4 

       好了,今天的内容就到这里,感谢大家的观看,让我们下次再见!

相关文章:

  • 排查链接是否失效_制砂机定期润滑却出现润滑失效?什么原因?怎么处理?附油箱常见的3个故障及解决办法...
  • bootstrap4 p-_一起来学习Bootstrap4!(下)
  • python contains类似函数_Python爬虫系列之解析库详解
  • gradle 构建完成自动删除_【翻译】使用Gradle脚本为每次构建自动生成唯一的构建版本号
  • python2转python3代码_python 内置2to3工具将python2代码转换为python3代码
  • python装饰器实现单例模式_Python中的单例模式——装饰器实现剖析
  • python图像边缘检测报告_python数字图像处理(三)边缘检测常用算子
  • jsp value设置为函数的返回值_QT中的消息传递与函数回调机制:信号(signal)和槽(slot)...
  • python exit 0_详解python中 os._exit() 和 sys.exit(), exit(0)和exit(1) 的用法和区别
  • python内置数据结构_python 内置数据结构之列表
  • z变换公式表_小白学物理之狭义相对论(1)——洛伦兹变换
  • python中调用什么模块的什么函数_在Python中如何使用使用其名称(字符串)调用模块的函数...
  • python configparser模块_Python 之ConfigParser模块
  • python的意思是什么_python中**是啥什么意思?
  • 苹果python文件执行怎么运行_Mac下怎么运行python3的py文件
  • canvas实际项目操作,包含:线条,圆形,扇形,图片绘制,图片圆角遮罩,矩形,弧形文字...
  • CSS实用技巧
  • E-HPC支持多队列管理和自动伸缩
  • golang中接口赋值与方法集
  • GraphQL学习过程应该是这样的
  • Laravel Telescope:优雅的应用调试工具
  • Making An Indicator With Pure CSS
  • MySQL QA
  • vue+element后台管理系统,从后端获取路由表,并正常渲染
  • 构造函数(constructor)与原型链(prototype)关系
  • 计算机在识别图像时“看到”了什么?
  • 区块链共识机制优缺点对比都是什么
  • 容器服务kubernetes弹性伸缩高级用法
  • 一些css基础学习笔记
  • 小白应该如何快速入门阿里云服务器,新手使用ECS的方法 ...
  • ​​​​​​​Installing ROS on the Raspberry Pi
  • # MySQL server 层和存储引擎层是怎么交互数据的?
  • #我与虚拟机的故事#连载20:周志明虚拟机第 3 版:到底值不值得买?
  • (01)ORB-SLAM2源码无死角解析-(66) BA优化(g2o)→闭环线程:Optimizer::GlobalBundleAdjustemnt→全局优化
  • (6)设计一个TimeMap
  • (M)unity2D敌人的创建、人物属性设置,遇敌掉血
  • (Matlab)使用竞争神经网络实现数据聚类
  • (NO.00004)iOS实现打砖块游戏(十二):伸缩自如,我是如意金箍棒(上)!
  • (附源码)spring boot公选课在线选课系统 毕业设计 142011
  • (附源码)计算机毕业设计SSM智慧停车系统
  • (深度全面解析)ChatGPT的重大更新给创业者带来了哪些红利机会
  • (十八)用JAVA编写MP3解码器——迷你播放器
  • (算法)N皇后问题
  • (原创)boost.property_tree解析xml的帮助类以及中文解析问题的解决
  • (转)http-server应用
  • (转贴)用VML开发工作流设计器 UCML.NET工作流管理系统
  • 、写入Shellcode到注册表上线
  • .[hudsonL@cock.li].mkp勒索病毒数据怎么处理|数据解密恢复
  • .bashrc在哪里,alias妙用
  • .FileZilla的使用和主动模式被动模式介绍
  • .net core webapi 大文件上传到wwwroot文件夹
  • .net framework 4.0中如何 输出 form 的name属性。
  • .net 开发怎么实现前后端分离_前后端分离:分离式开发和一体式发布
  • .net 怎么循环得到数组里的值_关于js数组
  • .NET/C# 中设置当发生某个特定异常时进入断点(不借助 Visual Studio 的纯代码实现)