当前位置：首页 → 问答吧 → 青花陶瓷按钮－Made in China

青花陶瓷按钮－Made in China

时间：2007-06-13

来源：互联网

自从韩国风格的网页出现以来，就被中国的业界用到烂了。
自从苹果水晶风格的按钮出来，也被中国的业界用到烂了。
有时候取其精华是可以的，不过如果只是生搬硬套，不糅合自己的创意进去，就只是永远在步人家的后尘。
中国人不是没有自己的创意，只是在这个浮躁的社会下，很多人是“不为”而非“不能”罢了。
感慨就说不完了。
说一下这些“青花陶瓷按钮”的制作方法吧。：）

1这次的制作需要一些矢量花草，我用的是“YY Old English Dingbats”花草装饰字体。你也可以使用其它矢量图或矢量字体。
1）绘画一个圆角矩形，大小在175×80左右，填充颜色为＃D7DDDD，无笔触。调整好圆角的弧度。
2）选中圆角矩形，按ctrl＋shift＋G取消组合，这样圆角矩形就变成了普通矢量了，使用“钢笔工具”和“部分选定工具”进行如图的锚点和控点调节。

2
1）要增加形状下方的立体感，添加滤镜，两个“内侧阴影”和一个“投影”。参数如图1，注意滤镜的顺序。
2）为形状添加明部。在原形状的中间画一个如图2的圆角矩形，填充使用所示参数。

3
1）添加加形状下方的高光。使用“钢笔”绘画一条弧线，使用图1的笔触，
用“路径洗刷工具－去除”把弧线两端洗掉。用“路径洗刷工具－添加”把弧线中间加粗。
2）克隆这条弧线，“垂直翻转”后移动到整个形状的上部，改变一下参数。这就为上方添加了高光了。

4
1）为形状右方添加高光。
使用“钢笔”结合“部分选定工具”调节绘画出如图1的形状，使用所示填充。
2）为形状左方添加高光。
克隆右方的高光，“水平翻转”后，摆放到左方。
到此，陶瓷方块绘画完成。

5青花图案（基本绘画）
1）使用如图所示字体，打一个M字（你可以使用其它青花矢量图）
2）为图案添加不规则颜色。为字体添加填充“渐变”－“轮廓”，参数和调节手柄如图2所示。

6青花图案（细致绘画）
1）克隆这个青花图案，填充改为“实心”，颜色为“＃7c83a7”，并添加一个值为“2”的“高斯模糊”。
2）选中这个克隆的图案，按ctrl＋↓，移动到原图案的下一层。
（或在层面板里将这个克隆版拖动到原图案下方）

7 Last Step－青花光泽
必须注意细节的问题。
克隆右方的高光，按ctrl＋shift＋↑置于顶层，透明度改为80

end
你可以完全改变形状和光影效果，创作出属于自己的青花陶瓷按钮。
有空的话我打算制作陶瓷系列的系统图标，呵呵。不知道那位朋友肯出钱订造呢？
Try it yourself then make it better！！！

好东西，源文件

[ 本帖最后由凌志于 2008-11-24 15:45 编辑 ]

作者: RockHward 发布时间: 2007-06-13

很不错中国设计
涉及的字体可以考虑通过下面的链接下载
http://font.cnz.cc/2005/35645.html

---s.h.j

[ 本帖最后由 shuhaijiang 于 2007-6-13 20:35 编辑 ]

作者: shuhaijiang 发布时间: 2007-06-13

真是漂亮呀！

作者: zerozhao 发布时间: 2007-06-13

漂亮！支持

作者: 14pray 发布时间: 2007-06-13

真漂亮..交作业

附件

青花陶瓷按钮.jpg (4.7 KB)

2007-6-13 20:49

作者: kuaile007 发布时间: 2007-06-13

真好看。。

作者: indj 发布时间: 2007-06-13

很有收获，特别是你的感言！

作者: yuchang 发布时间: 2007-06-13

很棒的效果！！！

作者: bxlee 发布时间: 2007-06-13

好一个青花陶瓷，配上了图案后更有韵味。很特别的按钮。加分鼓励。

楼主快成Fireworks版的教程大户了。

作者: 凌志发布时间: 2007-06-13

交个作业！
顺便问一句：为字体添加填充“渐变”－“轮廓”怎么做呀？不知道怎么操作。

附件

瓷.jpg (8.82 KB)

2007-6-13 21:33

作者: zerozhao 发布时间: 2007-06-13

呵呵，这个真是不错，支持

作者: froglt 发布时间: 2007-06-13

呵呵，有意思，欣赏了。

作者: aiya1314 发布时间: 2007-06-13

用心去做东东，比什么都重要。。。支持原创

作者: laijguo 发布时间: 2007-06-14

顶起来~好东西啊

作者: DEADBOY2004 发布时间: 2007-06-14

赞一个!

作者: cacsheep 发布时间: 2007-06-14

支持一下`

作者: caoyang1324 发布时间: 2007-06-14

喜欢...中国风

作者: jasu 发布时间: 2007-06-14

我下的字体上怎么老有个边框呢？
怎么去掉这个边框啊。

作者: mxss 发布时间: 2007-06-14

支持中国创造。。。

作者: KTL3 发布时间: 2007-06-14

LZ太有才了

作者: sq4537 发布时间: 2007-06-14

太牛叉了！！！学习之！！

作者: jeremycohen 发布时间: 2007-06-14

用大写试试

作者: zerozhao 发布时间: 2007-06-14

很有创意！也很漂亮！支持！

作者: muouyy 发布时间: 2007-06-14

交作业，好东西顶起来！

作者: yuchang 发布时间: 2007-06-14

好经典啊```

作者: yinhuviva 发布时间: 2007-06-14

很不错

作者: BearColin 发布时间: 2007-06-14

满世界都是水晶效果，审美疲劳啊，看到这个眼前一亮，楼主有心了

作者: piscdong 发布时间: 2007-06-14

感谢Rockhward!为了中国文化,强烈要求此贴置顶!有幸拜读收获不小！
再交次作业！期待Rockhward更多中国风！

作者: yuchang 发布时间: 2007-06-15

建议加版权，以楼主ID号名名。

作者: yw2199 发布时间: 2007-06-15

太棒了！！！

作者: mcsway 发布时间: 2007-06-15

用“路径洗刷工具－去除”把弧线两端洗掉。用“路径洗刷工具－添加”把弧线中间加粗。
我搞不清楚路径洗刷工具在哪里呢？
有谁可以告诉我下

作者: linxiya1 发布时间: 2007-06-15

在矢量工具下面的某个按钮，按住左键不放就有得选了。

作者: RockHward 发布时间: 2007-06-15

现在倒是找到路径洗刷工具，但是不会用啊，可以教教不

作者: linxiya1 发布时间: 2007-06-15

引用:

原帖由 linxiya1 于 2007-6-15 16:30 发表
用“路径洗刷工具－去除”把弧线两端洗掉。用“路径洗刷工具－添加”把弧线中间加粗。
我搞不清楚路径洗刷工具在哪里呢？
有谁可以告诉我下

选择“水彩”！要不然你洗刷不了！

作者: yuchang 发布时间: 2007-06-15

我点到他了，但是没效果。不知道该怎么用，FW半路学的，工具没摸熟。
指点一下啊

作者: linxiya1 发布时间: 2007-06-15

这个工具点了之后你可以点属性面板里的问号来启动帮助文档。
其实用法就是在有压力感应的笔触上点击就可以了。笔触“水彩”－“变细”就是其中一种压力感应笔触。

作者: RockHward 发布时间: 2007-06-15

回的好详细，刚PM你，回头发现已经回了，谢谢了。

作者: linxiya1 发布时间: 2007-06-15

谢谢几位好心人的帮助，我已经会使用了，刚才把比率调低了，所以看不出效果来。。
同时谢谢楼主这篇帖子。

作者: linxiya1 发布时间: 2007-06-15

非常受益的帖子，谢谢楼主了！

作者: liu533 发布时间: 2007-06-15

太经典了　学到了好多啊

作者: sheic 发布时间: 2007-06-15

好东西呀

作者: zyy6201972 发布时间: 2007-06-15

挂起设计的中国风,顶

作者: snowelf 发布时间: 2007-06-15

太厉害了

作者: bigger 发布时间: 2007-06-16

我不会用FW，但是我很喜欢这个按钮，有没有源文件可以DOWN啊？

或者谁可以发我邮箱

[ 本帖最后由天外飞猪于 2007-6-17 10:59 编辑 ]

作者: 天外飞猪发布时间: 2007-06-17

我觉得我们工作室学编程的都能做出来,大家批评一下吧!

作者: alma1024 发布时间: 2007-06-17

这也太厉害了。
但是做出来和作出来是两回事。

作者: RockHward 发布时间: 2007-06-18

还是没弄明白路径洗刷工具，不过我用羽化的。

附件

111.PNG (13.81 KB)

2007-6-18 11:36

作者: moongong 发布时间: 2007-06-18

哈哈，漂亮啊，支持国货

作者: helensunny000 发布时间: 2007-06-19

很特别

[ 本帖最后由 channel2007 于 2007-6-19 22:12 编辑 ]

作者: channel2007 发布时间: 2007-06-19

如果你想收徒弟一定发个贴

PS：如果没有青花这东西看起来真像香皂呵呵

[ 本帖最后由 No01 于 2007-6-20 04:23 编辑 ]

作者: No01 发布时间: 2007-06-20

有点像田七香皂、又有点象呀客木糖醇`````绝了````呵呵

作者: 17526918 发布时间: 2007-06-21

赶快学习一下~

作者: fjfty 发布时间: 2007-06-21

安装了那个花草的字体，却不知道为什么我的花草字体出来的都是白花蓝底，没有楼主的那朵蓝花~

作者: fjfty 发布时间: 2007-06-21

一定为用烂陶瓷风格献力

作者: sfbasic 发布时间: 2007-06-22

楼主所言极是，创意和思想都给人已震撼。

佩服

作者: ssarg 发布时间: 2007-06-22

不得不顶呀~

中国的设计师们该反省了~

作者: sakyang 发布时间: 2007-06-22

LZ你真强！~学习了！

作者: yltfy 发布时间: 2007-06-23

效果不错，我感觉难点在于那个青花图案，但用字体都给省了，呵呵

作者: Torix 发布时间: 2007-06-24

好贴，支持！！

作者: 393190710 发布时间: 2007-06-25

尝试，如果用在一些陶瓷类的网站一定相得益彰！

附件

44.png (90.06 KB)

2007-7-8 14:12

作者: maihuasen 发布时间: 2007-07-08

青花陶瓷按钮－Made in China

附件

附件

引用:

附件

附件

热门阅读

热门下载