在撰写文档的过程中,为了清晰的表述我们的内容经常会加入一些图片。对于 `.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. C 语言 判断

    if if (im < 0) { im = 60 + im; ih--; } 如果 (im < 0) 小于零,那么 做{ } 中内容 如果 (im < 0) 不小于零,那么 { }中 ...

  2. 正式表达式判断私有 IP 地址

    正式表达式判断私有 IP 地址   ^1(((0|27)(.(([1-9]?|1[0-9])[0-9]|2([0-4][0-9]|5[0-5])))|(72.(1[6-9]|2[0-9]|3[01]) ...

  3. 灰熊:在这6个信息流和DSP平台投放后,我总结了这些血泪经验!

    笔者有幸参与公司的一款重度游戏的推广,推广以来市面上主流的信息流和DSP 平台都投过一番,今天就零零碎碎地讲讲各个平台的特点以及用户质量. 需要提前说明的是,文章的观点仅限于各个平台的 iOS 流量, ...

  4. js,jquery分别怎么判断页面元素是否存在

    1JS判断方法:if(document.getElementById("XXX")){  console.log("存在")  } 2Jquery判断方法:if ...

  5. django settings多环境配置

    通常我们会把本地.线上的配置拆分,django不同环境的配置可如下: 1.在settings.py同级目录添加settings文件夹 2.把settings.py移到settings文件夹内,并重命名 ...

  6. python之路:模块初识

    python王者开发之路:模块初识 模块初识我现在讲的确有点早.不过没关系,后面我会详细说模块. 模块,也就是库,是python三剑客之一.这三剑客,函数.库和类,都是由程序编写而成的.之所以我先说模 ...

  7. java并发编程概念

    并发:当有多个线程在操作时,如果系统只有一个CPU,则它根本不可能真正同时进行一个以上的线程,它只能把CPU运行时间划分成若干个时间段,再将时间 段分配给各个线程执行,在一个时间段的线程代码运行时,其 ...

  8. vue组件is属性详解

    查看官网对is属性的讲解,请移步:vue.js 本文参考资料 在vue.js组件教程的一开始提及到了is特性 下面是官网对is属性使用的说明: 组件功能是vue项目的一大特色.组件可以扩展html元素 ...

  9. 【18/12/31】hashcat源码粗读 --- sha256部分

    还没有详细研究过sha256算法的详细原理,主要是移植cf10算法时,hashcat在cf10_parse_hash时并不是直接调用sha256_update和sha256_final, 而是为了pr ...

  10. cpanm Plack相关

    1.curl -L https://cpanmin.us | perl - --sudo App::cpanminus 参考:https://metacpan.org/pod/App::cpanmin ...