平面设计教程 广告设计欣赏包装设计欣赏标志设计欣赏VI设计欣赏室内设计效果图平面设计作品封面设计欣赏
设计作品

Illustrator制作按钮一例|平面设计教程,PS教程,3D教程

设计设计 您的位置:设计首页>平面设计教程>正文
Illustrator制作按钮一例


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

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

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

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

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

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

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

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

平面设计教程,PS教程,3D教程 设计欣赏 网站设计 广告设计 平面设计
您现在欣赏的是由无限设计欣赏站为您提供的《Illustrator制作按钮一例》,谢谢您!我们为您提供丰富的平面设计网站设计广告设计,画册设计,包装设计,标志设计和VI设计等设计类欣赏,PHOTOSHOP教程,在线教程,教程和学习文章。
欢迎收藏本网站,并记住我们的域名:www.fotoer.com,点击此处返回设计网站首页
平面设计教程,PS教程,3D教程: Illustrator制作按钮一例

·平面设计作品 ·视觉设计欣赏
·平面设计教程 ·室内装潢设计图
·画册设计欣赏 ·广告设计欣赏
·包装设计欣赏 ·网页制作教程
·标志设计欣赏 ·VI设计欣赏
·封面设计欣赏

·SEGURA INC 广告设计
·unmundofeliz 招贴设计(十)
·unmundofeliz 招贴设计(十二)
·unmundofeliz 招贴设计(十三)
·unmundofeliz 招贴设计(十四)
·2006新年快乐招贴设计(三)
·2006新年快乐招贴设计(四)
·创新ZEN VISION M播放器招贴设计
·unmundofeliz 招贴设计(十一)
·motype 招贴设计欣赏
·国际广告创意欣赏(三)
·国际广告创意欣赏(四)
·Cory Podielski 招贴设计(一)
·Cory Podielski 招贴设计(二)
·Design Literate封面招贴设计(1)
·Design Literate封面招贴设计(2)
·Design Literate封面招贴设计(3)
·Kimberly Knight广告版式设计
·ron griffiths 包装及广告版式设
·2003全球人类抗击SARS招贴设计网
·Thomas Okeefe 标志设计
·Edik Boghosian 标志设计
·Bruce Macindoe 标志设计
·Power Graphixx 标志设计(一)
·logosharx 标志设计(二)
·Wendy Garfinkel-Gold 标志设计
·Matthew Steffanie 标志设计欣赏
·Power Graphixx 标志设计(二)
·logosharx 标志设计(三)
·Power Graphixx 标志设计(三)
·Jerry Skaggs 标志设计欣赏
·Matthew Sulcoski 标志设计欣赏
·motype 标志设计欣赏
·Jay Frizzell 标志设计欣赏
·Tony Godzik 标志设计欣赏
·Amy Haiar 标志设计欣赏
·Andy Frazier 标志设计欣赏
·Brian White 标志设计欣赏
·Brian Sooy 标志设计欣赏
·Monika Krzewska 标志设计
·Jim Polak 标志设计欣赏
·e-logodesign 标志设计欣赏(二)
·Mile 25 标志设计欣赏
·William Polk 标志设计欣赏
·George Byfield 标志设计欣赏