本教程教您使用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. Javaee 方法的格式和注意事项

    1.构造方法的格式是什么?有哪些注意事项?   修饰符+方法名称+(参数列表),构造的方法没有返回值,方法名称要和类名一样,有属性参数的需要在成员变量前加this,参数列表的值要和指定的方法格式相同. ...

  2. [IOI2011]Race $O(nlog^{2}n)$ 做法

    这个应该还不是正解,明天看一下正解到底是什么... Code: #include<bits/stdc++.h> #define setIO(s) freopen(s".in&qu ...

  3. 强大的JQuery链式操作风格

    实例代码 <style type="text/css"> #menu {width: 300px;} .has_children {background:#555;co ...

  4. linux 结构需要清理 (structure needs cleaning)

    下面操作会删除挂载点所有文件,注意备份. df -T 查看出错的挂载点对应的文件系统和文件系统类型   然后umount这个文件系统 umount /dev/sda1 然后文件系统类型不同操作不同  ...

  5. 使用awk提取字符串中的数字或字母

    1.提取字符串中的数字 $ echo 'dsFUs34tg*fs5a%8ar%$#@' |awk -F "" ' { for(i=1;i<=NF;i++) { if ($i ...

  6. jenkins+testlink+python搭建自动化测试环境

    一. 环境搭建 jenkins安装与配置请参考我的另一篇博文:https://www.cnblogs.com/wuxunyan/p/9592953.html testlink安装请参考博文:https ...

  7. PHP中调用Soap/WebService

    关于在PHP中如何调用Soap/WebService的描述,网络上有不少帖子.但是主要讲述了如何用PHP开发服务器端.客户端并加以关联,而很少触及在PHP中调用现成的WebService的情况.在本文 ...

  8. vue 配置页面动态的 title

  9. JavaScript模块化编程之AMD

    简单的说一下AMD是"Asynchronous Module Definition"的缩写,意思就是"异步模块定义".它采用异步方式加载模块,模块的加载不影响它 ...

  10. maven引入MySQL相关依赖

    <!--mysql驱动包--> <dependency> <groupId>mysql</groupId> <artifactId>mysq ...