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+↓,移动到原图案的下一层。(或在层面板里将这个克隆版拖动到原图案下方)

- [1] [2] 下一页
-
- Fireworks绘制精致青花陶瓷按钮 相关文章:
- ·新病毒点击允许按钮欺骗杀毒软件
- ·个性化的网页按钮
- ·Fireworks制作超酷质感按钮
- ·打造自己的傲游风格2 按钮的调配
- ·用Illustrator做简洁的水晶图标按钮
- ·网页制作中九种用途特效按钮的代码
- ·介绍Flash中按钮控制小球左右滚动的两种写法
- ·Flash按钮打开一个新的窗口的设计方法
- ·Fireworks打造超酷质感按钮教程
- ·Photoshop打造一款美女水晶按钮
- Fireworks绘制精致青花陶瓷按钮 相关软件
- ·新版加佳XP按钮V2.34
- ·渐变按钮
- ·Flash另类效果之透明按钮设计
- ·超值:按钮应用实例
- ·方便:全选按钮
- ·单击按钮保存网页源码
- ·网页中添加打印按钮
- ·古怪:按钮上也有时钟!
- ·只许提交一次的按钮
- ·摇身一变,图片变按钮!
- 特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作
- 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转
- 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源:http://www.hackhome.com
精品推荐
热点TOP10
- ·开满雪花的圣诞节贺卡新年贺卡制作
- ·Fireworks绘制可爱水粉卡通画
- ·Fireworks教程:绘制性感CG美女教程
- ·Fireworks绘制可爱的Q版电视机图标
- ·Loading动画的制作
- ·Fireworks教程:立体质感水晶的制作过程
- ·Fireworks CS3切片工具的使用简述
- ·Fireworks教程:光芒四射之殊途同归
- ·Fireworks绘制硬壳厚皮烫金书
- ·Fireworks制作仿古羊皮纸效果
- ·创意教程:Fireworks制作书本效果
- ·Adobe CS3系列初探密之:Fireworks CS3
- ·Fireworks细画Menu条
- ·fireworks制作仿古纸张效果
- ·Fireworks绘制简单Rss icon
- ·Fireworks画Rss icon
- ·Fireworks制作经典的扫光字GIF动画
- ·Fireworks打造温润暗纹玉石环佩
- ·Fireworks精彩实例:燃烧吧,LOGO
- ·Fireworks 打造小玉石
特别推荐
- ·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为照片做精美边框
