中国设计之窗
English 设计信息平台 创意设计交易平台 设计服务平台  
首页 | 综合资讯 | 平面设计 | 工业设计 | CG动漫 | 互动媒体 | 室内设计 | 建筑设计 | 创意博览 | 设计资源 | 设计教育 | 设计竞赛 | 求职招聘 | 设计书店 | 设计论坛
 专业教程
 | 频道首页 | 行业资讯 | 理论文摘 | 设计欣赏 | 设计人 | 专业教程 | 论坛 |  
  · 首页 平面设计频道 专业教程 教程文章
Kelly Cameron 平面设计 精彩IT企业logo设计欣赏 设计师缤纷贺卡设计 Erik J Hartley 标志设计 SPN产品包装设计(1)
Coreldraw 制作水晶按钮
 
作者:    来源:闪吧   发布时间:2007-03-08 09:41   点击:


在制作之前,首先要分析一下按钮的各部分组成及其形状,典型的按钮大致分为以下几部分:


  按钮主体;
  按钮阴影部分;
  光泽区;
  光泽区的透明渐变;
  高亮区;
  文本字符及其阴影。

  具体请看图1。  首先,我们要创建基本图形:按钮主体,高亮区,光泽区。

  1.选择椭圆工具,按住CTRL键,绘制一个圆,作为按钮主体的基本形状,其大小取决于你要制作的按钮大小。

  2. 将此圆再复制一个:向上拖动圆,到按钮外形上方合适位置时,按鼠标右键再放开(或者按小键盘上"+"键)

  3. 复制的圆作为按钮的光泽区,还需要进一步调节:先将圆转换成曲线,用形状工具将其塑形成图2形状,并移动到大圆内部适当位置。


  4.现在创建高亮区域,并添加透视效果:在按钮外形的内部下方绘制一个椭圆,使其宽度略小于按钮,高度要小许多,具体如图3所示。


  5. 选择椭圆,打开"Effects"菜单上的"Add Perspective"命令,按下Shift和Ctrl健,向外拖动椭圆上部的透视控制点,如图4所示。


6. 好,现在有了所需的基本外形了,首先,去掉各个基本图形的轮廓线,加上填充色。具体的颜色值设置如下:(在此例中采用HSB颜色模式)

  按钮主体:(HSB:150,100,40),
  光泽区:(HSB:122,7,97)
  高亮区(HSB:120,100,100)
  结果如图5所示。
  7.可以看出,按钮只是初步完成填色,还要进一步的精心修饰。我们先来给光泽区美化修饰:选择交互式调和工具,从高亮区中心拖动到按钮主体的中心,建立一个调和效果,其中调和的步长请自己尝试。如果按钮主体和高亮区的调和将光泽区遮挡住,请用"Shift+PgUp"命令将光泽区安排到最前面。结果如图6。


  8.选择交互式透明工具,按下Ctrl键,从光泽区顶部向下拖动,建立一个独特而又清晰的透明渐变效果,光泽区的透明渐变颜色设置是:

  起点:白色;  终点:黑色  结果如图7。



  9.选择按钮主体,用交互式阴影工具加上柔和的阴影效果,按钮主体阴影颜色为:(HSB:120,100,100),在属性栏上适当调节阴影的不透明度和羽化程度,注意羽化程度数值不要太低。结果如图8所示。



  同样,在按钮中间再加上文本或字符,并加上阴影效果,文本或阴影颜色:(HSB:180,100,20),结果如图9。



  总体上再大致看一下,并对各个部分进行细微的调节。这样,漂亮的小水滴透明按钮就制作成功了。下面是制成的一些按钮例子,作为给大家的参考,如图10。

本文相关关键字:

编辑:xin  

关于xin:
负责内容:教程、UI、平面等
  ax1981@126.com      
继续阅读:
· 下一篇:图解PS按比例自动批量裁剪照片  

  相关链接文章
· 光照完全指南 - 基础
· AI教程翻译系列:3D图标制作
· 用Photoshop建立微缩景观效果
· PS CS3揭秘:Camera Raw 4.0霸气初现
· PHOTOSHOP教程照片调整:肤色漂白的秘密
· 利用“图层样式”制作金属效果
· Super Photoshop 人像修图教程
· Photoshop打造夜幕下的霓虹灯招牌
 
  热点评论文章
· 如何提高设计师的收入?
· 成都城市熊猫形象标识入围作品欣赏
· “混搭程式”和“混搭主义”
· “超设计”--2006上海双年展
· 中日合拍关羽动画关公形象日本设计惹争议
· 北京理工大学设计艺术学院05研设计作品展
· 全民审美缺失谁之过?
· 在教学实践中对于手绘的认识
· 震撼的设计手法
· “禁播令”与中国动漫发展

利用地铁地图创作的图...

成都城市熊猫形象标识...

戛纳电影节最佳影片金...

Main Exhibitions 2, ...

德黑兰设计师Ali Vazi...
网友评论:
用户: 验证码:
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·新闻留言板管理人员有权保留或删除其管辖留言中的任意内容
·参与本留言即表明您已经阅读并接受上述条款
今日焦点
外国建筑设计事务所入侵中国平面领域
· 外国建筑设计事务所入...
· 罗申骏平面和插画作品
· 著名平面设计师毕学锋...
· 打破界限dzark作品2
· 伊朗设计师 Bijan Say...
· 武汉GK027涂鸦工作室...
· 巴西艺术家Thiago Cos...
· PHOTOSHOP教程照片调...
· 另类插画卧室
· 意大利抽象灯具设计
· 美式轻古典风格客厅布...
· 现代经典卧室展示1
· 英国时装插画大师Davi...
· 美国插画艺术家Lisa L...
· 瑞典新锐插画家Stina ...
精彩专题
中国新锐插画师作品联展
· 中国新锐插画师作品联...
· 2006中国国际品牌·设...
· 北京理工大学设计艺术...
· 如何提高设计师的收入...
· “超设计”--2006上海...
· “禁播令”与中国动漫...
· 2006中国(深圳)第二...
· 第二届文博会盛况精彩...
· 文博会设计盛宴现场报...
· 2005中国设计四大热点
点击排行
· 武汉GK027涂鸦工作室...
· 著名平面设计师毕学锋...
· 设计师缤纷贺卡设计
· 美丽惊人的餐具设计
· 惊呆你眼珠的另类椅子
· 全球12家新锐设计工作...
· 成都城市熊猫形象标识...
· 打破界限dzark作品1
· 巴西Thiago Costa油画...
· 35款经典时尚室内设计...
· 中国美术学院视传系07...
· 广州市兆能有限公司标...
· 2007最具创意家居设计
· 41款珍藏版的经典居室...
· 现代经典卧室展示2
总编辑信箱
news@333cn.com
友情链接本站导航广告服务|合作伙伴|设计服务关于我们版权申明
最佳显示1024x768 中国设计之窗 © 版权所有 粤ICP备05097527号
Tel:0755-83663023 83663069 83663063
客服:serve@333cn.com 资讯提交:news@333cn.com