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

    一.什么是SEO 1.SEO 搜索引擎优化(Search Engine Optimization)指通过对网站进行站内优化和修复(网站Web结构调整.网站内容建设.网站代码优化和编码等)和站外优化,从 ...

  2. vue+vuex+axios实现登录、注册页权限拦截

    1.修改config文件夹里的dev.env.js里的BASE_API,把地址改成请求后端的公共部分 1 BASE_API: '"http://192.168.xx.xx"', 2 ...

  3. react-native shadow失效

    做边框阴影,但是有时候会失效,内容产生阴影,而边框无效,今天发现了原因,没错,就是没有设置背景颜色导致的.如图

  4. 使用JavaScript制作页面效果3

    一. 1.下拉列表:select对象 属性: option[ ]:选项数组 selectedIndex:被选中选项的索引号 length:选项总数 方法: add(option对象,添加位置):增加选 ...

  5. LeetCode 142. Linked List Cycle II 判断环入口的位置 C++/Java

    Given a linked list, return the node where the cycle begins. If there is no cycle, return null. To r ...

  6. 修改 Vultr 登录密码

    Debian,Ubuntu 访问控制台,打开在线 Console,点击右上角的 “Send CtrlAltDel”,按 ESC 键启动 GRUB boot prompt. 按 e 编辑第一启动项.按 ...

  7. VS编写一个项目的路径规划

    原文路径:http://blog.csdn.net/puttytree/article/details/7838419 https://www.cnblogs.com/zhehan54/p/45678 ...

  8. 6Linux用户身份与文件权限

    3类用户身份: (1)管理员UID为0,root (2)系统用户UID为1-999:nologin不能登录系统,老版本5.6中是1-499 (3)普通用户UID为1000开始,老版本5.6中是1000 ...

  9. pyqt5-----postgresql数据库使用

    上一章解决了无法加载postgresql数据库的问题 1.打开数据from PyQt5 import QtWidgets,QtSql,QtCoreimport sys app =QtCore.QCor ...

  10. Abaqus用Dload子程序实现移动载荷