当前位置:常识百科馆>游戏数码>电脑>

如何用PS制作动态文本?

电脑 阅读(1.53W)

大家在网页上经常会看到那种会动的文本,相比较静态文本更显活泼生动,那么如何制作一个动态效果的文本呢?当然动态分为很多种,下面小编教给你最常见的两种动态效果,希望对大家有所帮助!

如何用PS制作动态文本?

操作方法

第一种动态效果是文本依次出现
也就是每个字按照前后顺序出现,制作方法如下:首先我们打开PS软件,依次点击"文件"-"新建",然后创建一个画板,我们自定义画板名称以及尺寸,如下图;

如何用PS制作动态文本? 第2张
如何用PS制作动态文本? 第3张

然后在左侧找到吸管工具,去右侧的颜色区域吸取一种颜色用来作为文本的颜色,接着在左侧工具栏点击图标"T"来往画板上写文本;

如何用PS制作动态文本? 第4张
如何用PS制作动态文本? 第5张

假如我们以"我爱中国"四个字为例,在画板上输入完毕以后,会在右侧分别出现对应的图层,如图所示

如何用PS制作动态文本? 第6张
如何用PS制作动态文本? 第7张

接着在最上方的工具栏依次点击"窗口"-"动画",然后软件左下角就会出现一副动画帧,我们一共需要复制5个动画帧(比文本字数多一个),如图所示

如何用PS制作动态文本? 第8张
如何用PS制作动态文本? 第9张
如何用PS制作动态文本? 第10张

记住一点:第一帧不对应任何文本,然后选中第二帧,对应的右侧图层里只保留"我"字和背景可见,其他的图层将前面的小眼睛去掉即可;

如何用PS制作动态文本? 第11张
如何用PS制作动态文本? 第12张

点击第三针的时候,只将右侧的"爱"字和背景这两个图层可见,其余的图层不可见,依次方法类推;四个字全部设置完毕以后,在动画帧下方设置每帧之间的间隔,然后点击播放按钮可以查看动态效果;

如何用PS制作动态文本? 第13张
如何用PS制作动态文本? 第14张

最后在文件里找到"存储为web和设备所用格式",即可在网页里查看我们制作好的动态文本效果了,见下图

如何用PS制作动态文本? 第15张
如何用PS制作动态文本? 第16张

第二种效果为文本闪动出现
假定我们以"中"和"国"这两个字作为闪动出现的文本,而前两个字为静态,那么首先我们需要分别将中和国复制图层,如下图

如何用PS制作动态文本? 第17张

接着我们将所有图层进行格栅化,以便对文本进行编辑,选择"中"副本以后,向上或者向下拖动文本,形成上下错落的感觉,如图所示

如何用PS制作动态文本? 第18张
如何用PS制作动态文本? 第19张

同样的对"国"字也做相应的处理,然后按照刚才的方法创建两幅动画帧,选中第一帧的时候,将图层"中"和图层"国 副本"隐藏,同样的方法点击第二帧的时候,将右侧图层的"国"和"中 副本"图层隐藏,也就是去掉前面的小眼睛

如何用PS制作动态文本? 第20张
如何用PS制作动态文本? 第21张

依旧和第一种情况一样,我们给动画帧之间设置时间间隔,然后保存到电脑即可,下图是这一种动画文本的效果图

如何用PS制作动态文本? 第22张