在撰写文档的过程中,为了清晰的表述我们的内容经常会加入一些图片。对于 `.jpg` 或 `.png` 的静态图我们可以直接 使用windows自带的照片编辑器编辑即可。对于如 licecap 录制出来的 `.gif` 图片, windows自带的编辑工具就无能为力了,这里介绍使用photoshop cs6编辑gif的方法。

1 打开gif图片

我们可用使用文件(F)打开(O)的方式打开gif,也可以通过双击工作区的方式打开gif,打开后的gif面板如下:

界面上有两点需要注意,第一个是gif的每一帧动画实际上都是在右边以图层的形式保存的;第二点需要注意的是下方的时间轴 保存了gif的播放信息。如果时间轴没有显示的话,可以在窗口(W)时间轴中调出。

2 时间轴介绍

时间轴下方有播放控制按钮用来进行预览控制,除了播放按钮外这里还有`过渡`,`增加帧`和`删除帧`按钮。 时间轴中图片预览的小图标做上方是其帧编号,右下方为该帧的播放时间(可手动更改)。

3 删除帧

如果我们想要删除一些帧的话,可以在时间轴上选择需要删除的帧,然后点击删除帧按钮即可。这里支持 shift连选和Ctrl点选。需要注意的是,时间轴和图层是互不相关的两个东西,在时间轴上删除了的帧对应的帧 显示的图层并不会在图层列表中删除,因此此时我们还应该手动删除图层列表中不需要显示的图层。反过来也一样, 如果我们只是在图层列表中删除了对应的图层,时间轴并不会删除其所对应的帧,但是由于该帧找不到需要显示的图层, 会导致该帧显示为空,所以此时我们还应该手动将显示为空的帧手动删掉。如下图所示,由于删除了图层1导致第一帧数据显示为空:

4 给gif添加文字

在对gif进行一些添加文字之类的操作之前,我们一般先建立两个图层组(点击图层选项卡下方的文件夹图标创建), 其中一个用来保存源gif另一个用来保存添加的图层。应该将gif图层组放到下方以便能正确的显示添加的图层。如下图所示:

然后在添加图层组中添加我们的文字图层即可,默认情况下添加的文字图层在所有的图层中都会显示 (图层前方的小眼睛在任意帧都有)。如果不想在某些帧中显示,只需要在时间轴中选择不需要显示的图层(多个帧用shift连选), 然后将文字图层前的小眼睛去掉即可。

5 保存gif文件

文件在编辑完毕的时候,保存时应该选择文件(F0)存储为Web所用格式…

下图是一个制作完成的实例:

编辑gif的更多相关文章

  1. ASP.NET Aries 入门开发教程6:列表数据表格的格式化处理及行内编辑

    前言: 为了赶进度,周末也写文了! 前几篇讲完查询框和工具栏,这节讲表格数据相关的操作. 先看一下列表: 接下来我们有很多事情可以做. 1:格式化 - 键值的翻译 对于“启用”列,已经配置了格式化 # ...

  2. java springMVC SSM 操作日志 4级别联动 文件管理 头像编辑 shiro redis

    A 调用摄像头拍照,自定义裁剪编辑头像 B 集成代码生成器 [正反双向](单表.主表.明细表.树形表,开发利器)+快速构建表单;  技术:313596790freemaker模版技术 ,0个代码不用写 ...

  3. 好用的Markdown编辑器一览 readme.md 编辑查看

    https://github.com/pandao/editor.md https://pandao.github.io/editor.md/examples/index.html Editor.md ...

  4. Linux 中优秀的文本化编辑思想大碰撞(Markdown、LaTeX、MathJax)

    这样一个标题可能不太准确,因为确实无法准确地解释什么叫"文本化编辑思想".其实我这篇随笔主要是想探讨 Markdown.LaTeX.MathJax,有兴趣的朋友可以继续往下看,同时 ...

  5. php后台编辑关联数据

    数据库中两张表: info表中"民族"关联了nation表中的"code". php通过后台编辑info表中民族显示成用户可看懂及可直接修改的选项. 新建xin ...

  6. iOS 编辑UITableView(根据iOS编程编写)

    上个项目我们完成了 JXHomepwner 简单的应用展示,项目地址.本节我们需要在上节项目基础上,增加一些响应用户操作.包括添加,删除和移动表格. 编辑模式 UITableView 有一个名为  e ...

  7. C# 视频编辑

    VidCoder VidCoder是一个开源免费的DVD/蓝光视频抓取和转码软件.使用HandBrake做为编码引擎.比Handbrake拥有更友好的用户界面. 可裁剪.剪切.字幕编辑.转码等. 官网 ...

  8. [C1] C1ComboBox 的非编辑状态优化

    一.前言 先看看 WPF 自带的 ComboBox 在非编辑状态,自定义 ItemTemplate 的情况下,效果如下图所示: 其当前选中的项(红框内)与自定义的 ItemTemplate 一样: 但 ...

  9. [Winform] DataGridView 中 DataGridViewComboBox 的可编辑

    在 DataGridView 中设置的 DataGridViewComboBox,默认是不可编辑的,即使将其列属性 DisplayStyle 设置成 ComboBox 或其他,也无法编辑: 故作如下处 ...

  10. EasyUI+Knockout实现经典表单的查看、编辑

    此文章是基于 1. 搭建SpringMVC+Spring+Hibernate平台 2. 自制xml实现SQL动态参数配置 3. 利用DetachedCriteria构建HQL参数动态匹配 4. 常用日 ...

随机推荐

  1. 搭建zookeeper+kafka集群

      搭建zookeeper+kafka集群 一.环境及准备 集群环境:   软件版本: 部署前操作: 关闭防火墙,关闭selinux(生产环境按需关闭或打开) 同步服务器时间,选择公网ntpd服务器或 ...

  2. Java之框架Spring(一)

    1. Spring是什么? Spring是一个开源框架 Spring为简化企业级应用而生.可以实现以前只有EJB才能实现的功能 Spring是一个IOC(DI)和AOP容器框架 具体描述:轻量级:Sp ...

  3. python3 数独

    数独 最近在网上看到数独,感觉非常有意思,所以就来实现以下. 一个数独题的网站(https://www.oubk.com/DailySudoku/17778/1),偷懒直接爬虫抓下来了,哈哈 代码实现 ...

  4. a 标签实现分享功能

    在网页中,经常会用到分享功能,例如分享到qq,分享到微信,分享到微博等,但是怎么实现呢?一直没有想清楚这个问题,觉得好高大上的样子,于是在网上找了一些资料,也没有看出个什么所以然来: 于是有些心急了, ...

  5. chinalife的经验

    1.当<img src="">时,浏览器会有生成border,可以使用css选择器,img[src=""] {/*设置样式*/}: 2.jquery ...

  6. Hibernate 中出现 users is not mapped 问题

    Hibernate 中出现 users is not mapped 问题: 解答:HQL语句中表名应该是ORM映射的类名,所以应该改成:  (如果是用注解生成实体类,那就是注解的那个类)String ...

  7. (ZT)算法杂货铺——分类算法之贝叶斯网络(Bayesian networks)

    https://www.cnblogs.com/leoo2sk/archive/2010/09/18/bayes-network.html 2.1.摘要 在上一篇文章中我们讨论了朴素贝叶斯分类.朴素贝 ...

  8. 算法之Python实现 - 003 : 换钱的方法数

    [题目]给定数组arr,arr中所有的值都为正数且不重复.每个值代表一种面值的货币,每种面值的货币可以使用任意张,再给定一个整数aim代表要找的钱数,求组成aim的方法数. [代码1]递归 impor ...

  9. jquery通过AJAX从后台获取信息并显示在表格上的类

    前一阵我写了:<jquery通过AJAX从后台获取信息并显示在表格上,并支持行选中.>现在,我把他们处理了一下,不需要每次写代码了: 具体代码如下: //获取数据并显示数据表格 funct ...

  10. IEEE/ACM International Conference on Advances in Social Network Analysis and Mining (ASONAM) 2014 Industry Track Call for Papers

    IEEE/ACM International Conference on Advances in Social Network Analysis and Mining (ASONAM) 2014 In ...