html动态背景gif图片,gif动态背景

网上很多更换照片背景颜色的实用教程,大多都是静态图片的PS更换方法。也有不少人咨询如何给GIF动态图片更换背景颜色同时仍有动画效果的。更换GIF图背景相比更换静态图背景的要麻烦些,要一帧帧的来修改。这里小编整理出一个还算简易的解决方案,希望能帮到有需要的朋友。

先预览一下效果吧:

05e654a8ed35b55992b8d979a8dc9f6a.gif

原图(GIF动画)

c5e51940fe8159f5cd0e06d369735215.gif

更换背景后的gif图片1

e7554b3e568b8e406efdb87ff1f10deb.gif

更换背景后的gif图片2

如果原图背景比较复杂,最常用的方法是PS用钢笔工具抠出每帧的背景图再更换了,操作比较烦琐。这里主要针对源GIF图片的背景颜色比较简单的,比如纯一种颜色或渐变颜色色差不大的。

具体操作如下,打开GIF处理软件,如下图,先将需要修改的GIF图片“打开”载入到软件上。

e76e30fce13012d78267c637f6e82336.png

接下来把背景去掉变透明的,如下图,在“帧面板”上选中第1帧,再在“对象管理器面板”选中对应的显示有“眼睛”的图层。接下来,选中“工具面板”上的“魔术棒”,再在编辑区的图片的背景上点击一下,会出现“蚂蚁点”,就是选中背景了(为避免错选其他相似的颜色,在左上角有个“近似值”的,可以改小些,这视个人修改的GIF图片而定啦)。再点击工具栏上小剪刀样式的“剪切”按钮,或直接按键盘“Delete”键,删除背景。

637cc2f23127a1ab1c1f0a94c1b29a09.png

右击编辑区中的图片,下拉菜单中“选择”-“不选”。注,小编还有一个发现,就是直接在图片外,也就是灰色的区域随便点击一下,就能“不选”了,很快捷。

cffbdfa704aeec0cdbd95efcc27a08f3.png

再按照上述的步骤,对其余各帧进行抠除掉背景。呵呵,有很多帧的话操作起来是有些烦琐,没办法,我也暂时没发现什么快捷能批量处理的方法。如果你有方法欢迎分享哈。

efc56231603165e167368cdc85b78761.png

都将每帧的背景去掉变透明之后,接下来添加新背景颜色。在“对象管理器面板”上,右击空白处,下拉菜单中选择“新建空白对象”,就会出现新的透明图层了,把它拖至最底部,做背景层的。

74e9665191cbf1c50fd47491972eb196.png

如下图,选中这背景透明图层,再设置“前景色”,选择“填充工具”,在“编辑”区的图片上点击一下,就能成功填充背景了。

f9d09bf4ca7ded3d9f47282e6cd80123.png

以上的也只是其中一帧的背景设置,接下来,再将其它没有填充背景的帧,都填充上同一个颜色。例如选中1帧,再将“对象管理器面板”上的背景图层显示,也就是显示一只“眼睛”。其它帧的背景层也一样要显示“眼睛”。

2b9bc8b04facd14b65dce5b652a01f85.png

更换好图片的背景色,就可以保存出来了。选择“文件”-“另存为...”-“GIF文件”,或如下图所示直接打开工具栏上的“保存”下拉选项,选择“保存为GIF文件...”。

34de2cce7a4a5d443129577f7ecb9a6e.png

弹出“另存为”窗口,设置好GIF图片的输出路径和图片名称,“保存”。

088120c91cf4a92400056e7fd67e6888.png

整个操作就完成了。

上面讲的是更换纯颜色的背景,也还可以导入其它图片做背景的。操作方法如下,选择“文件”-“添加图象...”

de33e1edc95d6767feda32c96e24cf6c.png

将需要的背景图片“打开”。注意,如下图,窗口下方勾选“在当前帧插入”,“如果导入多个帧组成分配到单独帧”。

5096403549c4419cc520961bbff4f344.png

插入背景图片后,在“对象管理器面板”上可以看到背景图层,把它拖至最底部。再依次选中每一帧,把背景图层的“眼睛”点亮。最后就可以保存导出GIF图片了。

7ebc65d8b84168c9498db431a6d907e4.png

按照上述的方法,只要正常操作,制作出来的换了背景的GIF图片,还是一样会动的哦。有需要的自己亲自体验一下吧。

『轻松一刻』爆逗男女,逗B里的圣逗士

屌丝:最近过的好么?

女神:挺好的呀。

屌丝:但是我听说你被高富帅甩了呀。

女神:你TM都知道了还问我好不好?

屌丝:呵呵。。。不是啦,我只是想确认一下,不然我乐也乐不踏实啊!

怎么给照片换背景颜色

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值