Illustrator实例入门网页按钮制作教程

给各位 Illustrator软件的使用者们来详细的解析分享一下实例入门网页按钮的制作教程。

技巧分享:

 


先让我们看看第一个圆形的立体按键是怎么做出来的 。其实仔细的分析一下它仅仅是两个填充了渐变色的圆组成的。怎么样不像想象的这么复杂吧!现在让我们一步一步地学学怎么做的。首先先用圆形工具

 


画出一个圆。当我们画圆的时候是不是不是很容易画出一个正圆来,这里有个技巧,在画圆的时候按住Shift键就可以方便的画出一个标准的圆。然后在 Gradient浮动面板调一个中间白色(当然你也可以用其它颜色)边缘蓝色的放射状渐变,然后用渐变工具填充圆形。

 


然后把绘制好的圆复制一个。然后用变形工具

 


将它缩小到适当的大小。然后旋转到一个恰当的角度(参考下图)

 


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

 


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

 


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

 


第三个按键同样是矩形按键,但制作方法与第二个矩形有很大的不同。它是利用图形和色彩渐变工具

 


制作的。首先画一个圆角矩形。然后画一个较小的圆角矩形并放在大矩形中心。较大的矩形填充较深的颜色,较小的矩形填充较浅的颜色。

 


用色彩渐变工具

 


或者object blends make就可以创造出一个漂亮的按键了。

 


好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的实例入门网页按钮的制作教程解析分享的全部内容了,各位看到这里的使用者们小编相信大家现在是很清楚制作方法了吧,那么各位就快去按照小编上面分享的自己去尝试着绘制吧。

时间: 2024-10-27 13:57:20

Illustrator实例入门网页按钮制作教程的相关文章

Illustrator设计球型按钮制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计球型按钮的制作教程. 教程分享: 1. 双击Ellipse Tool(椭圆工具)在画布上点一下,.会跳出一个Ellipse的设置对话框,分别在将宽度和高度设定为205mm,按OK按钮.   2.将边框颜色关闭,并打开Window>Gradient(快捷键为F9),使用linear直线渐变.渐变角度为-90.   3.按CTRL+C拷贝,再按CTRL+F或者选择Edit>Paste in Front复制.打开Window>T

photoshop 水晶按钮制作教程

水晶按钮在网页设计中经常会用到,特别是那种高档次的设计中了,下面我们就来一款不太适于于新手的ps水晶按钮制作教程吧,因为比较快,有一地方带过了,所以新手可能不太容易看懂. 这是效果图片. 好了下面是一组水晶按钮图.

PS制作精美的网页按钮设计教程

  使用混合模式和遮罩效果制作网页按钮 打开photoshop,新建空白文档. 为了不让白色背景看起来乏味,增加一个渐变叠加效果.渐变颜色为# f3f3f3到# c6c6c6. 选择圆角矩形工具,创建按钮的的主要形状,半径为5 px. 添加渐变叠加图层样式.渐变颜色从#0d3079到#557bc9. 现在让按钮从背景中突显出来,添加1 px描边,颜色为深蓝色(#0b2258). 为了增加按钮立体感,添加一个1像素内发光.颜色为白色(#FFFFFF),减少不透明度到30%. 现在给按键添加杂色,新

Illustrator设计简洁的水晶图标按钮制作教程

给各位Illustratror软件的使用者们来详细的解析分享一下设计简洁的水晶图标按钮的制作教程. 教程分享: 1.在Illustrator中做一个浅色直线渐变的正圆,作为图标的底部图形. 2.做两个圆,一大一小,注意选取相近色阶的填充色,进行混合 . 3.做一个白色圆,适当高斯模糊. 4.做一个渐变色的椭圆,作为半透明遮罩,同时选择二者,打开透明度面板的选项设置,建立不透明蒙板,得到半透明的高光部分. 5.绘制出一个三角形,风格化:圆角.再做高光部分,然后与前面的圆角三角形一起放置. 组合放置

Illustrator设计透明按钮制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计透明按钮的制作教程. 教程分享: 主要用到渐变.色彩.图层模式.阴影滤镜等工具.   选择菜单文件>新建,新建一个文件.   因为制作的是矢量图,如果不用于打印,文件大小无所谓. 在工具面板中选择矩形工具,按住不放,直到出现一个工具条,选择圆角矩形工具,在文档中点击鼠标左键,弹出一个对话框,做如下设置.   点击确定后,会出现一个圆角矩形,在外观面板中选择笔画,在颜色面板中设置笔画的颜色为:R:115,G:115,B:115,在外

Illustrator透明按钮制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计透明按钮的制作教程. 教程分享: 主要用到渐变.色彩.图层模式.阴影滤镜等工具.文章末尾提供.ai原文件下载.   选择菜单文件>新建,新建一个文件.   因为制作的是矢量图,如果不用于打印,文件大小无所谓. 在工具面板中选择矩形工具,按住不放,直到出现一个工具条,选择圆角矩形工具   ,在文档中点击鼠标左键,弹出一个对话框,做如下设置.   点击确定后,会出现一个圆角矩形,在外观面板中选择笔画,在颜色面板中设置笔画的颜色为:R:

PhotoShop一款优秀的设计工作室网页设计制作教程

像往常一样,希望通过实例教程传递布局构架理念,不只是在告诉大家网站是如何一点点设计出来的.所以希望看到灵活应用的更多扩展版本.期待你的创新. 在本教程中,你将学习如何创建一个Fancy的设计工作室网页布局. 1.首先,你需要下载以下两个素材图片. 用PS打开第一张图片,然后点击 编辑>定义图案.选择这种模式的名称,然后就可以关闭这个文件了. 2.这是第二张图片.请下载原始尺寸图片,或者在下载压缩包里找到它. 3.创建新文件,Size:1100*1260px. 选择油漆桶工具,选择图案模式,找到刚

Illustrator设计矢量美丽圣诞树制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计矢量美丽圣诞树的制作教程. 教程分享: 西方人以红.绿.白三色为圣诞色,圣诞节来临时家家户户都要用圣诞色来装饰.红色的有圣诞花和圣诞蜡烛.绿色的是圣诞树.它是圣诞节的主要装饰品,用砍伐来的杉.柏一类呈塔形的常青树装饰而成.上面悬挂着五颜六色的彩灯.礼物和纸花,有的还点着圣诞蜡烛.   具体绘制步骤如下: 1.创建圣诞树的基本形状 首先使用"钢笔工具"(Pen Tool) 粗略绘制出圣诞树的基本形状,并以绿色到深绿色的渐变

Illustrator铅笔图案笔刷制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计铅笔图案笔刷的制作教程. 教程分享: 1. 创建一个新文件和设置网格 Step 1 Ctrl-N创建一个新的文档, 从单位下拉菜单中选择像素,宽度和高度为600×400.然后点击高级按钮. 选择颜色模式为 RGB,屏幕(72ppi), 去掉勾选"使新建对象与像素网格对齐". Step 2 使用网格(视图>显示网格)和对齐网格(视图>对齐网格).将需要把每个网格线间隔设为5px,只要点击编辑>首选项>