常见动态文字制作教程
分享几种常见的动态文字制作方法,通过几个实例让大家深入了解动态文字的制作方法。听说最近表情包界流行一股文字风,弹幕动画、打字机动画、多重影分身……来,打开PS,我们一起嗨,简简单单做出文字动画个性表情包。风水轮流转,表情包斗来斗去,不断有“新番”,原创卡通、IP漫画、各种截屏几乎都满足不了大家了,要斗图就要不断出奇啊,分分钟逼死设计师的节奏嘛,哈哈哈。无他,最近流行起来了文字风,弹幕动画、打字机动画、多重影分身……,简单的文字都被玩出花活了。觉得市面已有的文字表情包不够用?想着用自己个性的文字来做表情包?好了,本篇文章,阿随君就带大家用PS迅速搞定各种文字表情包,不只是打字机动画哦。http://pic.16xx8.com/allimg/160817/02460T421-0.gif
你们猜这个聊天截屏gif是肿么做的?在这篇文章中,阿随君将主要介绍打字机动画和多重影分身动画的做法,虽然它们在PS中也有多种方法来做,但是阿随君这里只分享利用“时间轴”的做法,而弹幕动画这里会从简介绍,大家感兴趣的可以点击链接查看已发布的详细教程。文末,会展示一些其他玩法,如果你喜欢,留言告诉我,或许更新就在不久喽。
http://pic.16xx8.com/allimg/160817/02460W063-1.png
www.16xx8.com
PS玩转文字gifNo1.打字机动画Step 1.把文字准备好做动画前,当然是先把我们的文字准备好哈,打开PS,
快捷键
Ctrl+N新建文档,如下图设置好参数,点击确定。
http://pic.16xx8.com/allimg/160817/02460W243-2.png
输入文字,如下图所示,选择文字工具、设置好字体、字号、颜色,然后输入文字。
http://pic.16xx8.com/allimg/160817/02460VH7-3.png
Step 2.把时间轴启动通过点击“窗口>时间轴”,把时间轴面板打开,然后如图所示,点击“创建视频时间轴
http://pic.16xx8.com/allimg/160817/02460S531-4.png
然后,来到图层面板,我们这里其实做的是“伪打字机动画”,也多少跟视觉暂留现象有关啦,因此这里介绍的方法就是“
蒙版
位置的移动大法”。所以,选中文字图层的情况下,通过点击菜单栏的“图层>图层蒙版>显示全部”,或者直接如图所示点击图层蒙版按钮来为文字建立蒙版。
http://pic.16xx8.com/allimg/160817/02460U335-5.png
Step 3.让文字动起来正如上一步所说,实际上动起来的是蒙版,文字其实就没动过,哈哈哈。好,我们来看一下怎么做吧。首先,保证在图层面板中,当前选中的是文字图层的蒙版即红圈1所在,然后选择矩形选框工具,把文字框起来,如下图123三步骤所示。
http://pic.16xx8.com/allimg/160817/02460Q145-6.png
然后我们在确保前景色为黑色的情况下,按快捷键Alt+Backspace,为蒙版填充黑色,也就是把文字给遮挡住了。按快捷键Ctrl+D,隐藏选框蚂蚁线,此时可以看到画布上没有了文字,就是一片白。接下来就是重点了。蒙版默认情况下,是跟所在图层链接在一起的,意思就是,两个的“动作”是保持一致的,文字动,蒙版也动。如果是这样的话,蒙版就一直盖住文字,怎么动也看不到文字了。只有,当他们不是链接关系时,一个动,并不能带动另一个动,问题才能解决。那么,接下来取消它们的链接即可。按菜单的“图层>图层蒙版>取消链接”,或者直接点击蒙版前面的小锁链也可以快速取消的。
http://pic.16xx8.com/allimg/160817/02460U001-7.png
接下来为“图层蒙版位置”打关键帧,如下gif图所示,首先在时间轴面板,展开文字图层的属性,即步骤红圈1处点一下让小箭头朝下即打开。然后,把当前时间指示器(就是蓝色头的那个家伙)移动到开始处。点击“图层蒙版位置”前边的秒表,即为当前状态在0帧处打关键帧把当前时间指示器移动到1秒10帧处,选中蒙版,把它向右移动,直到文字刚好完全露出来的时候停止,这个时候就自动打上了第二个关键帧此时,按空格键,可以预览完成的打字机动了。
http://pic.16xx8.com/allimg/160817/02460U305-8.gif
一个小技巧是,如下图所示,在第二帧之后再留几帧,这样给文字一个较长时间的展示,让大家看清楚。以及,可以取消背景图层,这样文字表情就是透明背景的了,完美。当然了,也可以在新建文档的时候,背景图层就选择透明的,而非白色背景。
http://pic.16xx8.com/allimg/160817/02460S018-9.png
好了,接下来就是保存了,按快捷键Ctrl+Alt+Shift+S,弹出如下对话框,按标记所示,分别设置格式为gif,然后选择循环选项为“永远”,单击存储,保存起来,然后拖到自己的微信或者QQ里,用起来吧。
http://pic.16xx8.com/allimg/160817/02460T305-10.png
http://pic.16xx8.com/allimg/160817/02460SM9-11.gif
文字速度调节就移动当前时间指示器好了
http://pic.16xx8.com/allimg/160817/02460Q224-12.gif
No2.多重影分身多重影分身动画,也是在时间轴中对文字做动画,是根据动画特点分别对文字的“变换”和“不透明度”两个属性进行设置。新建文字,创建视频时间轴、打关键帧的方法都是一模一样的,所以这里就不详细说了,只介绍下关键帧是分别打了三个,如下,如图所示:起点:变换(这里指位置)是在画布最下方;不透明度为0%中点:变换是在画中,不透明为100%终点:变化是在画布最上方,不透明为0%
http://pic.16xx8.com/allimg/160817/02460SX7-13.png
三处关键帧其他行文字,我们只需复制刚刚做好的文字图层,因为复制是带着关键帧一起复制的,然后复制完了直接在时间轴面板上把关键帧的位置往前移动一下,就好了,根据需要决定复制多少层,如下图。
http://pic.16xx8.com/allimg/160817/02460RO6-14.png
复制并前移关键帧做好了之后,我们按照老规矩,保存成gif即可导入微信使用了。
http://pic.16xx8.com/allimg/160817/02460R462-15.gif
好吧,做快了,哈哈哈方法介绍给大家,文字运动的速度、节奏、每行文字之间的衔接等细节都还可以更好地把玩,欢迎大家动手做起来哦。
http://pic.16xx8.com/allimg/160817/02460W538-16.gif
文字动画嘛,来,斗图啊No3.弹幕动画弹幕动画的话,实际上基本就是文字位置属性的动画,帧动画和时间轴都可以做,帧动画基本思路就是:新建文字创建帧动画第一帧位置摆好,比如画左复制帧,然后移动位置到画右建立过渡帧,只保留位置属性,比如过渡7帧保存,完成用时间轴来做的方法,则是:新建文字创建视频时间轴第一帧,文字位置摆好如画左,给变换属性打上关键帧结束帧,文字位置摆好如画右,打关键帧。保存,完成更多详细步骤,感兴趣的小伙伴看完本文后请回来戳弹幕表情奥义
http://pic.16xx8.com/allimg/160817/02460V016-17.gif
No4.更多动画可能PS做文字动画的可能性当然还很大,跟其他软件一样,创意驱动的情况下,脑洞能有多大呢?想想就知道玩出来的东西能有多大,上面这些都是很小的应用啦,再比如说,PS时间轴还支持“样式”的关键帧动画,想想图层样式里的参数,是不是来了很多灵感。
http://pic.16xx8.com/allimg/160817/02460W2Q-18.png
这些都是支持动画的哦简单放两个样式动画,感受一下,这只是基础的应用,还是那句话,方法介绍给小伙伴们了,开动脑洞,耍起来吧。
http://pic.16xx8.com/allimg/160817/02460Q1N-19.gif
颜色变化动画
http://pic.16xx8.com/allimg/160817/02460R1I-20.gif
闪瞎眼系列,失败案例大家不要学哦当然了,说回位置和样式的结合,也是可以分分钟做出上面聊天界面那枚表情的,就是这个:
http://pic.16xx8.com/allimg/160817/02460U3c-21.gif
大家快猜是怎么做的?再次当然了,像PPT、AE等等软件都是可以选择用来做文字动画表情包的,而AE的强大和方便,阿随君就先不多说了,上面那枚被贝吉塔称作“黑科技”的小动画,就是AE做的啦,具体的教程和超级丰富的文字动画模板应用,我们下一篇进阶篇再聊哦。
http://pic.16xx8.com/allimg/160817/02460Q526-22.gif
是不是很棒呢,所以快给阿随君点赞吧而这就是今天文章的全部了,看到这里的小伙伴棒棒哒,看都看完了,何不动手练习一下,让自己的斗图表情包更有个性,立于不败之巅呢,么么哒。作者:阿随向前冲 出处:站酷 为什么最后没有显示字? 制作打字机效果的方法,在倒数第三步的时候拖动时间指示器显示不出文字 制作打字机效果的方法,在倒数第三步的时候拖动当前时间指示器时显示不出文字
页:
[1]