在撰写文档的过程中,为了清晰的表述我们的内容经常会加入一些图片。对于 `.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. 分享一个Snackbar工具类 SnackbarUtils;

    分享一个Snackbar工具类,源代码也是在Github上面找的,自己做了一下修改: 功能如下: 1:设置Snackbar显示时间长短                 1.1:Snackbar.LEN ...

  2. Flex 布局的教程

    前言:以前也经常用flex布局,但是最近看到别人使用的时候,发觉以前自己还是不够理解这个,重新看了一遍http://www.ruanyifeng.com/blog/2015/07/flex-gramm ...

  3. python远程执行dos命令

    https://blog.csdn.net/huaihuaidexiao/article/details/5543240 https://blog.csdn.net/bcbobo21cn/articl ...

  4. oracle DML语句

    DML语句 1.  插入数据 创建一个新表 create table new_cust as select * from customers --使用insert语句添加行 /* 确定要插入的行所在的 ...

  5. win10 .net3.5的问题及解决方案

    近日有网友反映在windows10_64位系统电脑上安装Net framework3.5,操作时总失败,怎么办呢?小编下面就介绍win10 64位系统无法安装Net framework3.5的两种解决 ...

  6. HTTP客户端识别与Cookie机制

    HTTP识别用户的几种技巧 承载用户身份信息的HTTP首部 客户端IP地址跟踪,通过用户的IP地址对其进行识别 用户登录,用认证方式识别用户 胖URL,一种在URL中潜入识别信息的技术 cookie, ...

  7. Caused by: javax.persistence.NonUniqueResultException: result returns more than one elements

    Caused by: javax.persistence.NonUniqueResultException: result returns more than one elements at org. ...

  8. react源码第一天

    1.下载源码:github 16.7版本 2.找到笔记:https://react.jokcy.me/book/api/react.html#

  9. JavaScript学习-5——异步同步、回调函数

    ----------异步同步函数 ----------回调函数 一.异步同步函数 同步:发送一个请求,等待返回,然后再发送下一个请求 异步:发送一个请求,不等待返回,随时可以再发送下一个请求 同步可以 ...

  10. 查看log日志

    本地环境的的log日志 可以直接查看, 对于新手来说怎么查看正式环境下的log日志呢 1, SSH到服务器 2,cd 到logs所在目录 3, tail -f 对应日志名字