您的位置: 首页 > 软件教程 > CorelDRAW教程专题 > CorelDRAW实例:导航条设计

CorelDRAW教程专题

精品软件课程
更多 >
photoshop教程让你从入门到精通,从新... [详细]
AutoCAD是美国Autodesk公司开发... [详细]
美图秀秀是一款很好用的图片处理软件,不用学习... [详细]
Photoshop从头学起,从新手快速到高手... [详细]
光影魔术手(nEO iMAGING)是一款对... [详细]
Photoshop是集图像扫描、编辑修改、图... [详细]
CorelDRAW实例:导航条设计 9.4分
出处:网络 时间:2011-04-20

您可能感兴趣的话题: CorelDRAW  

核心提示:CorelDRAW 是丰富的创作力与强大功能的完美结合。凭借大大提升的速度、更精确的色彩控制力、增强的矢量插图工具和新增的 Web 功能,该套件成为所有设计师的必备工具。

预览效果

本节通过两个小示例,介绍导航条按钮的制作过程,效果如图所示。

导航条按钮预览效果图

知识提要

     交互式阴影工具、交互式透明工具的应用

渐变填充设置技巧

制作步骤

1. 导航条按钮效果1

步骤1 新建一个空白文件

执行【文件】|【新建】命令,建立一个新的文件(或按键盘上的Ctrl+N快捷键)。

步骤2 绘制矩形

在工具箱中选择【矩形工具】,在图层中绘制矩形对象,并设置矩形【圆角程度】参数为90,效果如图8-5-1所示。

8-5-1设置矩形

选择矩形对象,依次在工具箱中选择【渐变填充工具】,将矩形填充的CMYK值设置为(060800)和(00 600),其他参数设置如图8-5-2所示。

CorelDRAW实例:导航条设计

8-5-2设置渐变填充

按照上面参数设置,单击【确定】按钮,并给矩形对象除去边框,设置效果如图8-5-3所示。

8-5-3设置渐变填充

依次在工具箱中选择【矩形工具】,在图层中绘制矩形对象,并设置矩形【圆角程度】参数为“90”,效果如图8-5-4所示。

8-5-4绘制矩形

选择矩形对象,再次在工具箱中选择【渐变填充工具】,将矩形填充的CMYK值依次设置为(0601000)、(0 201000)、(0601000)、(0 201000)、(0601000)、(0 201000)、(0601000)、(0 201000)、(0601000),其他参数设置如图8-5-5所示。

8-5-5设置渐变填充

按照上面参数设置,单击【确定】按钮,执行效果如图8-5-6所示。

CorelDRAW实例:导航条设计

8-5-6设置渐变填充

依次按下Ctrl+D按钮,复制渐变填充对象,效果如图8-5-7所示。

8-5-7复制对象

CorelDRAW实例:导航条设计

 

步骤3键入文本

在工具箱中单击【文本工具】,分别在按钮图层上键入“作品展示、下载专区、作者手记、网站推荐”,设置【文本字体】为“方正舒体”、【字体大小】为30,【颜色】为“白色”。

复制文本对象,依次将复制的文本对象设置黑色,然后分别做相应的调整,执行效果如图8-5-8所示。

8-5-8键入文本

选择最下面的矩形对象,依次在工具箱中选择交互式阴影工具,设置阴影不透明度】为70、【阴影羽化程度】为15、【阴影颜色】为“黑色”,执行效果如图8-5-9所示。

8-5-9设置阴影操作

依次在工具箱中单击【文本工具】,在图层上键入“CorelDRAW”,设置【文本字体】为“华文彩云”、【字体大小】为48,【颜色】为“绿色”。

最后在工具箱中单击【矩形工具】,在文本下面绘制矩形对象,将矩形填充的CMYK值设置为(10010000),执行效果如图8-5-10所示。

8-5-10键入文本

2.导航条按钮效果2

步骤1绘制矩形

在工具箱中选择【矩形工具】,绘制矩形对象,并设置矩形【圆角程度】参数为30

CorelDRAW实例:导航条设计选择矩形对象,依次执行【效果】|【添加透视点】命令,给矩形对象设置透视点操作,变形后效果如图8-5-11所示。

8-5-11设置透视点操作

将变形后的对象等比例缩小,依次执行【编辑】|【再制】命令,复制变形后的矩形对象,效果如图8-5-12所示。

8-5-12复制矩形

选择所有的矩形对象,依次执行【排列】|【对齐与分布】|【上对齐】命令,给所有对象执行对齐操作。

步骤2设置渐变填充

CorelDRAW实例:导航条设计选择最左边的矩形对象,依次在工具箱中选择【渐变填充工具】,将矩形填充的CMYK值设置为(100000)和(0000),其他参数设置如图8-5-13所示。

8-5-13设置渐变填充

按照上面参数设置,单击【确定】按钮,执行效果如图8-5-14所示。

8-5-14设置渐变填充

CorelDRAW实例:导航条设计给设置渐变填充的对象除去边框,依次给其他矩形对象执行渐变填充操作,设置其填充的CMYK值依次为(01001000)和(0000)、(10001000)和(0000)、(608000)和(000,),其他参数与图8-120参数设置相同,执行效果如图8-5-15所示。

8-5-15设置渐变填充

依次利用【矩形工具】,绘制矩形对象,给矩形对象填充白色,并设置矩形【圆角程度】参数为30

选择矩形对象,依次执行【效果】|【添加透视点】命令,给矩形对象设置透视点操作,变形后效果如图8-5-16所示。

8-5-16设置透视操作

选择执行透视操作的对象,依次在工具箱中选择交互式透明工具,向下拖动鼠标执行透明操作,效果如图8-5-17所示。

CorelDRAW实例:导航条设计

8-5-17设置透明操作

依次按下Ctrl+D键,复制3个执行透明操作的对象,按照如图8-5-18所示的位置放置。

8-5-18复制对象

步骤3键入文本

在工具箱中单击【文本工具】,分别在图层上键入“作品展示、下载专区、作者手记、网站推荐”,设置【文本字体】为“楷体”、【字体大小】为30,【颜色】为“黑色”,如图8-5-19所示。

8-5-19键入文本

选择文本对象,依次在工具箱中选择交互式阴影工具,设置阴影不透明度】为45、【阴影羽化程度】为12、【阴影颜色】为“蓝色”,执行效果如图8-5-20所示。

8-5-20设置阴影操作

最后选择所有对象,依次执行【排列】|【群组】命令,将所有对象组合在一起。

选择组合在一起的对象,在工具箱中选择交互式阴影工具,设置阴影不透明度】为40、【阴影羽化程度】为15、【阴影颜色】为“蓝色”,执行效果如图8-5-21所示。

8-5-21设置阴影操作

网友评论
多特网友 2014-07-19 17:24:19 回复
将矩形填充的CMYK值依次设置为。。。矩形填充的CMYK值怎么设置啊?
多特网友 2014-06-27 17:33:27 回复
很好,步骤很详细,辛苦
多特网友 2013-12-21 13:37:54 回复
哈哈,好用
多特网友 2013-12-15 20:15:00 回复
寥廓怎么去掉
多特网友 2013-11-24 08:21:02 回复
这个边框怎么除掉。
多特网友 2014-03-06 14:02:41
选中图像,然后鼠标右键点击颜色栏最上面那个带叉的
多特网友 2014-02-22 16:02:05
选中,右边对象属性框中有个轮廓选项轮廓 (跟钢笔一样的),修改宽度点成无
多特网友 2012-03-18 17:53:42 回复
一定得多练练、
多特网友 2014-07-19 17:24:19 回复
将矩形填充的CMYK值依次设置为。。。矩形填充的CMYK值怎么设置啊?
tt265 2011-09-18 20:09:19 回复
不错的教程,很实用,基本上网站都会用到吧
1343534588@qq.com 2012-08-10 14:52:27
谢谢大虾!
多特网友 2012-08-24 13:52:28 回复
刚接触,感觉很受用
多特网友 2012-07-25 14:22:02 回复
非常不错的教程,谢谢大侠