摘要:

用Photoshop制作gif动画的要点:在窗口菜单中找到“时间轴”选中打开时间轴,单击一帧,设置该帧显示持续时间在图层里将该帧要显示的图层显示,并将不该显示的层隐藏,新建一帧,接下来就是重复劳动了。最后在文件菜单里找到存储为Web所用的格式,设置一下存储选项即可。

透明背景制作方法有二:一是删除每层的背景,这种方法应该算是通用的方法。二是在存储时在颜色表中选择设为透明色的颜色,在颜色表下方有个将选中的颜色映射为透明色的按钮,点一下就行了,这个方法应该是适合背景色是纯色,并且是主体没有的颜色。

残影的消除:帧处理方法选择处理,或者自动。

正文:

一个偶然的机会,跟同事合作完成某项工作,我因为曾经摆弄过几次Photoshop,所以制作gif动图的任务就交给我了。

我做的了吗?想想自己本来就没怎么学过Photoshop,更别说熟练应用了,甚至连Photoshop能制作gif动图也仅仅是听说而已。所说是接下了,可内心是忐忑的。

打开我的Photoshop CS 6,望着黑灰的屏幕,顿时眩晕——gif这个功能究竟藏在哪儿?摸索了许久也没有头绪。幸好在同事的指点下,找到了时间轴——本着大无畏精神这就开始了动图制作。

倒也不算难,看上两眼也就可以开工了——在时间轴上选择或新建一帧,单击右下角的小箭头设置持续时间, 在图层里打开要显示的层,并隐藏不该显示的层——虽说有些麻烦,但好像也没什么难度啊。到这里,算是学会制作gif动图了,内心不禁一阵小激动——除了时间轴是同事帮忙打开的,别的可是一看就会——是不是应该激动一下呢?!

嗯?新任务又来了——去掉白色的背景。好像也没什么难度:我选!我删!三下五除二,没几分钟,所有层的白色背景叫我一删而光——存储为Web所用格式——大功告成!打开看看成果——透明背景!嗯?不对,有点儿问题——残影是怎么回事?

怎么回事??难道这个方法不行?那就再换个办法。这次我不删除背景了,改成在存储的对话框里设置白色为透明色。这次行了吧?怀着忐忑的心情再次打开刚刚保存的gif动图——嗯?还是那样!

检讨整个流程,好像没什么错误啊?到底是哪里出问题了呢?要不换个存储的选项试试?于是开始了漫长而又无效的试错和思索过程——都不对!

到底是什么原因的?是不是哪个开关没打开呢?一天业余时间就这么过去了,还是没找到头绪。

还有哪儿没试过呢???帧下面还有个对号模样的图标是干嘛用的?点一下——没啥动静——悬停在上面——提示“选择帧的处理方法”——有点儿意思——右击——弹出一个菜单[自动|不处理|处理]——有门儿!默认是不处理,改成处理试试——成了!残影一扫而光!大功告成!交差!费了这么大劲终于完成了,心里别提多高兴了。试试自动看看效果,反正闲着也是闲着——也没有残影!再试试在帧上右击——嘿!竟然是同样的菜单!原来如此!

The End.

PS制作gif动图以及背景透明与消除残影的更多相关文章

  1. PS制作gif动图教程

    之前做过一些动图,时间久了就忘记了,每次心血来潮想做的时候又要重新找资料,网上的教程都不够完整,因此整理了一份完整的教程,针对PS新手(对,没错,就是博主自己哈哈). 准备工作:photoshop.图 ...

  2. 实用的Python(2)利用Python制作gif动图

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

  3. Python 绘图与可视化 matplotlib 制作Gif动图

    参考链接:https://blog.csdn.net/theonegis/article/details/51037850 官方文档:https://matplotlib.org/3.1.0/api/ ...

  4. loading图片制作(没有设计师的情况下,前端同学自己制作loading动图)

    svg  css  gif   http://loading.io/

  5. 快速制作gif动图

    0.环境准备 gif动画录制工具,下载后可以直接安装: 安装提示需要.net framework4.0.30319环境的话,下载一个直接安装即可 1.开始录制 安装成功界面: 开始录制: 录制效果如下 ...

  6. ps怎么修改gif动图播放速度

    ps怎么修改gif动图播放速度 摘自:https://jingyan.baidu.com/article/7e44095302bbdc2fc0e2efad.html photoshop功能很强大,不仅 ...

  7. ScreenToGif——gif动图工具使用说明

    前言 最近因回复了博客园的某篇博文并留言求推荐制作gif动图的工具,随后一名热心园友向我推荐了ScreenToGif 不试不知道,一试我就喜欢上了这款动图制作工具(再也不用PS来制作了,虽然我也不会2 ...

  8. 利用compass制作雪碧图

    compass是什么?是sass一款神奇插件,具体教程,我还是推荐阮一峰sass,compass教程,简单清晰明了. 用ps制作雪碧图,工作效率太低了.用compass来制作,方便很多.下图的用com ...

  9. python学习之matplotlib绘制动图(FuncAnimation()参数)

    1.函数FuncAnimation(fig,func,frames,init_func,interval,blit)是绘制动图的主要函数,其参数如下: a.fig 绘制动图的画布名称 b.func自定 ...

随机推荐

  1. 使用python+selenium对web进行自动化测试

    想用python代码,对web网页进行自动化测试 web自动化测试和手动测试的区别: 手动测试:通过手动去对网页的功能进行点点点 web自动化:可以通过代码,自动对网页点点点 首先,将python+s ...

  2. 【转载】 C#中数组、ArrayList和List三者的区别

    原文地址:http://blog.csdn.net/zhang_xinxiu/article/details/8657431 在C#中数组,ArrayList,List都能够存储一组对象,那么这三者到 ...

  3. Jmeter环境搭建

    一.工具描述 Apache JMeter是 100 %的 java 桌面应用程序.它可以被用来测试包括基于静态和动态资源程序的性能,例如静态文件, Java Servlets , Java  对象,数 ...

  4. 深度剖析Dubbo源码

    -----------------学习dubbo源码,能给你带来什么好处?----------- 1.提升SOA的微服务架构设计能力   通过读dubbo源码是一条非常不错的通往SOA架构设计之路,毕 ...

  5. 任务三十九:UI组件之冻结行列表格

    任务三十九:UI组件之冻结行列表格 面向人群: 有一定JavaScript基础 难度: 中 重要说明 百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计.我们尽力保证课程内容 ...

  6. IOS项目之弹出动画一

    小区宝首页导航栏左边有一个物业按钮,点击时会出现一个视图动画,之前用的是一个POP第三方,想着几个POP动画就要引用一堆的第三方有点麻烦,就试着自己写了一下,功能实现了,下一步就是优化将其封装一下.下 ...

  7. Linux进程管理 简介

    何为进程,我想这个问题大家再熟悉不过了吧,无非就是"执行中的程序"! 概念性的东西本文暂时忽略或者略微一提,详细信息还需要阅读相应的blog或专业书籍.(博主收藏了计算机相关的大量 ...

  8. 哪个先执行:@PostConstruct和@Bean的initMethod?

    结论: /** * step1:执行构造函数 * step2:执行使用@PostConstruct注解修饰的方法[如果有多个,则执行顺序不确定] * step3:执行@Bean注解中initMetho ...

  9. [转载]常见的移动端H5页面开发遇到的坑和解决办法

    转过来,平时看看.虽然还有很多问题至今无解.比如:华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏.!! 1.安卓浏览器看背景图片,有些设备会模糊. 用同等比例的图片在PC机上很清楚,但是 ...

  10. [转]Gridview实现多列排序,并显示图标

    本文转自:http://blog.csdn.net/gmjinrong/article/details/4516301 GridView实现支持多列排序,并显示升.降序图标上网找了很多资料参考才解决了 ...