html动态图片怎么设背景,[gif制作教程]如何把gif动态图片的背景变透明,仍保留有动画效果...
我们有时会在自己制作的电子相册或视频中添加gif动态图片,或是给空间添加挂件、博客装扮时用到gif图片。GIF动态素材大多在网上搜集的,可能你会碰到过类似以下的情况吧,好不容易找到的一个很喜欢的gif动画,发现背景不是透明的,要用来做素材的话就不能很好的与主题融合在一起了。如何把gif动态图片的背景变透明,且仍保留有动画效果呢?大家可能会说用PS软件,不过小编建议还是不要用宰牛刀杀鸡了,这里推荐一个小巧的GIF动画制作软件给大家。
我们先来看看效果预览GIF图片:
纯色背景的原图
透明背景的GIF图片
不多说废话了,下面看看具体的操作方法吧。打开GIF制作软件,在弹出的“启动向导”中,选择“打开”一栏的“打开一个现有的图象文件”,将事先准备好的需要抠背景的GIF图片打开载入。
导入图片后,如下图,在“帧面板”上选中第1帧,再在“对象管理器面板”选中对应的显示有“眼睛”的图层。接下来,选中“工具面板”上的“魔术棒”,再在编辑区的图片的背景上点击一下,会出现“蚂蚁点”,就是选中背景了。为避免错选其他相似的颜色,在左上角有个“近似值”的,可以改小些,这视个人修改的GIF图片而定啦。
注,如果不小心关了某个面板,可以在“查看”菜单下调出来的。
接下来,按“Delete”键删除背景。还有其它的方式,如下图,直接点击工具栏上的一个小剪刀样式的“剪切”按键;或者选择“编辑”菜单下的“剪切”。
然后右击编辑区中的图片,下拉菜单中“选择”-“不选”。注,小编还有一个发现,就是直接在图片外,也就是灰色的区域随便点击一下,就能“不选”了,很快捷啊。
然后按照上述的步骤,对其它的各帧进行抠背景。还好一般小GIF动画的帧数不多,要不然还挺烦琐的。若是大家有发现更快捷的方法,可以批量全部一次性去背景的话,欢迎分享下。
接下来,为了避免播放动画时有重叠残影,还需要再设置如下图所示的“移动方式”。全选中所有帧,比较快的方法是先选中第1帧再按“Shift”+最后一帧。然后右击帧,出现菜单中选择“画面帧属性...”,弹出的画面帧属性对话框中,“移动方式”为“到背景”,“确定”。
最后就可以导出编辑好的GIF图片了。选择“文件”菜单下的“另存为”-“GIF文件...”。
在弹出的另存为窗口中,设置GIF图片“保存路径”,还有“文件名”,确认保存类型为GIF,点击“保存”。搞定啦!欧耶!~
这里再详细说明下“如何解决残影的问题”,很管用的。
首先什么情况下可能会出现残影呢,一般都是背景不全,也就是透明背景或是背景比画布小的情况下可能会出现残影效果。所以治标的方法是每帧都把背景补全,但有的图是需要背景透明,所以最好的治本办法还是改变帧属性里的移动方式,把移动方式改为“到背景”,方法是对着帧点鼠标右键→选择画面帧属性→移动方式设置为到背景就行了。记得每帧都要设置。
更多有趣好玩的GIF制作教程分享:
〖幽默笑话〗朋友和别人打架,脑袋被削破缝针,我买了一箱核桃去医院看望他。我站在床前给他剥了几颗核桃说:“吃啥补啥,把这些壳吃了。”我TM太体贴了!
html动态图片怎么设背景,[gif制作教程]如何把gif动态图片的背景变透明,仍保留有动画效果...相关推荐
- python动态演示数据gdp_利用Python制作中国GDP分布图和动态演示
利用Python制作中国GDP分布图和动态演示 数据读取 ## 导入相关模块import pandas as pdimport geopandas as gpdimport numpy as np i ...
- html 图片展示 3d,利用CSS3制作简单的3d半透明立方体图片展示
效果图如下: 示例代码: new document //css部分 html{ font-size:62.5%; } img{ width:300px; height:300px; } #stage{ ...
- VRay 3.6 for SketchUp 混合材质之艺术背景制作教程
作者: Architecture Inspirations 今天小编为大家带来 VRay 3.6 for SketchUp 混合材质之艺术背景的制作教程 作者将向您展示在VRay 3.6 for Sk ...
- 表白php制作教程视频,制作表白视频的软件 怎么制作出好看的表白小视频
今天的制作表白视频装逼视频软件是一款非常有趣且简单好用的视频制作软件,包括装逼.表白.恶搞,节日等等多种模板视频,与此同时它的视频剪辑合并功能也没有放下,也是同样的出彩.告白小视频无非要的就是那个气氛 ...
- focusky怎么制作html5,Focusky制作教程
[全站置顶] 第一届Focusky作品大赛(416次阅读) 调整文字行间距/字间距(1960次阅读) 在插入的图形中输入文字(1004次阅读) 添加文本以及设置文本框内背景颜色(632次阅读) 不可见 ...
- wpsppt页面卷曲在哪里_ppt页面之间动画效果 2013版ppt怎么制作页面卷曲动画效果...
在制作幻灯片的时候会用到不少切换动画效果,但是怎么才能实现?对于不常用ppt的朋友或许有点难度,下面就跟小编动手ppt2013 页面卷曲动画效果制作方法,希望看完本教程的朋友都能学会并运用起来. pp ...
- wpsppt页面卷曲在哪里_2013版ppt怎么制作页面卷曲动画效果_博客
2013 版 ppt 怎么制作页面卷曲动画效果 _ 博客 2013 版 ppt 怎么制作页面卷曲动画效果 在制作幻灯片的时候会用到不少切换动画效果, 但是怎么才能实现 ? 对于不常用 ppt 的朋友或 ...
- wpsppt页面卷曲在哪里_2013版ppt怎么制作页面卷曲动画效果
在制作幻灯片的时候会用到不少切换动画效果,但是怎么才能实现?对于不常用ppt的朋友或许有点难度,学习啦下面就跟小编动手学习啦ppt2013 页面卷曲动画效果制作方法,希望看完本教程的朋友都能学会并运用 ...
- html动态图片怎么设背景,微信8.0状态背景视频怎么设置?状态视频动态背景图设置教程[多图]...
微信8.0状态背景视频怎么设置?许多人可能都还并不是很了解微信8.0的我的状态功能要怎么设置动态的视频作为背景图.现在就让小编为各位分享,微信8.0状态背景视频设置教程. 微信8.0状态背景视频怎么设 ...
- gif加文字 php,gif动态图片添加文字 gif制作软件 怎样给gif动态图片添加文字
gif动态图片添加文字 gif制作软件 怎样给gif动态图片添加文字 现在有各种各样的表情包.搞笑图片以及搞笑视频都深受大家的喜爱,之前咱们也有一起学习过怎样用视频制作gif动态图片,相信大家肯定还记 ...
最新文章
- Junit的安装与使用
- 你不知道的javaScript笔记(5)
- 《HTML 5与CSS 3 权威指南(第3版·上册)》——3.2 新增的非主体结构元素
- 如何用SQL语句实现精确搜索以及模糊搜索
- c# treeView 取消选择事件
- SQL SERVER 中如何用脚本管理作业
- mysql数据库语法_MySQL数据库语法(一)
- Tomcat设置监听端口80、配置虚拟主机、安装zrlog博客、日志文件
- 如何在 Mac 上的“照片”应用中创建智能相册?
- 小程序发布提审被驳回,提示当前提审小程序代码包中地理位置相关接口wx.getLocation暂未开通
- Word VBA-图片操作汇总
- 【吾爱破解】零基础新手破解学习导航
- 杰理AC692X---691X,690X,692X芯片差异(2)
- 74LS 系列 名称解释
- 列表 元组 字典的概念及其案例
- 沈阳市中考计算机考试时间,2021辽宁沈阳中考考试时间、科目分值及时间轴
- 6612345免费网页打印浏览器
- 软件测试期末复习重点
- python pandas 讲解ppt_Python数据分析之Pandas入门
- 【OBS】circlebuf