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

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

2017/12/31 6542评论区

@短腿僵尸木:为客户录制演示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教程

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

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

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/add-gif-text-effects-gifntext

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 设计师专访 素材下载 视觉设计 配色 设计流程 web前端开发 AI教程 用户体验设计 设计理论 神器下载 海报设计 字体下载 设计趋势 设计规范 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里