首页 理论教育版本优化:中文导航条设计

版本优化:中文导航条设计

【摘要】:图7-12 中文导航条设计田磊作2.制作步骤绘制一矩形,并设置透视点选择“矩形工具”,绘制一矩形,并设置矩形4个角“圆角角度”参数全部为45,如图7-13所示。图7-21 添加“交互式透明工具”效果依次对后边的图形执行“透明工具”命令,效果如图7-22所示。

1.设计效果

中文导航条设计效果,如图7-12所示。

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

图7-12 中文导航条设计田磊作

2.制作步骤

(1)绘制一矩形,并设置透视点

选择“矩形工具”,绘制一矩形,并设置矩形4个角“圆角角度”参数全部为45,如图7-13所示。

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

图7-13 圆角矩形参数设置

然后选中矩形,依次执行“效果”→“添加透视点”命令,给矩形设置透视点操作,变形后效果如图7-14所示。

(2)复制变形后的矩形,并执行对齐操作

执行菜单“编辑”→“复制”命令或者按<Ctrl+D>组合键,复制变形后的矩形,复制2次。选中所有的矩形,首先执行“排列”→“对齐与分布”→“底端对齐”命令,然后执行“排列”→“对齐与分布”,对所有矩形对象进行对齐操作,如图7-15所示,效果如图7-16所示。

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

图7-14 添加透视效果

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

图7-15 所有矩形分布设置

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

图7-16 对齐和分布后效果

(3)渐变填充

设置渐变填充,选中最左边的矩形对象,选择“渐变填充工具”,将矩形填充,设置渐变填充颜色数值为蓝绿色,数值为C=100、M=0、Y=0、K=0和白色,数值为C=0、M=0、Y=0、K=0,其他参数设置如图7-17所示。按照选定的参数设置,单击“确定”按钮,效果如图7-18所示。

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

图7-17 “渐变填充”对话框

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

图7-18 渐变填充效果(www.chuimin.cn)

(4)去除边框,并填充颜色

将渐变填充的矩形去除边框,依次为后两个圆角矩形执行填充操作,设置渐变填充颜色为红色,数值为C=0、M=100、Y=100、K=0和白色,数值为C=0、M=0、Y=0、K=0;绿色,数值为C=100、M=0、Y=100、K=0和白色,数值为C=0、M=0、Y=0、K=0,其他参数与图7-17参数设置相同,效果如图7-19所示。

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

图7-19 全部渐变添加效果

(5)绘制矩形,并导入修饰图片,为按钮增加修饰

在步骤(4)基础上,依次执行“文件”→“导入”命令,为3个按钮添加修饰图片后,效果如图7-20所示。

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

图7-20 按钮添加修饰效果

(6)执行透明操作

选择执行透明操作的对象,选择“交互式透明工具”,向下拖动鼠标执行透明操作,效果如图7-21所示。

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

图7-21 添加“交互式透明工具”效果

依次对后边的图形执行“透明工具”命令,效果如图7-22所示。

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

图7-22 全部添加透明效果

(7)输入文本

单击“文本工具”,分别在图层上输入文字“专业介绍”、“师资力量”、“就业保障”,设置“文本字体”为“楷体_GB2312”、“字体大小”为18,“颜色”为红色,如图7-23所示,效果如图7-24所示。

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

图7-23 文字属性设置

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

图7-24 加入文字效果

(8)阴影效果

选择文本对象,选择“交互式阴影工具”,设置“阴影不透明度”为45、“阴影羽化程度”为12、“阴影颜色”为蓝色,效果如图7-12所示。