最近在做一个项目,自定义一种控件,想要实现一个液体在管道中流动的效果,后来考虑加入GIF动态图来实现。
       GIF格式特点有一个是,在一个GIF文件中可以存多幅彩色图像,如果把存于一个文件中的多幅 图像数据 逐幅读出并显示到屏幕上,就可构成一种最简单的动画。
        photoshop以往版本种有一个动画选项,可以直接制作帧动画,photoshop CC需要做简单转换,photoshop CC调出帧动画面板步骤如下:
一、调出Photoshop CC中文版时间轴(动画)面板:

在Photoshop CC中文版菜单栏选择“窗口”-“时间轴”命令,即可打开“时间轴(动画)”面板,默认情况下在面板中显示的为“时间轴(动画)”面板,用于设置时间轴动画效果。单击面板左下方的“转换为帧动画”按钮 , 即可切换到“帧(动画)”面板中,用于设置帧动画,如图所示。

二、Photoshop CC中文版创建帧动画:

帧动画是由一帧一帧的画面组合而成的动态影像,在Photoshop CC中文版中利用“帧动画”面板,可创建简单的帧动画效果,在面板中通过新建帧,创建出需要的帧数,选择每一帧后对图像进行编辑,改变图像效果,让每帧中内容不同。编辑后单击“播放动画”按钮,即可预览到动画效果。

 
三、Photoshop CC制作简单GIF动图:

  1. 制作需要切换的帧图片(这里将每一帧放在一个图层中);
  2. 调出帧动画面板,为简单起见,这里为每一个图层建立一帧(也可以添加多帧或者过度帧);详见一、二

  3. 编辑每一帧(在“图层”面板中显示的帧对应的图层,然后隐藏其余的图层);
  4. 使用控制按钮观察效果;播放过程中发现问题可以随时调整,设置每一帧的延迟时间;
  5. 设置为一直循环播放
  6. 如果觉得两帧之间过渡比较生硬的话,可以通过“过渡”功能,在两帧内容间或直接添加设定的帧数,产生自然过渡的动画效果;方法是选择某帧后,单击“时间轴(帧动画)”面板底部的“过渡动画帧” 按钮,打开“过渡”对话框,在对话框中选择过渡方式、添加的帧数、图层和参数选项。
  7. 保存导出gif图片(Alt+Shift+Ctrl+S);

***************************************************最终完成效果图如下:

photoshop CC制作gif动图相关推荐

  1. PS制作gif动图以及背景透明与消除残影

    摘要: 用Photoshop制作gif动画的要点:在窗口菜单中找到"时间轴"选中打开时间轴,单击一帧,设置该帧显示持续时间在图层里将该帧要显示的图层显示,并将不该显示的层隐藏,新建 ...

  2. gif怎么做成html,gif动态图片制作方法 附带电脑版和手机版制作gif动图教程

    最近最流行的图片莫过于gif动图,既生动形象,又能够表达清晰,当你在预览gif动图时,有没有考虑自己制作一张动态图片呢?本文将告诉大家如何制作gif动态图片,希望能够帮助到大家. gif动态图片制作 ...

  3. 制作gif动图python_制作gif动图python-女性时尚流行美容健康娱乐mv-ida网

    女性时尚流行美容健康娱乐mv-ida网 mvida时尚娱乐网 首页 美容 护肤 化妆技巧 发型 服饰 健康 情感 美体 美食 娱乐 明星八卦 首页 > 高级搜索 制作 手机动画屏保― gif t ...

  4. python制作gif动画_实用的Python(2)利用Python制作gif动图

    一.简介 moviepy是一个专门用于视频剪辑制作的模块,可以自动化完成很多繁琐的视频剪辑处理工作,除了处理视频数据之外,moviepy中还内置了可以制作gif动图的功能,通过使用moviepy.ed ...

  5. 百度地图gif图标_华为手机误删照片怎么找回?手机怎么快速制作GIF动图

    对于华为手机,国内的很多人群都是非常喜欢的,特别是哪些花粉们简直就是疯狂,但是当我们使用华为手机误删了照片应该怎么办?如何才能找回误删的照片?误删手机照片怎么找回?不用担心,下面就让我们跟随小编一起来 ...

  6. 怎样快速制作GIF动图?教你一分钟在线制作GIF

    相信有不少新媒体行业的伙伴们在平时写文章的时候,都喜欢在文章中插入好玩的GIF动图来给文章增加趣味.但是当我们想要将自己拍摄制作的图片制作成GIF的时候,应该如何制作gif动图呢?这时候,大家就可以使 ...

  7. ArcGIS制作矢量动图

    #以2021年1月前半个月的疫情数据为例 数据准备:石家庄市村镇矢量图.各村庄/小区每天的确诊累计人数 目录 1.数据准备 1.确诊人数统计 2.小区文件 3.数据连接 2.地图制图 3.生成动图 1 ...

  8. 如何做成gif动画图片?教你简单三步制作gif动图

    随着网络的发展,从一开始的流行长图.视频.短视频到现在的gif动图,越来越方便.现在越来越多的行业也开始使用gif动图来做营销.那么,自己如何制作gif动图呢?很简单,使用[GIF中文网]-gif制作 ...

  9. javascript制作gif动图----gif.js

    Javascript制作gif动图 gif.js 官网 软件简介 出自开源软件 gif.js 是一个可直接在浏览器上运行的 JavaScript GIF 编码器.支持的浏览器包括: Google Ch ...

最新文章

  1. Maven+Tomcat的热部署方案
  2. canvas笔记-非零环绕原则及剪纸实例
  3. Nature重磅封面:复活死亡大脑!
  4. 【Kafka】docker下kafka报错 IOException: Connection to xxx:19093 (id: 1002 rack: null) failed
  5. java表头表体动态返回_JAVA LIST 简单分页 集成EXT4 grid表头动态返回
  6. geopandas读取shp
  7. 虚拟机 VMware 16安装教程
  8. 分享个短视频竞品分析报告
  9. 移动端扫描vin码/车架号识别
  10. Matlab求特征值和特征向量 + find函数的基本简单用法
  11. goproxy代理软件 v10.3 轻量级高性能代理软件+链式代理+正向代理+反向代理
  12. java.lang.RuntimeException: Method w in android.util.Log not mocked Androidstudio单元测试配置build.gradle
  13. CVPR 2017:Interspeices Knowledge Transfer for Facial KeyPoint Detection(跨物种脸部关键点检测知识迁移)
  14. 2018年终总结——凡是过往,皆为序章
  15. 七段显示器显示整数C语言答案,C语言程序设计试卷(含答案)(7页)-原创力文档...
  16. 外网访问群晖NAS的方法,使用公网助手,怕自己忘记
  17. 音响系统相关技术术语解释大全
  18. 紧跟年轻潮流趋势,嘻哈歌手代言三星Galaxy C8发布
  19. java jwt 用户认证_jwt身份验证
  20. 百度安全查询,查询网址是否存在百度安全风险的方法

热门文章

  1. egret(白鹭引擎) 学习历程(二)
  2. vim 写文档 (自身功能tags, txt2tags生成网页pdf等)
  3. 华为防火墙查看日志命令_华为防火墙常用命令.doc
  4. [转载]圣人的35个习惯
  5. 如何在https协议下访问http等不安全的资源
  6. BugKu-图穷匕见
  7. 酸了!她在MSRA实习短短半年时间内便完成了两篇入选顶级学术会议 AAAI、ACL 的研究...
  8. Cygwin的简介以及使用方法
  9. 山东大学软件学院2022项目实训——(四)SQL注入的学习
  10. 【云原生学习】史上最全Prometheus学习笔记