关于我们 广告服务 社区论坛
设为首页 加入收藏

行业新闻
服 务 器
模版下载
建站指南
冲浪宝典
办公软件
网站运营
操作系统
QQ 专题
网页制作
安全防御
视频教程
网络编程
SEO专区
软件下载
图像设计
Cisco
网页特效
Wap 技术
联盟赚钱
网页素材
 首页 | 企业建站 | 网页制作 | 网站运营 | 网络编程 | 图像设计 | 冲浪宝典 | 操作系统 | SEO专区 | 联盟赚钱 | Cisco

欢迎来到e天下网络首页>>图像设计>>CORELDRAW>>正文|用CorelDRAW来制作透明小水滴按钮

用CorelDRAW来制作透明小水滴按钮

[ 来路:闪吧      时间:2007-7-10 3:14:58    点击: ]

 

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

  按钮主体; 
  按钮阴影部分;
  光泽区;
  光泽区的透明渐变;
  高亮区;
  文本字符及其阴影。
  具体请看图1。
12379759_2005060714203918782000.gif

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

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

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

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

12379759_2005060714203921311700.gif


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

12379759_2005060714203923299300.gif


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

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

  按钮主体:(HSB:150,100,40),
  光泽区:(HSB:122,7,97)
  高亮区(HSB:120,100,100)
  结果如图5所示。

12379759_2005060714203926387500.gif


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

12379759_2005060714203928161700.gif


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

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

12379759_2005060714203930429500.gif


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

12379759_2005060714203932593300.gif


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

12379759_2005060714203934185700.gif


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

12379759_2005060714203935910400.gif

::::站长友情提示:多花一分钟学点什么都好::::

 

上一篇:CorelDraw填色技巧不完全图解手册  下一篇:CorelDRAW标识设计动感文字变形特效

 ::热点信息::

 

= = 免责声明 = =

① 欢迎转载我网所刊信息,请注明“来源:E天下网络”。
② 凡本网注明“来源:XXX(非E天下网络)”的作品,均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如因作品内容、版权和其它问题需要同本网联系的,请在30日内进行。
※联系方式:Airtofly@163.com

::推荐文章::

 

Photoshop 轻松打造神秘银河系

::网页制作::

 

初学:什么是DIV+CSS?有什么
网页制作实例CSS用一张图片实
用CSS控制图片自适应大小的方
小技巧:CSS列表标签出现问题
CSS网页设计中使用背景图片须
想让DIV居中,如何编写CSS的
总结两年以来使用DIV网页排版
DIV CSS技巧:对CSS命名的一
更多内容..

 

 

关于我们 广告服务 友情链接 合作伙伴 社区论坛 免责声明

Copyright © 2007   21kn.com Inc. All rights reserved.e天下网络工作室

网站白天客服QQ:26875416 (非24小时)  合作QQ:597004688    粤ICP备06026423号