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

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

2025-09-30 理论教育版权反馈

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

1.设计效果

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

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

2.制作步骤

（1）绘制一矩形，并设置透视点

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

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

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

（2）复制变形后的矩形，并执行对齐操作

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

图7-14 添加透视效果

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

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

（3）渐变填充

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

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

图7-18 渐变填充效果(https://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所示。

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

（5）绘制矩形，并导入修饰图片，为按钮增加修饰

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

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

（6）执行透明操作

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

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

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

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

（7）输入文本

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

图7-23 文字属性设置

图7-24 加入文字效果

（8）阴影效果

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