2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > 在html中加入一个动态图 图片上加gif图片 图片某个角落贴个gif动态图 如何在静态图

在html中加入一个动态图 图片上加gif图片 图片某个角落贴个gif动态图 如何在静态图

时间:2021-03-12 19:19:36

相关推荐

在html中加入一个动态图 图片上加gif图片 图片某个角落贴个gif动态图 如何在静态图

喜欢上网的小伙伴就会知道网上流传灰常广泛一种搞笑gif动态图片,这类图片大部分是视频转gif的,就是截取视频经典搞笑画面制作而成,还加了些搞笑文字。使用网络聊天工具尤其是QQ就最常见了,那些搞笑的表情令人哭笑不得。虽然这不是我们要讲的重点,但是也是有半毛钱关系的,下面要跟大家分享的是如何在一张静态图片上面加一张GIF动态图。

图片编辑软件下载地址:/ND_upload.php?do=info&id=3019

在一张静态图片上加一个gif会动的图片,有的朋友会觉得这怎么可能,一张是动态的图片,一张是静态的图片,真的有这样的软件吗(⊙_⊙)?还真的有这样的软件,要知道在狸窝宝典里面,将更多不可能的都变为有可能的,为你缔造有可能的一本宝典

。如不相信的话,往下看便知分晓啦。

大伙儿先将工具下载下来,就是上面的那款图片编辑软件啦,下载后按照提示安装好,便是运行软件啦,“点击新建项目 —工程文件存储位置 — 有效预置 — PAL-DV 宽银幕48KHz”,还要记得命名字哦。前期工作可能会有些繁琐,但不能让这小事影响了心情。随后便是运行软件,进入到主界面,在软件的项目面板空白处右键选择导入,将准备好的静态图片和gif动态图片导入进来吧。

用鼠标先将静态图片拖拽添加到视频1轨道上吧,添加到了视频轨道上的图片在右上角的预览窗口里会看得到的,按下空格键会播放时间线会移动,但是因为是静态的图片,所以预览窗口上面是没有任何反应的啦。

再来就是用鼠标把gif图片拖拽到视频2轨道上啦,再按下空格键,这回就能看见gif动态动起来啦,你明白了吗?来,试下……

在预览窗口上面看到的是一张静态图片上面有一个gif动态图片了,就是我们今天要讲的重点了,大家也亲眼看到了吧,一切皆有可能!要求是在静态图片某个角落贴个gif动态图,那么还要调整gif图片的位置咯。

用鼠标选中视频1轨道上的gif图片,在上面的特效控制台点击运动打开下拉菜单,这里有位置、缩放比例、旋转、定位点、抗闪烁过滤这几个参数,那么需要设置的参数辨识位置和缩放比例了,位置自然是调节gif图片的位置了,通过修改参数来确定位置。比如要把图片设置到右下角,那么参数可以设置为如下图所示。还有大小大话可以修改缩放比例来确定,就不多说了,自己可酌情而定啦。

就这样,简简单单的几个操作就能在静态图片某个角落贴个gif动态图,你可以在左上角,右上角等角落都可以贴上gif图片。那么我们就来进行最后的操作吧,就是输出制作好的文件呀。选择文件 — 导出 — 媒体,弹出一个窗口,需要选择文件的输出格式,当你点击格式打开下拉菜单时会发现有一个动画gif和gif选项,我们选择第一个吧,第一个是默认的gif动画尺寸大小,而第二个是gif静态的格式图片哦,别搞错咯。

选择之后尺寸参数时默认的,在下面的视频里还可以设置输出图片的尺寸即是高度和宽度,可以修改参数的,但是这个按等比例缩放的,把后面的链接按钮点掉才可以分别调节高度和宽度。右上角有个源和输出的文件预览,源就是刚才编辑的源文件,而输出的才是最终的,可以边看效果边调节的。很方便啊有木有!你会发现输出那里的图片有黑边,那么就需要点击下面的纵横比,选择自定义,输入合适的参数即可。调节好了之后就可以点击确定到下一步啦。

最后一步就是点击输出文件下面的黄色字体选择输出文件存放的位置,点击开始队列按钮就可以进行输出啦,你此时要做的便是耐心等待啦……

下面这张是图片上面加一个gif会动的图片制作成功之后的效果图,给大家展示在这里,求强势围观啦~~~

好啦,其他的话也不多说,多来狸窝家园捧捧场就好啦,大家都懂的,在图片上面加一个gif会动的图片就到此结束了,更多好玩精彩的尽在狸窝宝典,为你创造一切皆有可能的一本宝典,你真的值得拥有,这可谓是居家旅行,必备良药啊。

『开心段子』有没有懂跑车的朋友,求推荐一款400万到800万左右的跑车,不要法拉利,

大牛小牛也试过,感觉一般般,要求性能好,起步快,马力大,操控性高的,

最主要是外观要时尚又好看的,我拿来当手机壁纸用的。

怎么裁剪gif动态图片 动态图片如何缩小放大:

/space-4240171-do-thread-id-73593.html

在html中加入一个动态图 图片上加gif图片 图片某个角落贴个gif动态图 如何在静态图片上面加一张GIF动态图...

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。