当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 网页特效文字之—粗糙字

HTML/XHTML教程
CSS实用教程(二)
CSS 循序渐进(二)字的艺术
CSS 循序渐进(一)画个瓢
CSS语法手册(二)文本属性
CSS语法手册(四)文本填充,边框,边界和位置属性(二)
CSS语法手册(一)字体属性
CSS语法手册(三)文本填充,边框,边界和位置属性(一)
CSS语法手册(五)颜色和背景属性
CSS语法手册(六)分类属性
捷足先登学用CSS:HTML结构化
HTML语言剖析(4)
HTML语言剖析(3)
HTML语言剖析(1)
HTML语言剖析(2)
网页背景设计全攻略(2)
在 CSS 中关于字体处理效果的思考
常见页面元素遮住菜单解决方法
样 式 表 全 接 触(1)
样 式 表 全 接 触(2)
样 式 表 全 接 触(6)

HTML/XHTML教程 中的 网页特效文字之—粗糙字


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 64 ::
收藏到网摘: n/a

    新建图像文件后选Channels面板,新建Alpha1通道:输入文字;

    前景为白色,背景为黑色;使用Filter--Render--Difference Coluds,意在做出文字有云彩效果;

    接着减少选取范围亮度干扰:Filter--Noise--Median,Radius值选6-8像素;

    勾勒出文字边缘:Filter--Stylize--Find Edges;

    把文字颜色进行反转:Image--Adjust--Invert(或快捷键Ctrl+V);调整文字亮度:Image--Adjust--Levels(或快捷键Ctrl+L),熟悉Photoshop的朋友可以按个人偏好取Input Levels值,否则可以取0,1,24作为参考值;

    返回RGB模式后对文字进行打光:Filter--Render--Lighting Effects,参考值:
    Style:Default;
    Light type:spotlight; (on)
    Intersity:35;
    Focus:85;
    Gloss:100;
    Material:-100;
    Exposure:-8;
    Ambience:9;
    Texture Channel:Alpha1;
    如下图所示操作:

    调整文字色调饱和度及亮度值:Image--Adjust--Brightess/Contrast:Brightess:-30;Contrast:-11;

    粗糙字完成!如果你还希望做一点修饰的话,不妨把文字加上凹凸效果,如此即可生成如下的最终效果。