登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

滴墨斋主的后花园

.

 
 
 

日志

 
 

引用 用PS制作LED风格的文字  

2009-10-03 19:35:55|  分类: p s 课堂 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

hnrabing用PS制作LED风格的文字

现在有很多设计作品中都使用了一种类似液晶显示屏显示的字体效果,想知道怎么实现吗?其实一点也不难。

打开 Photoshop ,将背景色置为黑色。按 Ctrl + N 新建一个 PSD 文档,置 Mode 为 RGB Color ,Contents 为 Background Color ,这样可以得到一个背景图层 Background 被黑色填充的图像文档。

选择白色的前景色,用植字工具在图像文档的中央打上白色的文字。文字的尺寸可以大一点,请使用粗一点的字体,我使用的是 Impace字体 。

用PS制作LED风格的文字 - hnrabing - .

新建一个图层,用白色填充新的图层,将图层命名为 Mask 。

这里我们要使用一个被许多人遗忘的滤镜 Dither Box 。这是我在 Photoshop 5.5 中发现它的,所以我不能肯定 Adobe Photoshop 5.0 也带了这么个滤镜。通过 Dither Box 滤镜可以定义小尺寸的图案(最大尺寸为 8 * 8 Pixels ),然后用这个图案填充当前的图层。

点击 Filter > Other > DitherBox 菜单,看看 Dither Box 的设置对话框吧!它大致可以分成三个部分:

对话框左侧的列表用来存储事先定义好并且经常要用到的图案。Rename 按钮显然是用来为列表中当前选中的图案改名的,而点击 New 按钮可以新建一个图案。通过窗口左上角的下拉列表可以将图案分类并存储到 .col 类型的文件中。选择 New Collection 项目可以新建一个组,而 Delete Collection 项目可以删去当前组及相关的 .col 文件,用 Rename Collection 可以为图案的组命一个好听点的名字。

通过窗口右侧颜色表可以选取绘制图案时的前景色,缺省状态下颜色表上方的下拉列表中显示着 Web Safe Palette ,而选择 Load Color Table 可以载入其它的颜色表。

窗口中部有一组单选框,通过他们可以决定自定义图案的尺寸。然后你就可以用对话框中部的铅笔、滴管和橡皮工具绘制图案了。图案绘制区域每一个格子对应于定义的图案中的一个像素点。

在这个应用中,请参照下图用黑白两种颜色制作一个 4 * 4 Pixels 的图案,然后点击 Fill 按钮用图案填充 Mask 图层。

用PS制作LED风格的文字 - hnrabing - .

在发现 DitherBox 滤镜之前完成这个制作,我想我的做法会是:新建一个 4 * 4 Pixels 尺寸的文档,按 Ctrl + " + " 将图大到 1600 % 显示,用铅笔工具、最小尺寸的笔刷、黑白两种颜色绘制图案后选取整个图像文档,用 Edit > Define Pattern 命令定义成图案,最后点击 Edit > Fill 用图案填充 Mask 图层。看来 DitherBox 滤镜的确为我们省了不少事!

将 Mask 图层的色彩混合模式改为 Multiply ,图像文档中白色的文字已经表现出了 LED 显示屏的风格,白色小方块组成的阵列拼合成图像文档中的文字,遗憾的是在文字的边缘出现了一些不完整的方块,而这在 LED 显示屏中是不允许出现的--我们用下面的步骤除去这些瑕疵:

用 Layer > Flatten Image 命令合并图像文档中所有的图层,然后用 Filter > Blur > Gaussian Blur 将图像模糊 1 Pixels 。点击 Image > Adjust > Threshold 菜单,在弹出的对话框中适当地减少 Threshold Level 值并观察图像文档中预览的效果--下图是我将 Threshold Level 置为 90 时的结果。

用PS制作LED风格的文字 - hnrabing - .

如果你希望得到其它颜色的 LED 显示屏,请双击 Layer 面板中的 Background 图层,将它更名为 Layer 0 。新建一个图层,把它放置到 Layer 0 图层下面,用你喜欢的颜色填充 Layer 1 图层后,请将 Layer 0 的色彩混合模式改为 Multiply ,LED 风格的文字效果完成了!

用PS制作LED风格的文字 - hnrabing - .

[网易学院] 视频专题集合 FIF ASP视频教程已推出 有问题点这里
VC++从入门到精通视频 玩转Linux视频教程 FlashAS编程视频教程
黑客视频教程 Photoshop CS2视频教程 DW2004网页设计视频教程
WINDOWS 系统操作教程 菜鸟学电脑视频教程 Flash Mx操作大全
Flash 2004实例教程 一级Office视频教程 CorelDraw视频教程
DW网页设计视频教程 3DS MAX7.0 教程 Photoshop7视频教程

用PS制作LED风格的文字 - hnrabing - . [返回首页]

相关文章:

·PS CS2视频教程:11 图像的置入、导入

  • ·PS CS2视频教程:10 图像另存、恢复操作
  • ·PS CS2视频教程:9 图像保存文件格式介绍
  • ·PS CS2视频教程:8 新建图像文件
  • ·PS CS2视频教程:7.提高PS的运行效率、自定义工作环境2
  •  

     

     

     

     

      评论这张
     
    阅读(606)| 评论(1)

    历史上的今天

    评论

    <#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
     
     
     
     
     
     
     
     
     
     
     
     
     
     

    页脚

    网易公司版权所有 ©1997-2018