杭州网论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 74481|回复: 57
打印 上一主题 下一主题

[论坛成长] 【论坛签名利器】LED滚动路牌制作图文教程!

  [复制链接]
跳转到指定楼层
楼主
发表于 2011-7-6 15:52 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
应广大坛友要求,我把LED滚动路牌制作教程放出,具体效果可以看帖子和我的个人签名。
制作LED滚动路牌需要Photoshop,我用的是CS4,其它版本也可以,Photoshop CS2等版本可以和ImageReady结合使用。
首先请大家下载两个文件,一个是点阵字显示软件,另一个是我制作的12字屏模板。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x

评分

参与人数 2威望 +2 收起 理由
大雪封隧道 + 1
小汤姆 + 1 教程不错,不过应该说是论坛杀手,不少人会.

查看全部评分

分享到:  QQ好友和群QQ好友和群
收藏收藏7
沙发
 楼主| 发表于 2011-7-6 15:53 | 只看该作者
接下来开始制作教程。
一、用Photoshop打开12字屏模板,如下图所示。

图中已经标出做路牌常用的功能对应的按钮位置。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
板凳
 楼主| 发表于 2011-7-6 15:54 | 只看该作者
二、制作点阵字打开点阵字软件,如下图所示。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
地板
 楼主| 发表于 2011-7-6 15:55 | 只看该作者
本帖最后由 kk96900 于 2011-7-6 15:56 编辑

切换到Photoshop,将前景色调整如下图所示。这是点阵字的颜色,如果路牌点阵字是橙色的可以在此对话框中更换成橙色。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
5#
 楼主| 发表于 2011-7-6 16:00 | 只看该作者
在点阵字软件中,使用点阵字库,在区位码3中找到字母K,于是K就显示在点阵字软件的中央。
使用Alt+Print Screen截图,在Photoshop中新建一个文件(新建菜单默认剪贴板大小),粘贴,用裁剪工具将截图裁剪成只剩下点阵部分。

注意事项:裁剪后不应该有除了点阵字之外的黑色区域。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
6#
 楼主| 发表于 2011-7-6 16:02 | 只看该作者
用魔棒工具(将魔棒【连续】属性前的勾去掉)一次选中所有点阵,再用填充工具(【连续】属性前的勾也要去掉)一次填充所有点阵,于是选中部分变成红色。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
7#
 楼主| 发表于 2011-7-6 16:03 | 只看该作者
将刚才选中的红色点阵复制粘贴到模板文件中,并移动到与绿色点阵对齐的响应位置。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
8#
 楼主| 发表于 2011-7-6 16:06 | 只看该作者
重复制作点阵,直到路牌上的线路番号完整。将线路番号的点阵字图层合并为一个图层(即K151四个字符所在的图层合并,合并后可以改图层名为K151)。用矩形选框工具,选择K151所在的所有位置,即这个位置在滚动路牌中永远是显示的。拉出K151大小的矩形后,我们可以新建一个图层,使用黑色(用拾色器选取最底下图层的黑色)填充。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
9#
 楼主| 发表于 2011-7-6 16:07 | 只看该作者
填充完之后效果如图所示。接下来我们做起讫站的滚动部分。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
10#
 楼主| 发表于 2011-7-6 16:10 | 只看该作者
用刚才的方法,在区位码中选择到点阵字。截图、复制粘贴到Photoshop中,选择点阵,填充为红色,复制粘贴到模板中,对齐点阵。注意事项:Windows字库和点阵字库不同,一般走字屏使用点阵字库显示,而非Windows字库,如有兴趣,可以使用Windows字库制作同样一个路牌,看看点阵和点阵字库生成的有什么不同。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
11#
 楼主| 发表于 2011-7-6 16:12 | 只看该作者
本帖最后由 kk96900 于 2011-7-6 16:17 编辑

重复这些步骤,就能做出一个完整的路牌。
箭头可以从模板的箭头图层中去找,如果不用箭头可以用文字至或者在点阵字中寻找手型符号点阵。

完成路牌制作后,我们将雄镇楼——拱北小区合并为一个图层,并修改图层名称。

图层列表
1、雄镇楼——拱北小区(滚动部分)
2、K151(番号或不滚动部分)
3、番号或不滚动部分的底色
4、点阵
5、全部路牌的底色

小窍门:将点阵字软件截图后的文档在裁切后不用关闭,下一个字可以直接粘贴到这个文档中,用移动工具使点阵字在文档中央,就能用魔棒选取所有点阵了。这样省去了裁剪的过程。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x

评分

参与人数 1威望 +1 收起 理由
K1234路 + 1 我很赞同

查看全部评分

12#
发表于 2011-7-6 16:19 | 只看该作者
13#
 楼主| 发表于 2011-7-6 16:20 | 只看该作者
三、动画的制作当前帧为第一帧,在第一帧中,雄镇楼——拱北小区是不出现的,它将从文档右方移入。我们单击工具栏中的【移动】工具,但是要用键盘上的Shift+右方向键来移动,这样保证移动中水平位置保持不变。

移动之后,我们就看不到雄镇楼——拱北小区了。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
14#
 楼主| 发表于 2011-7-6 16:23 | 只看该作者
使用【复制帧】(按钮位置见2楼图片),第二帧中我们再用Shift+左方向键把雄镇楼——拱北小区移过来,显示点阵图层可以帮助定位。当然移动到合适位置之后,绿色的点阵图层要隐藏。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
15#
 楼主| 发表于 2011-7-6 16:24 | 只看该作者
继续复制帧,创建第三帧,用Shift+左方向键让雄镇楼——拱北小区移到番号左边,是不是重叠了?没关系,我们把这一层放到路牌底下方就看不到文字了。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
16#
 楼主| 发表于 2011-7-6 16:25 | 只看该作者
这是调整后的图层顺序,这时我们设置一个延迟,每一帧延迟时间为0.1秒。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
17#
 楼主| 发表于 2011-7-6 16:29 | 只看该作者
单击第一帧,使用【动画】按钮,二楼图上有按钮位置。我们来创建连续的动画。
第一帧到第二帧之间增加20帧,也就是说路牌滚动到中间差不多需要【延迟*帧数】这么多时间,即0.1*20=2秒,实际上肯定要大于2秒的。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
18#
 楼主| 发表于 2011-7-6 16:30 | 只看该作者
随便看看第9帧,在这时候文字还没移动到中间。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
19#
发表于 2011-7-6 16:31 | 只看该作者
zxcvb7455 发表于 2011-7-6 16:19

插楼
20#
发表于 2011-7-6 16:32 | 只看该作者
这东西很赞 感谢楼主
21#
 楼主| 发表于 2011-7-6 16:32 | 只看该作者
同样方法,这时候我们需要制作文字左移的动画,即从倒数第二帧开始到最后一帧之间用动画功能插入20帧。之后,我们希望雄镇楼——拱北小区能移动到中间停留一会儿,于是把这一帧的延迟设为2秒。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
22#
 楼主| 发表于 2011-7-6 16:33 | 只看该作者
做完之后,我们要导出GIF动画,用这个功能,不能用存储。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
23#
 楼主| 发表于 2011-7-6 16:37 | 只看该作者
参数的设置:【颜色】颜色数越少,文件越小,这个路牌4色足矣。
【图像大小】未保证长宽比例,请用百分比调整,一般用30%也够了,不用导出后撑满整个屏幕的。
【循环选项】这个通过文字去理解,如果选1次的话……滚动完一边就歇菜了。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
24#
 楼主| 发表于 2011-7-6 16:38 | 只看该作者
使用存储按钮,保存为gif动画,保存后的效果如图。到这一步,滚动路牌就大功告成了。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
25#
发表于 2011-7-6 16:39 | 只看该作者
感觉成品有点瑕疵
您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|Archiver|杭州网 ( 浙ICP备11041366号-1 )

GMT+8, 2025-2-9 13:14 , Processed in 0.239229 second(s), 15 queries .

Powered by Discuz! X3.4 Licensed

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表