瑞星卡卡安全论坛

应UI设计版版主kubi8之邀及许多社区朋友给我来短信和QQ询问字体过光效果（遮照）的制作方法，特此献上拙作教程，希望能给喜爱Photoshop(PS)的朋友带来一点点启示与帮助，共同提高PS运用技巧。

本人从未作过教程，也作不好！更不是老师，只是把我所知的一些应用方法略说一二……

在PS制作过光效果比较麻烦点，必需手动放置帧的位置（用Flash制作过光效果就简单多了，推荐朋友们在支持SWF格式的网页上还是用Flash制作……不是重点略过）。


附件中RAR文件是用Flash制作的SWF格式:

附件: 2608212005122132422.rar

最后效果如图：基于1024×768分辨率制作

附件: 2608212005122131716.gif

下面就讲讲它的制作方法：

1、首先打上你所需要的文字：（瑞星社区 UI设计）

附件: 2608212005121162047.jpg

2、新建图层，用矩形选框工具拉出长方体：

附件: 2608212005121162134.JPG

3、使用（渐变工具）——选择（前景到透明）

附件: 2608212005121162212.JPG

4、注意拉渐变的方法（从中间往外拉）

附件: 2608212005121162245.JPG

5、就是这个样子的。（取消选择）

附件: 2608212005124104351.JPG

6、直来直去的不好看，可以用（自由变换工具ctrl+T）调整位置;回车确定。

附件: 2608212005121162415.JPG

7、关键的一步（遮照）：

附件: 2608212005121162441.JPG

8.进入ImageReady 中编辑

附件: 2608212005121162520.JPG

9、复制帧

附件: 2608212005121162552.JPG

10、继续把《瑞星社区 UI设计》几字全部过完

附件: 2608212005121162631.JPG

全部完成后，将优化结果另存即可。


————————————完————————————————

学习，收了~~

希望能看到更多教程~

晕,我刚做的!
呵呵!!

附件: 3551592005121180046.gif

等会再来一个

附件: 3551592005121183933.gif

引用:

【kubi8的贴子】等会再来一个 ...........................

晕！你还做上瘾啦！呵呵。

别看它简单哦？！可是SHOW字体不可缺少的部分，能给你的网页广告及片头带来意想不到的渲染效果；最实用喽！

【回复“吾爱”的帖子】

铁子的帖好好哟～～～～～～～～～～～～～～～～～～～～～～～


无条件的顶！！

这张过光.....

附件: 3551592005121200200.jpg

你为什么看不到呢？！是因为你的图占满了整个面板，没比较！其实是已经遮照上了。我给你打个比方：

下图：
——遮照前（注意看红色的部分）：

附件: 2608212005121202300.jpg

——遮照后：

附件: 2608212005121202334.jpg

补充：你要想只过光图中的小女生，你必需把小女生抠出才行！

顶

晕

附件: 3551592005121210028.gif

呵呵
门外汉来了
学习ing

学习了

谢谢啊 偶一会也实践一下

哇,好东东我也学

收到，辛苦了

整张图，就是这样：

附件: 2608212005121231133.gif