首 页 网络编程
网页制作 图形图象 操作系统 冲浪宝典
软件教学 认证考试

网络安全 网络办公 行业资讯 评测对比
您当前位置:站长天空 -> 网页制作-> HTML教程
用fireworks做出精美的文字特效_fireworks教程
作者:网友供稿 点击:0
推荐
西部数码-全国虚拟主机10强!20余项虚拟主机管理功能,全国领先!第6代双线路虚拟主机,南北访问畅通无阻!可在线rar解压,自动数据恢复设置虚拟目录等.免费赠送访问统计,企业邮局.Cn域名注册10元/年,自助建站480元起,免费试用7天,满意再付款!P4主机租用799元/月.月付免压金
站内搜索
文章页数:[1] 

  本文总结了不少用Fireworks绘制各种文字特效的常用表现技巧和制作方法,希望对大家有所帮助。

  一、几种常见文字特效

  1. 简单、常用


本图摘自腾讯网,不是偶做的

  两层:一是单色字体(一般是中粗)
  第二层是文字打散(Ctrl+Shift+P),描边(2-5px),投影(距离和柔化都在5以内)

  2. 渐变


本图摘自腾讯网,不是偶做的

  暂时只说简单的两层式:在有色的背景中输入文字,打散。然后复制一层放在后面。
  把第一层进行这三步操作:拆分组合(Ctrl+Shift+B)、联合路径(选中所有文字“修改”-“组合路径”-“联合”)、然后填充渐变色(常用比较鲜艳的颜色,注意渐变的两个色最好一个深一个浅)
  后面那层就描边,根据其中的颜色来描。一般是描白色和黑色,3-5个像素宽的边。

  3. 一种常见(特别是在像素画中)的凹凸效果

  共四层:主层是主体文字(用较粗的字体),给一个单一的色
  主层文字上面复制两层,一层是暗层,内投影-比主文字色暗一些的颜色,2像素边距,柔化为0,角度138左右;暗层的下面有个亮层(通常亮在暗下面,当光线不足),内投影-比主文字色亮一些的颜色,2像素边距,柔化为0,角度为315左右。
  最后面给一层,为主体文字描个深色的边。OK了~

  4. 文字特效的另一手段:突出显示


本图摘自腾讯网,不是偶做的

  突出显示一些特殊的文字:比如“不错的绿色饮料哦!”其中可以把“绿色”突出来显示。把“绿色”文字放大一点用绿颜色显示。
突出基本有这几种(可以合用):

  ·字体加粗,加大
  ·文字用突出的、鲜艳的颜色(渐变色也可),以及描边(其实描边通常不需要鲜艳,用白色,或是淡色就不错,当然,也可以用与文字色相衬的艳色。
  ·文字加高,倾斜,扭曲等变化,也可以相应使用。
  ·动态效果的话,就闪烁或动感效果
  ·根据文字内容,加上相应的元素。如前面提到的“绿色”,除了用绿色文字等效果,还可以在文字的上角(左右都可)添上一片绿叶,或是把文字用带水珠的绿色图片来填充。其他自己发挥,总之创意无限。
  ·改用其他字体,或是改变文字笔划。与上面接合,可以直接把“绿色”中的“纟”文字打散,用“部分选定工具”改变笔划路径,变成一片叶子。或是把“色”的下勾向右拉长,在勾中放一些叶子、草、水珠之类的元素。

  这是westoy同学做的png源文件:

  5. 水晶

  水晶的文字,就主要是利用遮罩中的两种蒙版:路径轮廓和灰度外观。
  另外的几种不错的水晶效果表现要点:
  一是高亮,我做的效果图中“招牌动作”中的“招牌”二字,上面就有这样的高亮。当然,我做的比较马虎。
  二是剔透的渐变:

  就是这样的效果。通常配上白色描边,以及无柔化的白色/淡色半透明发化效果更佳。

  二、更眩的效果

  我非美专生,也没有主动去研究过这些,但在经典里就有不错的帖,不用我班门弄斧了。

  其中特别是第一个和第二个,还有更多的东东值得研究,可以打造更多酷眩效果哦。 以下是我随便做的几个文字效果的图片。

  三、模仿别人的效果

  1. 找其他站的一些不错的效果,把图保存下来(保存不了的截图也好)。

  2. 打开FW,把图文放大数倍,看清文字到底有些什么效果。特别重要的是,把文字实现的效果层次搞清楚。
基本的一些层次由内到外是:字内光亮->字内阴影->文字主体->描边/发光->阴影(通常描边和阴影可以放在一个层里实现)->其他背景

  3. 分清层次后就可以自己来做了。要完全仿照的话,要具备几个条件:

  ·对照图内是中文文字
  ·图内文字是你认识的字体(不认识的就去问吧),并且系统装有这种字体(估计你认识的字体你系统应该就会有)
  ·要注意的是:有些不错的中文站,你明明看到相当不错的效果,也好像见过这种字体,可是他的效果就是如不来。这时你就可以效果,人家是不是用了字体之外的效果,比如把某个角度拉伸,某一笔划弯曲。
  ·如果你实在没见过那种字体,问也问不出所以然,还有一个注意的是,人家那是为自己站特别准备的字体,专业美工自制的文字。你就只能模仿着做相同的字体了(自己去画,或用相似字体变换,HOHO~)

  4. 如果是英文,韩文,日文等语言的文字效果,要做成中文,只能用相似效果的字体了。寻找相似的字体,注意几点:

  ·外文字体的角度,是圆,还是直,或其他~
  ·外文字体的粗细、中空。有些字是相当之厚,中文里的“经典特宋”、“华康海报”算是相当之粗了。
  ·最主要的是文字表现的风格。那要看你是从哪类网站上摘下来的图,有活跃可爱的娃娃风格(中文常用“华康娃娃”、“趣体”、“汉仪丫丫”、“汉仪娃娃篆”等)、活力动感(“华康海报”、“太极体”)、时尚潮流的风格(“秀英体”、、“圆体<中圆、粗圆>”、“蝶语体”)、也有方方正正的率真风格(“汉仪棱心体”、“综艺本”、“火柴体”)、严重风格(“黑体”、“宋体”)、古典雅致(古典就多不胜数了)等等,这些字体都可以从http://font.knowsky.com/下载,我用的机会也不多,暂时只能说这些(尽供参考,不知对否)~~

  总之,这些效果是多多收集,切勿滥用。


文章整理:站长天空 网址:http://www.z6688.com/
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

文章页数:[1] 


放大字体显示 缩小字体显示 打印文章 推荐给朋友
热门文章
·C#时间函数扩展-.NET教程,C#语言
·成人影片女明星jameson推出手机情色铃声服务
·窗体中控件自动随窗体变化大小-.NET教程,组件控件开发
·C#使用CDO发送邮件-.NET教程,C#语言
·浅析nat的类型
·我的字符和文件加密类,128位加密-.NET教程,评论及其它
·数字机顶盒技术综述 (一)
·数字多媒体广播平台及其关键技术
·java 线程安全-JSP教程,Java技巧及代码
·Remoting和Web服务的区别-.NET教程,Web Service开发
最新文章
·如何通过博客月赚几万美金?_网赚技巧
·浅析广告联盟与个人网站的盈利_网赚技巧
·google adsense会议的主要内容回顾_网赚技巧
·赵克:创业基本素质勤奋专业低调务实_站长访谈
·行业网站分析之一:行业网站现状与前景_站长心得
·分享:做网站月入7000的网站赚钱经验_站长心得
·首页所应该达到的几个目标(2)_站长心得
·google sandbox效应_google推广
·google旧瓶装新酒 用遗弃技术开发web新应用_google推广
·认识google优化排名_google推广
相关主题
  • 用fireworks滤镜轻松制作可爱gif动画_fireworks教程
  • 用fireworks渐变工具做简单图片特效_fireworks教程
  • 用fireworks 8打造美丽的雨后蝴蝶_fireworks教程
  • 用fireworks为照片做精美边框_fireworks教程
  • 用fireworks绘制网页视觉设计稿_fireworks教程
  • 西部数码虚拟主机

    友情链接
    CNNIC 西部数码
    万网 自助建站
    虚拟主机 asp空间
    域名注册 域名
    域名申请 主页空间
    论坛空间 网站空间
    国际域名 虚拟空间
    空间租用 DDOS防火墙
    成都主机托管 四川主机托管
    主机租用 服务器租用
    网站目录 自助建站
    虚拟主机 网址大全
    软件下载
    自助链接
    虚拟主机资讯 特价虚拟主机
    版权申明:本站文章均来自网络,如有侵权,请联系我们,我们收到后立即删除,谢谢!
    关于我们:站长天空:专业提供最新的站长资讯、在线教程、虚拟主机权威评测、虚拟主机性能对比、网站制作教程,开发教程,站长工具。包括网页制作教程、冲浪宝典、编程参考、操作系统、软件教学、行业动态等。
    特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有。
    发表评论 打印  刷新     关闭