本教程教您使用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. Spring cloud服务的提供者建立

    1.0我们要在这里要建立一个服务的提供者模块,是一个module,类似于服务的公共模块 第一步:添加架包 <project xmlns="http://maven.apache.org ...

  2. 团体程序设计天梯赛-练习集-L1-027. 出租

    L1-027. 出租 下面是新浪微博上曾经很火的一张图: 一时间网上一片求救声,急问这个怎么破.其实这段代码很简单,index数组就是arr数组的下标,index[0]=2 对应 arr[2]=1,i ...

  3. 路飞学城Python-Day137

    django项目二 个人博客系统 github地址:https://github.com/pandaboy1123/cnblog

  4. RESTful API设计方法

    1.如果已经开始逐步的接触到了RESTful API设计方法的朋友,首先要对HTTP/HTTPS有一个大致的了解,虽然本身和RESTful API没有什么关系.但是对于增加网站的安全性还是十分重要的, ...

  5. Python 之 格式化文件

    # 结构化文件存储- xml, json- 为了解决不同设备之间的信息交换 ## XML文件(可扩展标记语言) - 标记语言:语言中使用尖括号括起来的文本字符串标记 - 可扩展:用户可以自己定义需要的 ...

  6. GOF23设计模式之建造者模式

    GOF23设计模式之建造者模式 场景: 我们要建造一个复杂的产品.比如:神州飞船,Iphone.这个复杂的产品的创建.有这样的一个问题需要处理: 装配这些子组件是不是有个步骤问题? 实际开发中,我们所 ...

  7. 服务器重启后启动Docker命令

    启动步骤: 1.启动Docker 守护进程 systemctl daemon-reload 2.Docker启动命令: systemctl start docker 3.查看docker服务是否启动 ...

  8. hdu 2435 dinic算法模板+最小割性质

    #include<stdio.h> #include<queue> #include<string.h> using namespace std; #define ...

  9. Apache负载均衡与Tomcat集群配置学习(Windows环境)

    本文主要参考自http://www.iteye.com/topic/985404?dhcc,经由实际操作配置操并记录而成. 由于最近的一个Java开发项目用到了Tomcat中间件作为web服务器,刚开 ...

  10. 【我所认知的BIOS】—&gt; uEFI AHCI Driver(6) AtaAtapiPassThruSupported的局部变量们

    [我所认知的BIOS]-> uEFI AHCI Driver(6) - AtaAtapiPassThruSupported的局部变量们 LightSeed 5/7/2014 前面5个篇文章把EF ...