首页 > 设计 > 详细

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

时间：2016-02-08 08:15:15      阅读：108      评论：0      收藏：0      [点我收藏+]
制作过程有任何疑问可以加作者的QQ：562844847。
最终效果

技术分享

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

技术分享

技术分享
 
2、按照之前的教程：Photoshop制作简单的发光LED字，用动作命令开始复制圆（当然也可以用其它方法复制）。

技术分享

技术分享

技术分享
 
3、复制后效果如下图，再按Ctrl + R 调出参考线，并拉出参考线。复制一层圆底层得到副本，并影藏圆底层。

技术分享

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

技术分享

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

技术分享
 
6、删除完后并为其添加图层样式。

技术分享

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

技术分享

技术分享

技术分享

技术分享
 
添加图层样式效果如下图，如果感觉图层样式不是很明显，可以再复制一层并合并，加强下效果。

技术分享

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

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

技术分享

技术分享

技术分享

技术分享
 
9、最好添加装饰（制作GIF动画时一定要有耐心），最好导出为GIF格式，完成最终效果。

技术分享

最终效果：

技术分享

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

原文：http://www.jb51.net/photoshop/33150.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！