杭州网论坛

标题: 【论坛签名利器】LED滚动路牌制作图文教程！ [打印本页]

作者: kk96900 时间: 2011-7-6 15:52
标题: 【论坛签名利器】LED滚动路牌制作图文教程！
应广大坛友要求，我把LED滚动路牌制作教程放出，具体效果可以看帖子和我的个人签名。
制作LED滚动路牌需要Photoshop，我用的是CS4，其它版本也可以，Photoshop CS2等版本可以和ImageReady结合使用。
首先请大家下载两个文件，一个是点阵字显示软件，另一个是我制作的12字屏模板。

作者: kk96900 时间: 2011-7-6 15:53
接下来开始制作教程。
一、用Photoshop打开12字屏模板，如下图所示。

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

作者: kk96900 时间: 2011-7-6 15:54
二、制作点阵字打开点阵字软件，如下图所示。

作者: kk96900 时间: 2011-7-6 15:55
本帖最后由 kk96900 于 2011-7-6 15:56 编辑

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

作者: kk96900 时间: 2011-7-6 16:00
在点阵字软件中，使用点阵字库，在区位码3中找到字母K，于是K就显示在点阵字软件的中央。
使用Alt+Print Screen截图，在Photoshop中新建一个文件（新建菜单默认剪贴板大小），粘贴，用裁剪工具将截图裁剪成只剩下点阵部分。

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

作者: kk96900 时间: 2011-7-6 16:02
用魔棒工具（将魔棒【连续】属性前的勾去掉）一次选中所有点阵，再用填充工具（【连续】属性前的勾也要去掉）一次填充所有点阵，于是选中部分变成红色。

作者: kk96900 时间: 2011-7-6 16:03
将刚才选中的红色点阵复制粘贴到模板文件中，并移动到与绿色点阵对齐的响应位置。

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

作者: kk96900 时间: 2011-7-6 16:07
填充完之后效果如图所示。接下来我们做起讫站的滚动部分。

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

作者: kk96900 时间: 2011-7-6 16:12
本帖最后由 kk96900 于 2011-7-6 16:17 编辑

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

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

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

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

作者: zxcvb7455 时间: 2011-7-6 16:19

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

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

作者: kk96900 时间: 2011-7-6 16:23
使用【复制帧】（按钮位置见2楼图片），第二帧中我们再用Shift+左方向键把雄镇楼——拱北小区移过来，显示点阵图层可以帮助定位。当然移动到合适位置之后，绿色的点阵图层要隐藏。

作者: kk96900 时间: 2011-7-6 16:24
继续复制帧，创建第三帧，用Shift+左方向键让雄镇楼——拱北小区移到番号左边，是不是重叠了？没关系，我们把这一层放到路牌底下方就看不到文字了。

作者: kk96900 时间: 2011-7-6 16:25
这是调整后的图层顺序，这时我们设置一个延迟，每一帧延迟时间为0.1秒。

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

作者: kk96900 时间: 2011-7-6 16:30
随便看看第9帧，在这时候文字还没移动到中间。

作者: MYXMYX 时间: 2011-7-6 16:31

zxcvb7455 发表于 2011-7-6 16:19

插楼

作者: DF110439 时间: 2011-7-6 16:32
这东西很赞感谢楼主

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

作者: kk96900 时间: 2011-7-6 16:33
做完之后，我们要导出GIF动画，用这个功能，不能用存储。

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

作者: kk96900 时间: 2011-7-6 16:38
使用存储按钮，保存为gif动画，保存后的效果如图。到这一步，滚动路牌就大功告成了。

作者: HK8990 时间: 2011-7-6 16:39
感觉成品有点瑕疵

作者: kk96900 时间: 2011-7-6 16:44
关于个性签名……在设置——论坛信息中可以找到个性签名的选项，使用【img】代码就可以实现个性签名为滚动LED路牌了。当然，在这个论坛你得先发个帖上传你的大作之后才能用作签名。
注意事项：个性签名使用img代码需设置宽、高数值，否则会造成签名显示不全的情况，在img=宽,高代码中的高宽比要和原图的高宽比相同，否则签名中的路牌会变形。

我把K151的范例放上来，大家有兴趣去研究下。文件为psd格式，可以用Photoshop和ImageReady打开。

Photoshop和ImageReady共存的用户请注意，在Photoshop中可以制作到点阵字部分，动画放到ImageReady中制作。

=================全贴完================

作者: kk96900 时间: 2011-7-6 16:46

HK8990 发表于 2011-7-6 16:39
感觉成品有点瑕疵

导出的时候用256色、原图大小就不会有瑕疵了……不过文件会变得比较巨大。

作者: kk96900 时间: 2011-7-6 16:48
回复 K1234路的帖子

不认真看帖，这是点阵字库的字体……用帖子里的软件生成的。

作者: 巴士人 时间: 2011-7-6 16:49
谢谢楼主的教导

作者: k47 时间: 2011-7-6 16:57
恩，技术贴，顶一下，不错的讲解

作者: zxcvb7455 时间: 2011-7-6 17:02
回复 MYXMYX 的帖子

额，还以为发完了

作者: 小汤姆 时间: 2011-7-6 17:19
回复 kk96900 的帖子

教程不错，不过应该说是论坛杀手，不少人会因为电脑配置或浏览器问题造成访问困难，过高的CPU负担影响寿命，夏季用电脑要注意安全啊，特别是笔记本们哈哈

作者: kk96900 时间: 2011-7-6 17:28
回复 K1234路的帖子

方法帖子里讲了，自己去区位码中找。

作者: kk96900 时间: 2011-7-6 17:29

小汤姆发表于 2011-7-6 17:19
回复 kk96900 的帖子

教程不错，不过应该说是论坛杀手，不少人会因为电脑配置或浏览器问题造成访问困难，过 ...

所以说用4色导出被某人看出瑕疵了……

作者: k47 时间: 2011-7-6 19:44
我不知道为什么哦，我的上网本用搜狗的浏览器也不卡啊

作者: 大雪封隧道 时间: 2011-7-6 20:17
本帖最后由大雪封隧道于 2011-7-7 18:59 编辑

尝试做一个
[attach]3413294[/attach]

作者: 【K308】 时间: 2011-7-6 23:37
非常给力

作者: 大雪封隧道 时间: 2011-7-7 12:14

kk96900 发表于 2011-7-6 16:10
用刚才的方法，在区位码中选择到点阵字。截图、复制粘贴到Photoshop中，选择点阵，填充为红色，复制粘贴到模 ...

选择点阵字库后，“直接输入文字” 为什么不能使用了？得一页页翻着找吗？

作者: kk96900 时间: 2011-7-7 13:33
本帖最后由 kk96900 于 2011-7-7 13:35 编辑

回复大雪封隧道的帖子

点阵字库是根据区位码来的，直接输入文字不能用，因为它不支持将输入的文字转换为区位码。不过呢，基本上区位码查找是根据拼音来的，多用用就知道了，也可以通过网站查询到某个字的区位码，然后比较快就能找到。区位码16之前的是数字和字符，16之后依次为简体字，繁体字。多音字在字库中只出现一次。

作者: pop1433 时间: 2011-7-7 18:46
很不错的教程贴，没想到巴家也可以学到点技术哈

作者: HZBOYY 时间: 2011-7-9 16:31
不错不错漂亮的

作者: nose 时间: 2011-7-9 16:52
好！

作者: 诠释、 时间: 2012-7-2 09:50
本帖最后由诠释、于 2012-8-28 12:53 编辑

我来发一个
[attach]3688469[/attach]
[attach]3728394[/attach]

作者: HYL江西赣州 时间: 2012-8-19 09:31
提示: 作者被禁止或删除内容自动屏蔽

作者: 大雪封隧道 时间: 2012-8-19 22:09

HYL江西赣州发表于 2012-8-19 09:31
字很多，在字屏里放不下，怎么办？我要输入的字是：“车辆到站：沙石镇下一站：沙石加油站终点站：东园 ...

字多滚动的时间长一点呗，其它不影响的啊

作者: HYL江西赣州 时间: 2012-8-19 22:12
提示: 作者被禁止或删除内容自动屏蔽

作者: 大雪封隧道 时间: 2012-8-19 22:15

HYL江西赣州发表于 2012-8-19 22:12
做好了，就是大了点，请问您的qq号是多少？

有问题在这交流吧~

作者: HYL江西赣州 时间: 2012-8-19 22:20
提示: 作者被禁止或删除内容自动屏蔽

作者: 大雪封隧道 时间: 2012-8-19 22:22

HYL江西赣州发表于 2012-8-19 22:20
好吧。。。那个12字屏放不下那么多字，怎么可以放下那么多字

既然滚动，为什么要完全放下呢？一点一点从右边缘往左出现、移动，到左边缘消失

作者: HYL江西赣州 时间: 2012-8-19 22:26
提示: 作者被禁止或删除内容自动屏蔽

作者: 大雪封隧道 时间: 2012-8-19 22:36

HYL江西赣州发表于 2012-8-19 22:26
就是说在这里说不清楚嘛？是在把字放到12字屏里时，不是要把所有的字放上去再制作动画，可是字屏不够长， ...

你是打算做成不动的？

作者: HYL江西赣州 时间: 2012-8-19 22:38
提示: 作者被禁止或删除内容自动屏蔽

作者: chenhao2013 时间: 2013-6-1 17:35

kk96900 发表于 2011-7-6 16:06
重复制作点阵，直到路牌上的线路番号完整。将线路番号的点阵字图层合并为一个图层（即K151四个字符所在的图 ...

新建图层怎么填充？

作者: kk96900 时间: 2013-6-2 13:11

chenhao2013 发表于 2013-6-1 17:35
新建图层怎么填充？

图层里选择新建的图层，用油漆桶工具涂色，或者Ctrl+A之后在选区里右键菜单里的填充，选颜色，指定一个黑色。

作者: 稻香机务段 时间: 2014-1-4 11:20
求楼主QQ，表示PS操作一窍不通。。

作者: elninoyale 时间: 2014-7-1 21:01
楼主，问下，为什么新建图层”路牌底“之后再去填充会都变成黑色？原来的线路号图层也不显示了，都变成了黑色，这是为什么？求楼主解答。

作者: 无噶田鸡 时间: 2014-7-15 15:56
楼主可以教一下上海公交非电子腰牌的制作方法吗？

作者: lcx随心所欲 时间: 2015-1-3 17:32
楼主，我用的是CS5,没有魔棒、填充功能，没有选中功能，我该怎么办？

欢迎光临杭州网论坛 (https://bbs.hangzhou.com.cn/)