Illustrator 8.0基础入门教程(九):网页按钮制作实例

沧州新闻岁月

沧州新闻岁月

2016-01-28 18:26

Illustrator 8.0基础入门教程(九):网页按钮制作实例,本例为Illustrator 8.0基础入门系列教程,本文为第九部分,在这一节中我们将学习如何运用Illustrator制作网页按钮实例,希望能给朋友们带来帮助~~
在学习中遇到问题可以到 Illustrator版块 发贴交流!




上一节:Illustrator 8.0基础入门教程(八)


下一节:Illustrator 8.0基础入门教程(十)



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



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



然后把绘制好的圆复制一个。然后用变形工具 将它缩小到适当的大小。然后旋转到一个恰当的角度(参考下图)



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



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



同样复制一个矩形,然后将它缩小,左右颠倒。最后将它放在大矩形的中心就完成了。



第三个按键同样是矩形按键,但制作方法与第二个矩形有很大的不同。它是利用图形和色彩渐变工具 制作的。首先画一个圆角矩形。然后画一个较小的圆角矩形并放在大矩形中心。较大的矩形填充较深的颜色,较小的矩形填充较浅的颜色。



用色彩渐变工具   或者object blends make就可以创造出一个漂亮的按键了。

展开更多 50%)
分享

猜你喜欢

Illustrator 8.0基础入门教程(九):网页按钮制作实例

Illustrator
Illustrator 8.0基础入门教程(九):网页按钮制作实例

Illustrator 8.0基础入门教程(四)

Illustrator
Illustrator 8.0基础入门教程(四)

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Illustrator 8.0基础入门教程(六)

Illustrator
Illustrator 8.0基础入门教程(六)

Illustrator 8.0基础入门教程(一)

Illustrator
Illustrator 8.0基础入门教程(一)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Illustrator 8.0基础入门教程(二)

Illustrator
Illustrator 8.0基础入门教程(二)

Illustrator 8.0基础入门教程(五)

Illustrator
Illustrator 8.0基础入门教程(五)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

AI绘制摩托车

AI绘制摩托车

Illustrator教程:定义排列整齐的瓷砖拼贴图案

Illustrator教程:定义排列整齐的瓷砖拼贴图案
下拉加载更多内容 ↓