设计神器!轻松添加GIF文字特效的GIFntext - 网页设计 - yinxi.net
author:一佰互联 2019-04-10   click:157

@短腿僵尸木:为客户录制演示GIF难免需要添加文字注释,这时候打开PS进行编辑往往会让电脑卡出天际……

之前设计神器小分队就给大家推荐过一个GIF在线编辑网站——Ezgif。

集在线制作、优化、压制动图,静图、视频简单处理编辑为一体,但是它有个很大的缺点是无法实时预览你的修改效果,每次调整完,你都需要导出后才可以看到修改结果。今天设计神器小分队就给大家推荐另一个GIF在线编辑,并且支持实时预览的网站——Gifntext。

神器链接:Gifntext

打开首页是这样的:

看起来比较随意,不过首页就说明了网站能做到的所有事:

△ 浏览器插件自动翻译

你可以通过直接粘贴动图的网址,或者上传100M以下的GIF文件来提供编辑源,当然你也可以点击下方的红字,使用它提供的范本进行尝试。

加载后,动图的编辑页面是这样的:

我们来仔细看下它的每个功能控件:左边的是添加文字、添加图片、画笔工具和吸管工具,以及颜色调整;中间部分是播放、裁剪画面、修剪GIF、帧数等;右边是调整GIF的速度、帮助栏和意见栏。

接下来我们来试着编辑这个GIF。画面的右上角有水印,我们通过拖动红色的制表符剪裁画面来去掉它。

另外,通过拖动右下角的阴影三角形可以缩放画面。

还可以调整关键帧的位置预览画面,将动图的时长修剪到需要的片段。​

其他两个功能这里不做详细解释啦,大家可以去试一试。

接着我们可以通过左边的控件添加文字。

添加文字后可以对其描边、粗体、斜体做编辑,在图中还可以对文字进行缩放和旋转。拖动图层中的文本两端的红色部分,还可以调节文本出现的时长。

勾选逐帧编辑:

接下来可以对文字变化添加关键帧。只要移动文字位置,或者进行缩放,就会自动生成关键帧。左键点击关键帧可自动添加缓动,右键点击则是删除关键帧。

这样,文字就能跟随人物进行移动了。

图片的编辑和添加与文字同理,可以自行上传图片进行编辑……然后就会变成这样:

另外你也可以通过吸管工具进行画面取色,通过画笔工具进行绘制。但是画笔绘制的图形无法进行逐帧编辑。

接着我们可以通过右边的工具栏编辑动图的播放速度。

点击下方的 Creat the GIF。

会进入这样一个页面。右键动图,图片另存为即可。

这样我们就得到一个超棒的GIF了。

Gifntext 操作方便简单,功能强大,不需要搭梯子即可免费使用,你无须打开PS就可以为你的GIF添加各种备注,是不是非常棒?最重要的是在编辑的过程中你可以实时预览,简直是贴心的小棉袄啊。大家快去玩起来吧。

欢迎同学们关注最充满智(dou)慧(bi)的设计账号:

nycmgwxqr

巅云人气专题

iPhone X 学习指南丨巅云独家专访丨在线抠图神器丨灵感大全

免费素材网站 | Sketch神器 | 免费图库丨配色神器丨读书计划丨PPT 神器丨鲁班设计

iOS 11 学习指南丨人工智能丨PS 教程丨AI 教程丨C4D 教程 | 3D教程

================明星栏目推荐================

优优教程网: yinxi.net 是巅云旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://www.yinxi.net/

巅云大课堂