设计神器!轻松添加GIF文字特效的GIFntext

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

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

设计神器!轻松添加GIF文字特效的GIFntext

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

神器链接:Gifntext

打开首页是这样的:

设计神器!轻松添加GIF文字特效的GIFntext

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

设计神器!轻松添加GIF文字特效的GIFntext

△ 浏览器插件自动翻译

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

设计神器!轻松添加GIF文字特效的GIFntext

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

设计神器!轻松添加GIF文字特效的GIFntext

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

设计神器!轻松添加GIF文字特效的GIFntext

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

设计神器!轻松添加GIF文字特效的GIFntext

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

设计神器!轻松添加GIF文字特效的GIFntext

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

设计神器!轻松添加GIF文字特效的GIFntext

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

设计神器!轻松添加GIF文字特效的GIFntext

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

设计神器!轻松添加GIF文字特效的GIFntext

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

勾选逐帧编辑:

设计神器!轻松添加GIF文字特效的GIFntext

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

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

设计神器!轻松添加GIF文字特效的GIFntext

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

设计神器!轻松添加GIF文字特效的GIFntext

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

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

设计神器!轻松添加GIF文字特效的GIFntext

点击下方的 Creat the GIF。

设计神器!轻松添加GIF文字特效的GIFntext

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

设计神器!轻松添加GIF文字特效的GIFntext

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

设计神器!轻松添加GIF文字特效的GIFntext

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

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

设计神器!轻松添加GIF文字特效的GIFntext

优设人气专题

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

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

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

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

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

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

收藏 15
点赞 1

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。