本教程教您使用CorelDRAW X8制作金属质感3D立体按钮。绘图中主要应用渐变填充技巧为立体按钮表现物体质感和丰富的色彩变化,最后实现的效果也是不错的,是很实用的案例,教程难度一般,完成图如下:

步骤一、新建画布 打开CorelDRAW,执行“文件>新建”命令,或按快捷键Ctrl+N新建一个500*300文档。

步骤二、输入文本 在工具箱工选择“矩形工具”按住Ctrl键绘制180*180mm正方形,调整属性栏中半径转角为40mm,如图所示。

步骤三、填充渐变色 按快捷键F11,弹出“编辑填充”对话框,填充为灰-黑-灰的渐变颜色,并去除描边轮廓。

步骤四、填充渐变色 将圆角矩形原位复制一份,用“选择工具”,稍微往上移动,继续为其设置渐变色,做出金属质感。

金属质感效果渐变填充

步骤五、复制图形 按住Shift键,开始拖动右下角图柄,从中心缩放对象到适当位置按下鼠标右键再次复制圆角矩形,并按住Ctrl键水平向上移动。

步骤六、填充渐变色 为最上面的圆角矩形改变渐变样式,您可以直接从工具箱中选择“交互式填充工具”在对象上拖拽,在渐变条上双击添加颜色节点,填充颜色所见即所得。

步骤七、应用阴影 为圆角矩形添加阴影效果,注意这个效果是淡淡的,才能显示按钮的精致,设置阴影参数如图所示。

步骤八、填充渐变色 继续原位复制粘贴圆角矩形,用“形状工具”向上移动,设置颜色为渐变金属黄复。

步骤九、填充渐变色 继续原位复制圆角矩形并向上移动,改变渐变颜色和方向,到此,我们已经设置完成了五个形状,得到最终效果如图所示。

步骤十、绘制椭圆 使用“椭圆形工具”绘制一个椭圆,填充白色(这里为了能让大家看的清楚,我将椭圆做了透明处理)。按住Shift键加选最上层的圆角矩形,然后执行“相交”命令。相交之后的图形默认和底下图形一样的颜色,这个需要注意一下。然后将上层的椭圆删除,只留下相交部分,并填充白色。

步骤十一、应用透明 使用“透明度工具”给相交部分的白色图形应用线性透明渐变,得到效果如图所示 。

步骤十二、修剪图形 将以上所绘制的圆角矩形任意复制一个出,然后在此基础上,再按住Shift键等比放大图形并再次复制。移动位置后,将底层图形的右下角留出。用“选择工具”框选两图形执行“修剪”命令,得到右下角部分。

步骤十三、调整图形 将修剪得到的图形移至金属层(即形状2)上,使用“形状工具”做调整 使之贴合。

步骤十四、绘制星星果 绘制椭圆填充白色去除轮廓,转换为位图,执行“高斯模糊”处理,然后将其复制多份,旋转不同角度,变换大小和位置,制作出炫丽星星效果。关于星星制作流程,可点击 详解CorelDRAW如何制作会发光的星星。Ctrl+G组合所有星星图形,复制一份向右移动并缩小。用“选择工具”框选所有,执行“对象>PowerClip>置于图文框内部”命令,将其置于透明图形中,得到效果,如图所示。

步骤十五、输入文本 使用“文本工具”输入文字,选择自己喜欢的字体,设置字号和颜色,放在按钮中心位置,如图所示。

步骤十六、最终效果 使用“选择工具”框选所有Ctrl+G组合,然后复制,换上不同颜色,就制作完成了,是不是很酷呢。

下载源文件:http://pan.baidu.com/s/1dFqkuaP

另有好消息称,CDR X6降价了,原价8200,现在只要1999!除价格优势外,另送价值328元正版魔镜插件!

你说不会用,去CDR中文官网,从基础入门到素材下载,案例分解,通通都给你,全世界最好的CorelDRAW大神的作品都在这里了,分分钟变身设计达人!

活动产品:CorelDRAW X6版本

惊喜价:1999元,原价8200元

活动限时:6月15日-6月30日

活动链接:http://www.coreldrawchina.com/goumai.html

猛截链接获取最低价:http://wm.makeding.com/iclk/?zoneid=20126

另外平面设计 CorelDRAW产品官方群对于此次活动讨论也是非常激烈,更多资源及使用上的问题,也可以加QQ交流群(97235155)获取帮助。

CorelDRAW X8制作金属质感3D立体按钮的更多相关文章

  1. 纯CSS3彩色边线3D立体按钮制作教程

    原文:纯CSS3彩色边线3D立体按钮制作教程 今天我们来分享一款利用纯CSS3实现的3D按钮,这款按钮的一个特点是有彩色的边线,这让整个按钮显得比较多姿多彩,没那么枯燥无趣.本文不仅可以让大家看到演示 ...

  2. jQuery & CSS 制作金属质感的选择按钮

    如果能把 CSS 运用好,我们创作出好的交互和效果的可能性大大增加.这篇文章中,我想与大家分享一组结合 jQuery & CSS 制作的充满金属质感的选择框效果,绝对是超级精美的效果. 在线演 ...

  3. Photoshop:制作金属质感-不锈钢纹理

    效果图 过程: 1.滤镜->渲染->云彩 2.滤镜->模糊->高斯模糊 3.滤镜->杂色->添加杂色 ,数量10 4.滤镜->模糊->径向模糊 5.滤镜 ...

  4. 7款外观迷人的HTML5/CSS3 3D特效按钮特效

    下面我整理了7款外观都十分迷人的HTML5/CSS3 3D按钮特效,有几个还挺实用的,分享给大家. 1.CSS3超酷3D弹性按钮 按钮实现非常简单 之前我们分享过几款不错的CSS3 3D立体按钮,比如 ...

  5. 用CorelDRAW来制作产品结构图的方法

    一.产品结构图的重要性 随着我国经济不断的高速发展,大家的生活水平不断提高,我们将会在生活生产中越来越多的,遇到许多各种各样的生产产品和生活消费品.科技的飞速进步,更是使这些产品.消费品包含了很强的科 ...

  6. Unity3D实现3D立体游戏原理及过程

    Unity3D实现3D立体游戏原理及过程 183 0 0     下面的教程是我今天整理的资料,教大家一步步完成自己的3D立体游戏,并向大家介绍一些3D成像的原理.     理论上,每个普通的非立体3 ...

  7. CorelDRAW快速制作闪耀钻石项链效果

    今天小编为大家分享使用CorelDRAW快速制作闪耀钻石项链效果,过程并不是很复杂,主要用到刻刀工具.智能填充和渐变色的应用,待到一个角完成之后会走一点点捷径,利用旋转复制的方法做出完整的钻石效果,最 ...

  8. css3实现3D立体翻转效果

    1.在IE下无法显示翻转效果,火狐和谷歌可以 /*样式css*/ .nav-menu li { display: inline; } .nav-menu li a { color: #fff; dis ...

  9. 3D立体照片墙

    代码如下:   <!DOCTYPE html> <html> <head lang="en"> <meta charset="U ...

随机推荐

  1. pycharm安装以及简单使用教程

    https://www.cnblogs.com/jin-xin/articles/9811379.html   以windows版本举例: 1.首先去Pycharm官网,或者直接输入网址:http:/ ...

  2. 怎么让composer加速(转)

    composer 在install的时候会做这几个事情: 去packagist.org中寻找对应需要的包的版本信息和下载地址 循环下载对应的包 解压安装对应的包 我们平时使用composer慢就可能在 ...

  3. 路飞学城Python-Day100

    Django项目之图书馆项目 1.项目架构 2.表结构设计 from django.db import models # Create your models here. #作者详情表 class A ...

  4. Python笔记21-------浅复制和深复制、赋值

    上面图表示浅复制和深复制,针对顶层对象来说,赋值为引用,浅复制和深复制都是复制一个新的对象. 针对子对象来说,浅复制为引用.深复制就是复制两个一样的. 1.赋值 A= [ 1,2,3, [ 'a',' ...

  5. javascript事件列表解说

    javascript事件列表解说 事件 浏览器支持 解说 一般事件 onclick IE3.N2 鼠标点击时触发此事件 ondblclick IE4.N4 鼠标双击时触发此事件 onmousedown ...

  6. Python JSON - 世界人口图

    世界人口图 从https://datahub.io/网站搜索population,下载世界人口json数据. from pygal.maps.world import COUNTRIES def ge ...

  7. 用Python实现简单的服务器

    socket接口是实际上是操作系统提供的系统调用.socket的使用并不局限于Python语言,你可以用C或者JAVA来写出同样的socket服务器,而所有语言使用socket的方式都类似(Apach ...

  8. Java数据结构(排序篇)

    冒泡排序:是经过n-1趟子排序完毕的,第i趟子排序从第1个数至第n-i个数,若第i个数比后一个数大(则升序,小则降序)则交换两数.大泡在上,小泡在下. 选择排序:每一趟从待排序的数据元素中选出最小(或 ...

  9. [HTML 5] aria-live

    "aria-live" is a method to tell the information to the screen reader once value changed. a ...

  10. FZU Problem 1853 Number Deletion

    Problem 1853 Number Deletion Accept: 80    Submit: 239 Time Limit: 1000 mSec    Memory Limit : 32768 ...