文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | firefox | WPS | 杀毒软件 | Picasa
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形图像 办公软件 媒体动画 精文荟萃 常用软件 网页编程 技术开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院图形图像FireworksFireworks绘制精致青花陶瓷按钮
精品推荐
特别推荐
·Fireworks绘制精致打印机图标
·Fireworks绘制精致青花陶瓷按钮
·Fireworks给图片做锐化马赛克特效
·Fireworks制作温馨母亲节动画贺卡
·Fireworks描绘QQ企鹅
·轻松解决Fireworks菜单位置偏差
·Fireworks 常见问答集(三)
·Fireworks 制作 IE 浏览器图标
·用Fireworks MX滤镜制作水痕文字
·巧用Style制作立体感文字
·QQ皮肤制作全程实录
·Fireworks 2004 画明基77G显示器
·Loading动画的制作
·Fireworks Edge滤镜与彩色描边(2)
·超酷图标教你做
·fireworks画液晶显示器简要教程
·FireworksMX2004常见问题解答
·Fireworks轻松绘制banner广告
·Fireworks绘制可爱水粉卡通画
·用Fireworks为照片做精美边框
热点TOP10
·玩出新花样 制作精美动画GIF图片
·制作简单的gif动画
·Fireworks巧妙绘制生肖鼠年邮票
·Fireworks国画:葡萄小鸡图
·Fireworks轻松绘制banner广告
·fireworks画液晶显示器简要教程
·“译典通”-卡通形象设计大赛
·Fireworks制作温馨母亲节动画贺卡
·用Fireworks为照片做精美边框
·Fireworks巧绘精美闪图动画
·Fireworks混合模式之宝石花效果(图)
·Fireworks绘制精致打印机图标
·用Fireworks MX的变形工具制作大脚印图标
·超酷图标教你做
·Fireworks多边形切片的妙用
·Fireworks绘制可爱水粉卡通画
·Fireworks描绘QQ企鹅
·利用Photoshop自定义画笔制作逼真的水泡
·fireworks教程:打造“毁灭顶峰”
·Fireworks轻松绘制Windows Vista质感LOGO

Fireworks绘制精致青花陶瓷按钮

日期:2007年7月3日 作者: 查看:[大字体 中字体 小字体]


 韩国风格的网页出现,风靡一时,苹果水晶风格的按钮出来,也风靡一时。

  广泛学习、取其精华是可以的,不过如果只是生搬硬套,不糅合自己的创意进去,就只是永远在步人家的后尘。中国也有自己的特色和创意,下面我们说一下如何用Fireworks制作这些美丽典雅的“青花陶瓷按钮”。

  

  这次的制作需要一些矢量花草,我用的是“YY Old English Dingbats”花草装饰字体。你也可以使用其它矢量图或矢量字体。

  基本形状

  绘画一个圆角矩形,大小在175×80左右,填充颜色为#D7DDDD,无笔触。调整好圆角的弧度。

  选中圆角矩形,按ctrl+shift+G取消组合,这样圆角矩形就变成了普通矢量了,使用“钢笔工具”和“部分选定工具”进行如图的锚点和控点调节。

  

  增加立体感

  要增加形状下方的立体感,添加滤镜,两个“内侧阴影”和一个“投影”。参数如图1,注意滤镜的顺序。

  为形状添加明部。在原形状的中间画一个如图2的圆角矩形,填充使用所示参数。

  

  添加高光

  使用“钢笔”绘画一条弧线,使用图1的笔触,

  用“路径洗刷工具-去除”把弧线两端洗掉。用“路径洗刷工具-添加”把弧线中间加粗。

  克隆这条弧线,“垂直翻转”后移动到整个形状的上部,改变一下参数。这就为上方添加了高光了。

  

  为形状右方添加高光:使用“钢笔”结合“部分选定工具”调节绘画出如图1的形状,使用所示填充。

  为形状左方添加高光:克隆右方的高光,“水平翻转”后,摆放到左方。

  到此,陶瓷方块绘画完成。

  

  添加青花图案

  1)使用如图所示字体,打一个M字(你可以使用其它青花矢量图)

  2)为图案添加不规则颜色。为字体添加填充“渐变”-“轮廓”,参数和调节手柄如图2所示。

  

  青花图案的细致描绘

  克隆这个青花图案,填充改为“实心”,颜色为“#7c83a7”,并添加一个值为“2”的“高斯模糊”。

  选中这个克隆的图案,按ctrl+↓,移动到原图案的下一层。(或在层面板里将这个克隆版拖动到原图案下方)

  

  表现青花光泽

  必须注意细节的问题。

  克隆右方的高光,按ctrl+shift+↑置于顶层,透明度改为80

  

  你可以完全改变形状和光影效果,创作出属于自己的青花陶瓷按钮。

  有空的话我打算制作陶瓷系列的系统图标。Try it yourself then make it better!!!

  

  源文件:

  

(出处:清风下载学院






上一篇:把Excel里显示的错误标识全部隐藏起来

下一篇:Photoshop滤镜把照片处理成手绘卡通效果

Fireworks绘制精致青花陶瓷按钮 相关文章:
·欣赏:非常实用的button按钮
·C#中水晶按钮的程序生成
·如何在IE右键菜单中添加菜单项以及如何添加IE任务栏按钮
·Flash心形按钮
·用Photoshop制作几款透明质感按钮
·制作加强版的Apple风格按钮
·Photoshop轻松制作Apple网站导航条按钮
·用Photoshop制作网页常用小巧按钮(上)
·Photoshop超级轻松打造web2.0水晶风格按钮
·Flash另类效果之透明按钮设计
Fireworks绘制精致青花陶瓷按钮 相关软件:
·绝妙CSS效果-特色按钮
·各种特色实用按钮大汇粹
·回默认首页按钮
·推荐!微软风格的按钮
·按钮图标集锦(二)
·维维光驱智能钮V1.0
·渐变按钮
·Flash另类效果之透明按钮设计
·网页中添加打印按钮
·推荐特效!闪烁的按钮

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.viphot.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.viphot.com All Rights Reserved. 鄂ICP备05000083号Powered by:vipcn