首页 > 平面设计 > 文字特效

Photoshop打造简单的LED字及移动动画

admin 文字特效 2022-02-18 02:48:51 LED   移动动画"
制作过程有任何疑问可以加作者的QQ:562844847。
最终效果

Photoshop打造简单的LED字及移动动画

1、新建一个600 * 200像素文档,背景填充暗灰色:#121117。新建一个图层,用椭圆选框工具拉出下图所示的正圆选区并填充灰色:#8D8C92,放置在左上角。

Photoshop打造简单的LED字及移动动画

Photoshop打造简单的LED字及移动动画
 
2、按照之前的教程:Photoshop制作简单的发光LED字,用动作命令开始复制圆(当然也可以用其它方法复制)。

Photoshop打造简单的LED字及移动动画

Photoshop打造简单的LED字及移动动画

Photoshop打造简单的LED字及移动动画
 
3、复制后效果如下图,再按Ctrl + R 调出参考线,并拉出参考线。复制一层圆底层得到副本,并影藏圆底层。

Photoshop打造简单的LED字及移动动画

4、使用矩形选框工具拉出下图所示的选区,按Delete 删除不需要的部分,如下图如下图。

Photoshop打造简单的LED字及移动动画

5、使用同样的方法删除不需要的部分来完成字体的制作。

Photoshop打造简单的LED字及移动动画
 
6、删除完后并为其添加图层样式。

Photoshop打造简单的LED字及移动动画

分别设置外发光、内发光、光泽、颜色叠加,参数设置如下图。

Photoshop打造简单的LED字及移动动画

Photoshop打造简单的LED字及移动动画

Photoshop打造简单的LED字及移动动画

Photoshop打造简单的LED字及移动动画
 
添加图层样式效果如下图,如果感觉图层样式不是很明显,可以再复制一层并合并,加强下效果。

Photoshop打造简单的LED字及移动动画

7、选择菜单:窗口 > 动画,出现下面的动画面板,下面开始制作动画。

Photoshop打造简单的LED字及移动动画
 
8、在制作动画的时候,我们需要注意帧是有规律的,文字上的圆点要与背景部分的圆点对齐,高度要保质一只。最好是拉上参考线来校准。移动的时候把文字由左至右移动,大致过程如下图。

Photoshop打造简单的LED字及移动动画

Photoshop打造简单的LED字及移动动画

Photoshop打造简单的LED字及移动动画

Photoshop打造简单的LED字及移动动画
 
9、最好添加装饰(制作GIF动画时一定要有耐心),最好导出为GIF格式,完成最终效果。

Photoshop打造简单的LED字及移动动画

最终效果:

Photoshop打造简单的LED字及移动动画
版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。
本文地址:/PMsheji/wenzitexiao/158356.html

留言与评论(共有 0 条评论)
   
验证码:

潘少俊衡

| 桂ICP备2023010378号-4

Powered By EmpireCMS

爱享小站

中德益农

谷姐神农

环亚肥料

使用手机软件扫描微信二维码

关注我们可获取更多热点资讯

感谢潘少俊衡友情技术支持