当前位置: 主页 > 平面设计 > PS教程 > 字体设计 > 字体设计 > 动态字体 > 制作流光字GIF动画

制作流光字GIF动画

  • 2021-11-11
  • 来源/作者: 网上收集    / 佚名    
  • 20 次浏览

效果

Photoshop CS3制作流光字GIF动画,PS教程,思缘教程网

①:新建一个文件

Photoshop CS3制作流光字GIF动画,PS教程,思缘教程网

②:用油漆桶工具 ,把背景填充为黑色

Photoshop CS3制作流光字GIF动画,PS教程,思缘教程网

③:用文字工具打上自己喜欢的文字,颜色自定义

Photoshop CS3制作流光字GIF动画,PS教程,思缘教程网

④:新建一个图层 命名为 光

Photoshop CS3制作流光字GIF动画,PS教程,思缘教程网

 

⑤:选择画笔工具,画笔参数如下图所示,颜色为 白色

Photoshop CS3制作流光字GIF动画,PS教程,思缘教程网

⑥:在光图层上,用画笔画出一条线斜线

Photoshop CS3制作流光字GIF动画,PS教程,思缘教程网

⑦:选择 窗口―动画 ,把动画窗口打开

Photoshop CS3制作流光字GIF动画,PS教程,思缘教程网

⑧:点击动画面板右下角的图标,切换为时间轴动画

Photoshop CS3制作流光字GIF动画,PS教程,思缘教程网

⑨:点击在动画面板里的光图层的左边的三角图标,然后点击秒表图标

Photoshop CS3制作流光字GIF动画,PS教程,思缘教程网

 

⑩:把当前时间指示器移到00

Photoshop CS3制作流光字GIF动画,PS教程,思缘教程网

⑾:选择移动工具,选择光图层,按住Shift键把白色的光水平移动到最右边(注意:移出画面为止)

Photoshop CS3制作流光字GIF动画,PS教程,思缘教程网


 

⑿:把当前时间指示器移到01:00f

Photoshop CS3制作流光字GIF动画,PS教程,思缘教程网

⒀:选择移动工具,选择光图层,按住Shift键把白色的光水平移动到最左边(注意:移出画面为止)

Photoshop CS3制作流光字GIF动画,PS教程,思缘教程网

⒁:把工作区域点拉到01:00f处

Photoshop CS3制作流光字GIF动画,PS教程,思缘教程网

 

⒂:用文字工具在文字下面打上自己的QQ号码

Photoshop CS3制作流光字GIF动画,PS教程,思缘教程网

⒃:再将QQ号码图层按Ctel+J键通过拷贝 得到QQ副本图层

Photoshop CS3制作流光字GIF动画,PS教程,思缘教程网

⒄:再回到动画面板,把刚拷贝的QQ副本图层的时间线减短到0.2秒左右,缩短位置如下图所示

Photoshop CS3制作流光字GIF动画,PS教程,思缘教程网

⒅:选择 滤镜―模糊―动感模糊 ,参数如下图所示

Photoshop CS3制作流光字GIF动画,PS教程,思缘教程网

 

⒆:再回到动画面板 ,把QQ图层的时间线减短到0.8秒左右,缩短位置如下图所示

Photoshop CS3制作流光字GIF动画,PS教程,思缘教程网

⒇:点击 文件―存储为web和设备所用格式,打开存储面板,参数如下图所示,设好参数后点击存储即可

Photoshop CS3制作流光字GIF动画,PS教程,思缘教程网

最后效果

Photoshop CS3制作流光字GIF动画,PS教程,思缘教程网