杭州网论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 69149|回复: 57

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

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

本帖子中包含更多资源

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

x

评分

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

查看全部评分

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

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

本帖子中包含更多资源

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

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

本帖子中包含更多资源

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

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

本帖子中包含更多资源

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

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

本帖子中包含更多资源

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

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

本帖子中包含更多资源

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

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

本帖子中包含更多资源

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

x
 楼主| 发表于 2011-7-6 16:12 | 显示全部楼层
本帖最后由 kk96900 于 2011-7-6 16:17 编辑

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

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

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

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

本帖子中包含更多资源

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

x

评分

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

查看全部评分

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

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

本帖子中包含更多资源

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

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

本帖子中包含更多资源

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

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

本帖子中包含更多资源

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

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

本帖子中包含更多资源

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

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

本帖子中包含更多资源

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

x
 楼主| 发表于 2011-7-6 16:30 | 显示全部楼层
随便看看第9帧,在这时候文字还没移动到中间。

本帖子中包含更多资源

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

x
发表于 2011-7-6 16:31 | 显示全部楼层
zxcvb7455 发表于 2011-7-6 16:19

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

本帖子中包含更多资源

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

x
 楼主| 发表于 2011-7-6 16:33 | 显示全部楼层
做完之后,我们要导出GIF动画,用这个功能,不能用存储。

本帖子中包含更多资源

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

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

本帖子中包含更多资源

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

x
 楼主| 发表于 2011-7-6 16:38 | 显示全部楼层
使用存储按钮,保存为gif动画,保存后的效果如图。到这一步,滚动路牌就大功告成了。

本帖子中包含更多资源

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

x
发表于 2011-7-6 16:39 | 显示全部楼层
感觉成品有点瑕疵
您需要登录后才可以回帖 登录 | 注册

本版积分规则

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

GMT+8, 2024-3-29 09:25 , Processed in 0.262010 second(s), 20 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

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