下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

Illustrator 8.0基础入门:制作网页按钮

作者:课课家教育     来源: http://www.kokojia.com点击数:1144发布时间: 2016-08-22 09:26:05

标签: Illustrator方向键渐变工具

想学设计?来看看大师是如何完成作品的?

  相信大家浏览网页的时候,都有留意过一些网页按钮吧。大家想知道这些按钮是怎样制作吗?其实制作网页的按钮,在网上真的有很多的方法,甚至是用不同的软件制作出许多不同的网页按钮。今天小编就为大家介绍这篇教程:Illustrator8.0网页按钮制作方法。

  其实我们在浏览网页的时候、使用多媒体软件的时候,常常都会看见看到一些制作非常精美的需交互用的按键。特别是一些立体的按键,这让网页和多媒体软件都增色不少。作为专业的绘图软件Illustrator可以帮助我们制作出一些漂亮的按键。如果要让我们的homepage弄得漂亮,可要仔细学学怎样做按键哟!如图所示:

Illustrator 8.0基础入门:制作网页按钮_Illustrator_方向键_渐变工具_课课家

  1.第一个按键制作方法

  首先先让我们看一看,第一个圆形的立体按键是怎么做出来的。其实只要仔细的分析一下,它仅仅是由两个填充了渐变色的圆组成的。怎么样都不会像想象中的这么复杂吧!现在就让我们一步一步地学习怎么做出来的。首先我们先用圆形工具制作画出一个圆。当我们在画圆的时候,有时候不是很容易久可以画出一个正圆来。小编在这里有一个技巧,只要我们在画圆的时候,按住“Shift”键就可以很方便的画出一个标准的圆了。然后我们在Gradient浮动面板调一个中间白色(当然我们也可以选用其它的颜色)边缘蓝色的放射状渐变,接着再选用渐变工具填充圆形。如图所示:

第一个按键制作方法1_Illustrator_方向键_渐变工具_课课家

  然后我们把绘制好的圆再复制多一个。接着我们使用变形工具将它缩小到一个适当的大小。再旋转到一个恰当的角度,如图所示:

第一个按键制作方法2_Illustrator_方向键_渐变工具_课课家

  最后我们就将小圆移动到大圆的中心(小编的技巧就是:为了可以精确的移动,我们可以使用键盘上面的方向键),这个按键就已经大功告成了。如图所示:

第一个按键_Illustrator_方向键_渐变工具_课课家

  2.第二个按键制作方法

  其实第二种按键实际上就是第一种按键的灵活运用。我们先把圆形转换为圆角的矩形,同样的使用一个中间白色边缘蓝色的放射状渐变填充,(填充的时候我们一定要选择好一个适当的位置,填充的中点放在矩形的一个角上面),如图所示:

第二个按键制作方法_Illustrator_方向键_渐变工具_课课家

  同样的道理,我们只要复制一个矩形,然后将它缩小,左右颠倒。最后将它放在大的矩形中心,那样第二个按键就已经完成了。如图所示:

第二个按键_Illustrator_方向键_渐变工具_课课家

  3.第三个按键制作方法

  第三个按键其实同样也是一个矩形按键,但是制作的方法与第二个矩形按键有很大的不同之处。它是利用图形和色彩渐变工具制作出来的。首先我们要先画一个圆角矩形,然后再画出一个较小的圆角矩形并且放在大的矩形中心。较大的矩形我们填充较深的颜色,较小的矩形则填充较浅的颜色。如图所示:

第三个按键制作方法_Illustrator_方向键_渐变工具_课课家

  其实我们只要使用色彩渐变工具或者是objectblendsmake就可以创造出一个非常漂亮的按键了。如图所示:

第三个按键_Illustrator_方向键_渐变工具_课课家

  小编总结:

  相信通过这个例子,我们已经学习到Illustrator8.0网页按钮制作方法,小编在这里列出了三种按钮,不知道大家是否喜欢?如果喜欢,那么大家快来动手试一试吧。其实小编想说的是,Illustrator还可以开发出很多很有趣的东西,这个就需要我们不断的摸索。想要了解更多详细内容可进入课课家的课程视频教学哦,希望这篇教程大家会喜欢。

赞(2)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程