Photoshop制作简单的LED字及移动动画(3)

作者:大眼仔~旭 作者:佚名 出处: 本教程的文字大致分为两个部分来完成。首先是LED字及背景的制作,只需要按照LED字的规律,用简单的圆点拼成文字再加上图层样式即可。然后就是动画部分的制作,方法跟其它动画制作

Photoshop CS3亲密接触(10):实用为王!包装贴图轻松搞定(3)

图13 现在你可以看到那张图还在线框的外面,我们用鼠标直接拖到线框里,这个时候可以惊奇的发现,你的贴图被适配到你刚才创建的形状里(见图14)。 图14 本新闻共9 但目前的图片大小与dvd盒子并不合适,所以我们要


作者:大眼仔~旭 作者:佚名   出处:
Photoshop制作简单的LED字及移动动画(3)插图

本教程的文大致分为两个部分来完成。首先是LED字及背景的制作,只需要按照LED字的规律,用简单的圆点拼成文字再加上图层样式即可。然后就是动画部分的制作,方法跟其它动画制作方法一样,用一组图层来表示动画的过程。 
最终效果 
Photoshop制作简单的LED字及移动动画(3)插图(1) 
1、新建一个600 * 200像素文档,背景填充暗灰色:#121117。新建一个图层,用椭圆选框工具拉出下图所示的正圆选区并填充灰色:#8D8C92,放置在左上角。 
Photoshop制作简单的LED字及移动动画(3)插图(2) 
Photoshop制作简单的LED字及移动动画(3)插图(3) 
2、用动作命令开始复制圆(当然也可以用其它方法复制)。 
Photoshop制作简单的LED字及移动动画(3)插图(4) 
Photoshop制作简单的LED字及移动动画(3)插图(5) 
Photoshop制作简单的LED字及移动动画(3)插图(6) 
3、复制后效果如下图,再按Ctrl + R 调出参考线,并拉出参考线。复制一层圆底层得到副本,并影藏圆底层。 
Photoshop制作简单的LED字及移动动画(3)插图(7) 
4、使用矩形选框工具拉出下图所示的选区,按Delete 删除不需要的部分,如下图如下图。 
Photoshop制作简单的LED字及移动动画(3)插图(8) 
5、使用同样的方法删除不需要的部分来完成字体的制作。 
Photoshop制作简单的LED字及移动动画(3)插图(9) 
6、删除完后并为其添加图层样式。 
Photoshop制作简单的LED字及移动动画(3)插图(10) 
分别设置外发光、内发光、光泽、颜色叠加,参数设置如下图。 
Photoshop制作简单的LED字及移动动画(3)插图(11) 
Photoshop制作简单的LED字及移动动画(3)插图(12) 
Photoshop制作简单的LED字及移动动画(3)插图(13) 
Photoshop制作简单的LED字及移动动画(3)插图(14) 
添加图层样式效果如下图,如果感觉图层样式不是很明显,可以再复制一层并合并,加强下效果。 
Photoshop制作简单的LED字及移动动画(3)插图(15) 
7、选择菜单:窗口 > 动画,出现下面的动画面板,下面开始制作动画。 
Photoshop制作简单的LED字及移动动画(3)插图(16) 
8、在制作动画的时候,我们需要注意帧是有规律的,文字上的圆点要与背景部分的圆点对齐,高度要保质一只。最好是拉上参考线来校准。移动的时候把文字由左至右移动,大致过程如下图。 
Photoshop制作简单的LED字及移动动画(3)插图(17) 
Photoshop制作简单的LED字及移动动画(3)插图(18) 
Photoshop制作简单的LED字及移动动画(3)插图(19) 
Photoshop制作简单的LED字及移动动画(3)插图(20)
  9、最好添加装饰(制作GIF动画时一定要有耐心),最好导出为GIF格式,完成最终效果。 
Photoshop制作简单的LED字及移动动画(3)插图(21) 
最终效果: 
Photoshop制作简单的LED字及移动动画(3)插图(1) 


作者:大眼仔~旭 作者:佚名   出处:
Photoshop制作简单的LED字及移动动画(3)插图

本教程的文字大致分为两个部分来完成。首先是LED字及背景的制作,只需要按照LED字的规律,用简单的圆点拼成文字再加上图层样式即可。然后就是动画部分的制作,方法跟其它动画制作方法一样,用一组图层来表示动画的过程。 
最终效果 
Photoshop制作简单的LED字及移动动画(3)插图(1) 
1、新建一个600 * 200像素文档,背景填充暗灰色:#121117。新建一个图层,用椭圆选框工具拉出下图所示的正圆选区并填充灰色:#8D8C92,放置在左上角。 
Photoshop制作简单的LED字及移动动画(3)插图(2) 
Photoshop制作简单的LED字及移动动画(3)插图(3) 
2、用动作命令开始复制圆(当然也可以用其它方法复制)。 
Photoshop制作简单的LED字及移动动画(3)插图(4) 
Photoshop制作简单的LED字及移动动画(3)插图(5) 
Photoshop制作简单的LED字及移动动画(3)插图(6) 
3、复制后效果如下图,再按Ctrl + R 调出参考线,并拉出参考线。复制一层圆底层得到副本,并影藏圆底层。 
Photoshop制作简单的LED字及移动动画(3)插图(7) 
4、使用矩形选框工具拉出下图所示的选区,按Delete 删除不需要的部分,如下图如下图。 
Photoshop制作简单的LED字及移动动画(3)插图(8) 
5、使用同样的方法删除不需要的部分来完成字体的制作。 
Photoshop制作简单的LED字及移动动画(3)插图(9) 
6、删除完后并为其添加图层样式。 
Photoshop制作简单的LED字及移动动画(3)插图(10) 
分别设置外发光、内发光、光泽、颜色叠加,参数设置如下图。 
Photoshop制作简单的LED字及移动动画(3)插图(11) 
Photoshop制作简单的LED字及移动动画(3)插图(12) 
Photoshop制作简单的LED字及移动动画(3)插图(13) 
Photoshop制作简单的LED字及移动动画(3)插图(14) 
添加图层样式效果如下图,如果感觉图层样式不是很明显,可以再复制一层并合并,加强下效果。 
Photoshop制作简单的LED字及移动动画(3)插图(15) 
7、选择菜单:窗口 > 动画,出现下面的动画面板,下面开始制作动画。 
Photoshop制作简单的LED字及移动动画(3)插图(16) 
8、在制作动画的时候,我们需要注意帧是有规律的,文字上的圆点要与背景部分的圆点对齐,高度要保质一只。最好是拉上参考线来校准。移动的时候把文字由左至右移动,大致过程如下图。 
Photoshop制作简单的LED字及移动动画(3)插图(17) 
Photoshop制作简单的LED字及移动动画(3)插图(18) 
Photoshop制作简单的LED字及移动动画(3)插图(19) 
Photoshop制作简单的LED字及移动动画(3)插图(20)
  9、最好添加装饰(制作GIF动画时一定要有耐心),最好导出为GIF格式,完成最终效果。 
Photoshop制作简单的LED字及移动动画(3)插图(21) 
最终效果: 
Photoshop制作简单的LED字及移动动画(3)插图(1) 


作者:大眼仔~旭 作者:佚名   出处:
Photoshop制作简单的LED字及移动动画(3)插图

本教程的文字大致分为两个部分来完成。首先是LED字及背景的制作,只需要按照LED字的规律,用简单的圆点拼成文字再加上图层样式即可。然后就是动画部分的制作,方法跟其它动画制作方法一样,用一组图层来表示动画的过程。 
最终效果 
Photoshop制作简单的LED字及移动动画(3)插图(1) 
1、新建一个600 * 200像素文档,背景填充暗灰色:#121117。新建一个图层,用椭圆选框工具拉出下图所示的正圆选区并填充灰色:#8D8C92,放置在左上角。 
Photoshop制作简单的LED字及移动动画(3)插图(2) 
Photoshop制作简单的LED字及移动动画(3)插图(3) 
2、用动作命令开始复制圆(当然也可以用其它方法复制)。 
Photoshop制作简单的LED字及移动动画(3)插图(4) 
Photoshop制作简单的LED字及移动动画(3)插图(5) 
Photoshop制作简单的LED字及移动动画(3)插图(6) 
3、复制后效果如下图,再按Ctrl + R 调出参考线,并拉出参考线。复制一层圆底层得到副本,并影藏圆底层。 
Photoshop制作简单的LED字及移动动画(3)插图(7) 
4、使用矩形选框工具拉出下图所示的选区,按Delete 删除不需要的部分,如下图如下图。 
Photoshop制作简单的LED字及移动动画(3)插图(8) 
5、使用同样的方法删除不需要的部分来完成字体的制作。 
Photoshop制作简单的LED字及移动动画(3)插图(9) 
6、删除完后并为其添加图层样式。 
Photoshop制作简单的LED字及移动动画(3)插图(10) 
分别设置外发光、内发光、光泽、颜色叠加,参数设置如下图。 
Photoshop制作简单的LED字及移动动画(3)插图(11) 
Photoshop制作简单的LED字及移动动画(3)插图(12) 
Photoshop制作简单的LED字及移动动画(3)插图(13) 
Photoshop制作简单的LED字及移动动画(3)插图(14) 
添加图层样式效果如下图,如果感觉图层样式不是很明显,可以再复制一层并合并,加强下效果。 
Photoshop制作简单的LED字及移动动画(3)插图(15) 
7、选择菜单:窗口 > 动画,出现下面的动画面板,下面开始制作动画。 
Photoshop制作简单的LED字及移动动画(3)插图(16) 
8、在制作动画的时候,我们需要注意帧是有规律的,文字上的圆点要与背景部分的圆点对齐,高度要保质一只。最好是拉上参考线来校准。移动的时候把文字由左至右移动,大致过程如下图。 
Photoshop制作简单的LED字及移动动画(3)插图(17) 
Photoshop制作简单的LED字及移动动画(3)插图(18) 
Photoshop制作简单的LED字及移动动画(3)插图(19) 
Photoshop制作简单的LED字及移动动画(3)插图(20)
  9、最好添加装饰(制作GIF动画时一定要有耐心),最好导出为GIF格式,完成最终效果。 
Photoshop制作简单的LED字及移动动画(3)插图(21) 
最终效果: 
Photoshop制作简单的LED字及移动动画(3)插图(1) 

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部