• 网络学院
  • 新手学堂
  • 操作系统
  • 网络技术
  • 软件应用
  • 办公软件
  • 编程技术
  • 网站架设
  • 数据库类
  • 平面设计
  • 多媒体类
  • 游戏资讯
  • 教学论文
  • 认证考试
Fireworks制作青花陶瓷按钮
广告位
  站点:
  • 首 页
  • 最新软件
  • 最新文章
  • 国内软件
  • 国外软件
  • 汉化软件
  • 源码下载
  • 字体下载
Fireworks制作青花陶瓷按钮
软件发布 Fireworks制作青花陶瓷按钮
网络软件 系统工具 应用软件 联络聊天 图形图像 多媒体类 行业软件 游戏娱乐 编程开发 安全相关 教育教学 数码软件
热门软件: QQ 瑞星 pplive e话通 木马克星 千千静听 office2000 五笔字根 Photoshop 视频分割
返回首页 | 文章首页 | 网站架设 | Firework | Fireworks制作青花陶瓷按钮

Fireworks制作青花陶瓷按钮

 

添加时间: 2007-7-20 3:05:14  作者: Fireworks教程  阅读次数:50   来源: http://www.d9soft.com

 

 

       

  有时候取其精华是可以的,不过如果只是生搬硬套,不糅合自己的创意进去,就只是永远在步人家的后尘。中国人不是没有自己的创意,只是在这个浮躁的社会下,很多人是“不为”而非“不能”罢了。

  感慨就说不完了。说一下这些“青花陶瓷按钮”的制作方法吧。

 

 

 

 

 

 

Fireworks 制作青花陶瓷按钮
图1

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

  绘画一个圆角矩形,大小在175×80左右,填充颜色为#D7DDDD,无笔触。调整好圆角的弧度。
  选中圆角矩形,按ctrl+shift+G取消组合,这样圆角矩形就变成了普通矢量了,使用“钢笔工具”和“部分选定工具”进行如图的锚点和控点调节。

Fireworks 制作青花陶瓷按钮
图2

   二、

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

Fireworks 制作青花陶瓷按钮
图3

  三、

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

Fireworks 制作青花陶瓷按钮
图4

    四、

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

Fireworks 制作青花陶瓷按钮
图5

  五、青花图案(基本绘画)

  1)使用如图所示字体,打一个M字(你可以使用其它青花矢量图)
  2)为图案添加不规则颜色。为字体添加填充“渐变”-“轮廓”,参数和调节手柄如图2所示。

Fireworks 制作青花陶瓷按钮
图6

    六、青花图案(细致绘画)

  克隆这个青花图案,填充改为“实心”,颜色为“#7c83a7”,并添加一个值为“2”的“高斯模糊”。
  选中这个克隆的图案,按ctrl+↓,移动到原图案的下一层。
  (或在层面板里将这个克隆版拖动到原图案下方)

Fireworks 制作青花陶瓷按钮
图7

  七、 Last Step-青花光泽

  必须注意细节的问题。
  克隆右方的高光,按ctrl+shift+↑置于顶层,透明度改为80

Fireworks 制作青花陶瓷按钮
图8

  End、

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

Fireworks 制作青花陶瓷按钮
图9

  源文件:

Fireworks 制作青花陶瓷按钮
图10

 

 

 

上下文章:

 

上一篇文章: Fireworks笔触特效攻略 下一篇文章: 图片魔术:黑白照片的彩色秘密

相关文章:

  • 用Painter制作手绘风格女孩教程
  • 让电脑裸奔 制作百毒不侵的系统
  • 制作“百毒不侵”的Windows系统
  • Photoshop用苹果选区制作可爱签名
  • Photoshop轻松制作树叶上的露珠

相关软件:

  • 多媒体课件制作快手 8.6.27
  • 影楼电子相册制作系统 2008 V7.0 个人版
  • 影楼电子相册制作系统 2008 V7.0 白金版
  • 名片制作专家 V6.2.10
  • 影楼电子相册制作系统 2008 V6.8 家庭版
  • 影楼电子相册制作系统 2008 V6.8 专业版

 

 

快速导航

  • 网络学院
  • 精品汇聚
  • 字体下载
  • 教程下载
  • ASP源码
  • PHP源码
  • Net源码
  • JSP 源码

网站架设分类导航

  • DreamWeaver
  • HTML/CSS
  • Flash
  • Firework
  • FrontPage
  • 建站指南

本类经典文章推荐

  • Fireworks MX增强的位图工具
  • 用Fireworks给黑白图上色
  • 将Fireworks表格插入Dreamweaver
  • 用Fireworks MX制作Windows XP风格...
  • 用Fireworks轻松制作网页交互按钮
  • 教你用Fireworks MX做超酷图标
  • Fireworks 制作礼花动画
  • 用Fireworks制作动画
  • 用Fireworks 4.0制作旋转文字动画
  • 抢先体验:Fireworks MX 2004 新功...

Firework阅读排行

  • 动态QQ表情DIY Fireworks轻松搞定
  • 用Fireworks轻松制作网页交互按钮
  • 使用Fireworks制作相片框
  • 用Fireworks制作动画
  • Fireworks 制作礼花动画
  • 用Fireworks 4.0制作旋转文字动画
  • Fireworks轻松绘制简单卡通海景画
  • 教你用Fireworks MX做超酷图标
  • 动态QQ表情DIY Fireworks轻松搞定
  • Fireworks MX增强的位图工具

网站架设阅读总排行

  • 用层模拟下拉列表框
  • 教你如何用Dreamweaver制作电子相...
  • 用Dreamweaver插件制作动态下拉菜...
  • 突破网页文字无法复制局限
  • 如何设计首页???(解答)
  • Dreamweaver基础技巧-布局阶段
  • 流程图软件Visio作“高难度”网页
  • 网页制作隐藏对象巧利用
  • 站点-网页布局设计基础
  • 动态QQ表情DIY Fireworks轻松搞定

广告位置

字母检索 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 回到顶部

关于我们 | 版权声明 | 免责条款 | 广告联系 | 软件发布 | 下载帮助 | 下载排行 | 网站地图 | 特别鸣谢 | 友情连接

copyright; 2005-2008 D9soft.com 第九软件网 版权所有