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

HTML/XHTML教程
CSS基础:设计网页常用规范详解
CSS教程:十步学会用css建站
CSS基础:24条网页布局开发小技巧
CSS教程:在网页布局中简单实现垂直居中的办法
css基础教程:颜色和文本属性的控制
专家总结:网页设计师必须遵守的十条守则
html技巧:超级链接a的提示和打开方式
css教程:学习背景图像属性background
例说网页Semantics:Html/Xhtml是否真正符合标准
IE7与web标准设计系列教程:前言
IE7与web标准设计系列教程:更丰富的CSS选择符
IE7与web标准设计系列教程:修正引起页面布局混乱的祸首
web标准教程:IE6和IE7的共存
web标准:IE多版本共存的解决方案:IETester
CSS基础教程:认识CSS选择符
web标准:比较IE6与IE7,放纵的孩子与严厉的父亲
学好标准CSS的模型是否必须放弃IE?
CSS教程:如何处理有冲突的CSS规则
教你用html和css写出漂亮正规的Blog
CSS基础:如何避免table强迫症

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 35 ::
收藏到网摘: 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;

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