导航条设计(1)

预览效果

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

导航条按钮预览效果图

知识提要

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

◇ 渐变填充设置技巧

制作步骤

1. 导航条按钮效果1

步骤1 新建一个空白文件

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

步骤2 绘制矩形

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

图8-5-1设置矩形

选择矩形对象，依次在工具箱中选择【渐变填充工具】，将矩形填充的CMYK值设置为（0，60，80，0）和（0，0， 60，0），其他参数设置如图8-5-2所示。

图8-5-2设置渐变填充

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

图8-5-3设置渐变填充

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

图8-5-4绘制矩形

选择矩形对象，再次在工具箱中选择【渐变填充工具】，将矩形填充的CMYK值依次设置为（0，60，100，0）、（0， 20，100，0）、（0，60，100，0）、（0， 20，100，0）、（0，60，100，0）、（0， 20，100，0）、（0，60，100，0）、（0， 20，100，0）、（0，60，100，0），其他参数设置如图8-5-5所示。

图8-5-5设置渐变填充