首页 理论教育CorelDRAW艺术设计:英文导航条设计

CorelDRAW艺术设计:英文导航条设计

【摘要】:英文导航条的效果,如图7-25所示,其中QuickTime、RealPlayer、Flv Player分别为3种常见的播放器软件名称。图7-25 英文导航条2.制作步骤绘制一个细长的矩形A选择“矩形工具”,绘制一个细长的矩形A。

1.设计效果

英文导航条设计与中文导航条设计过程完全一样,区别仅是导航条的内容用的是英文。英文导航条的效果,如图7-25所示,其中QuickTime、RealPlayer、Flv Player分别为3种常见的播放器软件名称。

978-7-111-41123-9-Chapter07-25.jpg

图7-25 英文导航条

2.制作步骤

(1)绘制一个细长的矩形A

选择“矩形工具”,绘制一个细长的矩形A。刚绘制的矩形会保持在选中状态,设置属性栏,单击关闭“全部圆角”小锁状按钮,这样可以单独调节某个矩形的圆角而不影响其他角,调整左上和右上两个圆角的“圆角角度”为30,左下角和右下角的“圆角角度”为0,属性参数设置如图7-26所示。

978-7-111-41123-9-Chapter07-26.jpg

图7-26 矩形A参数设置

(2)绘制一个细长的小矩形B

小矩形B作为按钮主体(矩形A)的修饰。按照步骤(1),再次绘制一个细长的小矩形B,放在按钮主体(矩形A)的顶部,单击属性栏上“对齐与分布”按钮,设置小矩形B相对于矩形A水平对齐,并去掉它们的轮廓线颜色。选择细长小矩形B,执行“效果”→“添加透视点”命令,按住<Shift>和<Ctrl>键,向外拖动控制手柄至适当位置,完成添加透视点的操作作为高光部分,如图7-27所示。

978-7-111-41123-9-Chapter07-27.jpg

图7-27 矩形A、B结合效果

(3)渐变填充

选择“交互式填充工具”,对按钮主体部分添加渐变填充,设置填充的颜色为浅蓝色,数值为C=49、M=2、Y=5、K=0和白色,数值为C=0、M=0、Y=0、K=0,其他设置如图7-28所示。

(4)线性填充

用鼠标右键拖动按钮主体到高光部分(矩形B),从弹出菜单中选择“复制填充”命令,如图7-29所示,快速将按钮主体的填充属性复制到高光部分(矩形B),然后调整渐变的角度;选择“交互式填充工具”,再选择高光部分(矩形B),在属性栏上将其线性填充角度由−90°改为90°,结果如图7-30所示。

978-7-111-41123-9-Chapter07-28.jpg

图7-28 “渐变填充方式”对话框

978-7-111-41123-9-Chapter07-29.jpg

图7-29 复制填充

978-7-111-41123-9-Chapter07-30.jpg

图7-30 渐变角度调整

(5)透明效果

用“交互式透明工具”在按钮主体上进行交互式的透明设置,属性参数设置及效果如图7-31所示。

978-7-111-41123-9-Chapter07-31.jpg(www.chuimin.cn)

图7-31 交互式透明参数设置

(6)阴影效果

选择“交互式阴影工具”,给按钮主体部分添加阴影,注意阴影的颜色相对主体要暗一些,以增强真实生动的感觉。“阴影工具”属性参数设置如图7-32a所示,“阴影工具”阴影颜色设置如图7-32b所示,“阴影工具”实际添加效果如图7-32c所示,最终阴影效果如图7-32d所示。

978-7-111-41123-9-Chapter07-32.jpg

图7-32 按钮阴影效果

a)“阴影工具”属性参数设置 b)“阴影工具”阴影颜色设置 c)“阴影工具”实际添加效果 d)最终阴影效果

(7)添加文字

选择“文本工具”,输入“QuickTime”,并选择一种合适的字体,设置颜色为黑色,移至按钮的中心位置,如图7-33a所示;然后用“对齐与分布”功能,进行准确的对齐,文字效果如图7-33b所示。

(8)按钮主体复制、对齐及文字修改

将按钮全选,按住<Ctrl>键,将其水平移动到合适位置,单击鼠标右键复制,并应用“分布与对齐”命令进行排列,应用“文字工具”修改相应的文字分别为“RealPlayer”和“FlvPlayer”,如图7-34所示。

978-7-111-41123-9-Chapter07-33.jpg

图7-33 添加文字

a)文字属性设置 b)文字效果

978-7-111-41123-9-Chapter07-34.jpg

图7-34 复制后效果

(9)按钮主体及高光部分、阴影部分渐变颜色

选择“交互式填充工具”,分别更改第二个按钮主体渐变颜色、高光部分颜色、阴影部分颜色,如图7-35所示;之后,更改第三个按钮,如图7-36所示。

978-7-111-41123-9-Chapter07-35.jpg

图7-35 第二个按钮主体渐变设置、高光部分颜色、阴影部分颜色设置

a)第二个按钮主体渐变填充设置 b)第二个按钮渐变颜色及高光颜色设置 c)第二个按钮阴影颜色属性设置

978-7-111-41123-9-Chapter07-36.jpg

图7-36 第三个按钮主体渐变设置、高光部分颜色、阴影部分颜色设置

a)第三个按钮主体渐变填充设置 b)第三个按钮渐变颜色及高光颜色设置 c)第三个按钮阴影颜色属性设置

(10)微调

进行微调,完成设计,效果如图7-25所示。