利用Coreldraw 制作透明小水滴按钮

2016-03-18 15:58 47 1 收藏

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享利用Coreldraw 制作透明小水滴按钮,希望可以让热爱学习的朋友们体会到PS的小小的乐趣。

【 tulaoshi.com - CorelDRAW 】

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


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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/coreldraw/)
  1.选择椭圆工具,按住CTRL键,绘制一个圆,作为按钮主体的基本形状,其大小取决于你要制作的按钮大小。

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

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


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


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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/coreldraw/)
        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。

来源:https://www.tulaoshi.com/n/20160318/1888709.html

延伸阅读
  1、打开下图所示的背景素材,选择菜单:滤镜 > 模糊 > 高斯模糊,数值稍微大一点,效果如下图。 2、把前景色设置为绿色,用圆角矩形工具拉一个合适的圆角矩形,然后选择钢笔工具,在属性栏选择“合并形状”,勾出底部三角形形状,如下图。 把当前图层填充改为:0%,此时形状的颜色就消失了,但是你会...
标签: CorelDRAW
  你见过苹果网站的玻璃按钮吗?玲珑剔透,晶莹欲滴,真是让人爱不释目。现在,我们就用CORELDRAW11也来作一个吧。作出的矢量图可以用在网页上,也可以导入进FLASH和COREL R.A.V.E。另外,我们还可以同时学习到透视工具的使用方法。 1. 我们用rectangle tool画一个长方形。然后用 shape tool ,按着shift键将长方形的点移动如...
标签: PS PS基础 PS效果
作者寄语:本教程教大家制作一款简单又美观的玻璃按钮,不用任何图层样式就可以做出非常漂亮的效果。用最简单的方法制作最漂亮的作品。 最终效果 新建一个400 * 250像素的文档,背景填充蓝色:#106D98。 1、新建一个图层,命名为“玻璃边框”,选择矩形工具,半径设置为25,然后拉出下图所示的选区并填充白色。填色后...
透明物体是通过背景进行参照,体现出质感。而本例里是讲解白色透明背景,如果背景太亮,会导致对比不明显。 最终效果 1、打开下图所示的背景素材,选择菜单:滤镜 模糊 高斯模糊,数值稍微大一点,效果如下图。 2、把前景色设置为绿色,用圆角矩形工具拉一个合适的圆角矩形,然后选择钢笔工具,在属性栏选...
标签: PS PS基础 PS效果
本教程的按钮构成部分不多,总共为两大部分,金属外框和蓝色玻璃部分。制作的时候只要画好相应的图层,加上图层样式效果就出来了。制作过程比较简单。 最终效果 1、将背景色填充为黑色。前景色设为 #0090ff ,用“形状工具”在画布中央画一个圆。 2、对这个圆应用下面的图层属性: 3、最终,你得到这样的效果: 4、用“矩形...

经验教程

605

收藏

71
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部