Home Web Front-end PS Tutorial ps动画制作之非常简单的流光字效果

ps动画制作之非常简单的流光字效果

Jun 01, 2016 pm 02:35 PM
animation

本教程介绍用PS制作最为基础的GIF动画。制作的时候我们先要构思好动画展示效果。然后把用一组图片来显示动画的过程。再用IR把图片转成动态效果即可。 最终效果

ps动画制作之非常简单的流光字效果

1、新建一个400 * 100像素的文档,背景选择白色,参数设置如下图。

ps动画制作之非常简单的流光字效果

2、设置前景色为细喜欢的颜色,这里设置为蓝色:#0091FC。

3、选择文字工具,在属性栏设置字体和字号,如下图,然后在画布上打上想要的文字。

ps动画制作之非常简单的流光字效果
 4、设置前景色为白色,给文字添加图层样式--渐变叠加。调成图层样式面板,设置如下图。注意设置完后不要点图层样式面板的确定。

ps动画制作之非常简单的流光字效果

ps动画制作之非常简单的流光字效果

如果图层样式面板挡住了画布,把画板移到一边,露出画布,鼠标放到画布上,按下鼠标左键不放,慢慢向左拖动,你发现了什么?对,流光在向左移动,好,继续向左拖动,知道看不见流光位置,现在点确定。

ps动画制作之非常简单的流光字效果
 5、选择菜单:窗口 > 动画,调出动画面板(其它PS版本可直接点工具面板下面的IR进入IR操作),如果时间轴模式,点转换为帧模式按钮,转换为帧模式。

ps动画制作之非常简单的流光字效果

设置延迟为0.15秒,循环次数为永远,点击复制帧按钮,复制一帧。

ps动画制作之非常简单的流光字效果

选择帧2,在文字图层上双击渐变叠加,调出图层样式面板。

ps动画制作之非常简单的流光字效果

在画布上按下鼠标左键向右拖动,知道流光在字的右边消失为止,确定后。按住Shift 键不放,点击第一帧,把两个真都选中,点击过渡动画帧按钮,设置添加帧数为3,确定后。

ps动画制作之非常简单的流光字效果
 点击播放按钮,查看一下效果。

ps动画制作之非常简单的流光字效果

6、选择菜单:文件 > 储存为Web和设备所用格式,格式为GIF。最后要提醒的是,在点击储存后,还会弹出一个警告框,如果用CS3一定要看清楚确定按钮在哪,如果点到取消文件将不会被保存。

ps动画制作之非常简单的流光字效果

最终效果:

ps动画制作之非常简单的流光字效果

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot Article Tags

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to speed up animation effects in Windows 11: 2 methods explained How to speed up animation effects in Windows 11: 2 methods explained Apr 24, 2023 pm 04:55 PM

How to speed up animation effects in Windows 11: 2 methods explained

CSS Animation: How to Achieve the Flash Effect of Elements CSS Animation: How to Achieve the Flash Effect of Elements Nov 21, 2023 am 10:56 AM

CSS Animation: How to Achieve the Flash Effect of Elements

Animation not working in PowerPoint [Fixed] Animation not working in PowerPoint [Fixed] Feb 19, 2024 am 11:12 AM

Animation not working in PowerPoint [Fixed]

How to set up ppt animation to enter first and then exit How to set up ppt animation to enter first and then exit Mar 20, 2024 am 09:30 AM

How to set up ppt animation to enter first and then exit

How to use Vue to implement typewriter animation effects How to use Vue to implement typewriter animation effects Sep 19, 2023 am 09:33 AM

How to use Vue to implement typewriter animation effects

After a two-year delay, the domestic 3D animated film 'Er Lang Shen: The Deep Sea Dragon' is scheduled to be released on July 13 After a two-year delay, the domestic 3D animated film 'Er Lang Shen: The Deep Sea Dragon' is scheduled to be released on July 13 Jan 26, 2024 am 09:42 AM

After a two-year delay, the domestic 3D animated film 'Er Lang Shen: The Deep Sea Dragon' is scheduled to be released on July 13

How to disable animations in Windows 11 How to disable animations in Windows 11 Apr 16, 2023 pm 11:34 PM

How to disable animations in Windows 11

The final PV of the main animation 'Arknights: Winter Hidden Return' has been announced and will be launched on October 7 The final PV of the main animation 'Arknights: Winter Hidden Return' has been announced and will be launched on October 7 Sep 23, 2023 am 11:37 AM

The final PV of the main animation 'Arknights: Winter Hidden Return' has been announced and will be launched on October 7

See all articles