Illustrator 8.0基础入门教程之网页按钮制作


  我们在阅读网页时、 使用多媒体软件的时候 一般会看见看到一些制作精美的需交互用的按键 。特殊是一些立体的按键让网页和多媒体软件增色不少 。作为专业的绘图软件Illustrator 可以协助我们制作出美丽的按键 。要让你的homepage美丽,可要 细心学学 怎么做按键哟:)

Illustrator 8.0
根底入门教程(九)之网页按钮制作

  先让我们看看第一个圆形的立体按键是怎么做出来的  。其实 细心的 综合一下它仅仅是两个填充了渐变色的圆构成的 。怎么样不像 设想的这么复杂吧!现在让我们一步一步地学学怎么做的 。首先先用圆形工具 Illustrator 8.0
根底入门教程(九)之网页按钮制作画出一个圆 。当我们画圆的时候是否不是很容易画出一个正圆来,这里有个技巧,在画圆的时候按住Shift键就 可以容易的画出一个 标准的圆 。 而后在 Gradient浮动面板调一个之间白色(固然你也 可以用其它 色彩)边缘蓝色的 喷射状渐变, 而后用渐变工具填充圆形 。

Illustrator 8.0
根底入门教程(九)之网页按钮制作

   而后把绘制好的圆复制一个 。 而后用变形工具Illustrator 8.0
根底入门教程(九)之网页按钮制作将它缩短到适当的大小 。 而后旋转到一个 适当的角度(参考下图)

Illustrator 8.0
根底入门教程(九)之网页按钮制作

  最终将小圆移动到大圆的 核心(技巧:为了准确的移动 可以 使用键盘上的方向键),这个按键就大功告成了 。

Illustrator 8.0
根底入门教程(九)之网页按钮制作

  第二种按键实际上是第一种的灵便 使用 。把圆形换为圆角的矩形,同样用一个之间白色边缘蓝色的 喷射状渐变填充,(填充的时候 定然要 取舍好适当的位置,填充的中点放在矩形的一个角上)

Illustrator 8.0
根底入门教程(九)之网页按钮制作

  同样复制一个矩形, 而后将它缩短,左右颠倒 。最终将它放在大矩形的 核心就 实现了 。

Illustrator 8.0
根底入门教程(九)之网页按钮制作

  第三个按键同样是矩形按键,但制作 步骤与第二个矩形有很大的不同 。它是利用图形和 色彩渐变工具 Illustrator 8.0
根底入门教程(九)之网页按钮制作制作的 。首先画一个圆角矩形 。 而后画一个较小的圆角矩形并放在大矩形 核心 。较大的矩形填充较深的 色彩,较小的矩形填充较浅的 色彩 。

Illustrator 8.0
根底入门教程(九)之网页按钮制作

  用 色彩渐变工具 Illustrator 8.0
根底入门教程(九)之网页按钮制作 或者object blends make就 可以制造出一个美丽的按键了 。

Illustrator 8.0
根底入门教程(九)之网页按钮制作

  上一讲:Illustrator 8.0 根底入门教程之金属文字制作

  下一讲:Illustrator 8.0 根底入门教程之网格渐变苹果图标制作