Illustrator透明按钮制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计透明按钮的制作教程。

教程分享:

主要用到渐变、色彩、图层模式、阴影滤镜等工具。文章末尾提供.ai原文件下载。

 


选择菜单文件>新建,新建一个文件。

 


因为制作的是矢量图,如果不用于打印,文件大小无所谓。

在工具面板中选择矩形工具,按住不放,直到出现一个工具条,选择圆角矩形工具

 


,在文档中点击鼠标左键,弹出一个对话框,做如下设置。

 


点击确定后,会出现一个圆角矩形,在外观面板中选择笔画,在颜色面板中设置笔画的颜色为:R:115,G:115,B:115,在外观面板中选择填充,在工具条底部选择填充类型为渐变,在渐变面板中作如下设置:

 


此时,得到的结果应该如下所示:

 


选中该对象,执行菜单:滤镜〉风格化〉投影...,在弹出的对话框中作如下设置:

 


执行滤镜效果后,结果如下:

 


点击图层面板底部的新建图层按钮

 


,新建一个图层。然后选择矩形工具,画一个和上面的圆角矩蜗嗤?矶龋?叨仍嘉?步蔷匦我话耄?:90mm,H:11mm)的矩形,笔画为无,填充颜色白色,位置和圆角矩形上半部重合。然后定位到透明面板,把混合方式改为亮度,不透明度69%。

 


此时,透明按钮的效果已经出来了。

 


下面只要加入文字就可以了,新建一层,用横排文字工具输入文字Quick Time,字体选择Arial,字号45pt。给文字也应该加上一点投影,执行菜单:滤镜〉风格化〉投影...,用刚才的设置就可以了,这个按钮就做好了。

 


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

时间: 2024-09-19 17:58:17

Illustrator透明按钮制作教程的相关文章

Illustrator设计透明按钮制作教程

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

ps 透明按钮制作教程

在很多网站上我们都可以看到漂亮的水晶按钮,今天我来也讲一下这按钮是怎么制作的吧,好了我们来看看最终效果图片. 一  先用椭圆选框工具,画个黑色的圆得到图层1,点图层1眼睛使其隐蔽.再新建图层2,载入图层1选区,执行反向,填充一种颜色(随意 二  选图层2进行高斯模糊(值可跟据球体大小而为  9)三  再载入图层1选区,在图层2上添加蒙版 四  在图层上取消图层与蒙版的链接,单击图层缩图,再用移动工具向下移动 五  再次载入图层1选区,然后新建图层3,填充一种颜色(与图层2一样).将其执行高斯模糊

photoshop 水晶按钮制作教程

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

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

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

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

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

给各位 Illustrator软件的使用者们来详细的解析分享一下实例入门网页按钮的制作教程. 技巧分享:   先让我们看看第一个圆形的立体按键是怎么做出来的 .其实仔细的分析一下它仅仅是两个填充了渐变色的圆组成的.怎么样不像想象的这么复杂吧!现在让我们一步一步地学学怎么做的.首先先用圆形工具   画出一个圆.当我们画圆的时候是不是不是很容易画出一个正圆来,这里有个技巧,在画圆的时候按住Shift键就可以方便的画出一个标准的圆.然后在 Gradient浮动面板调一个中间白色(当然你也可以用其它颜色

纯CSS3彩色边线3D立体按钮制作教程

今天我们来分享一款利用纯CSS3实现的3D按钮,这款按钮的一个特点是有彩色的边线,这让整个按钮显得比较多姿多彩,没那么枯燥无趣.本文不仅可以让大家看到演示效果,而且我们把制作教程也分享出来,首先来看看效果图: 我们也可以在这里看到这些按钮的DEMO演示. 接下来就来分享一下制作教程以及源代码,按钮的源代码主要由HTML和CSS两部分代码组成,先来看看HTML代码: <button class="blue">     <div class="wrapper&q

photoshop设计调速开关按钮制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计调速开关按钮的制作教程. 教程分享: 1.新建文件   2.选择背景颜色   3.alt+delete键填充前景色.   4.椭圆工具新建一个正圆(椭圆1图层).   4.1.双击椭圆1图层调节图层样式--颜色叠加.描边,参数如图.     4.2.得到椭圆1的效果.   5.再新建椭圆2,大小如图.   5.1.双击图层调节图层样式:颜色叠加.描边.投影.       6.得到效果,再新建椭圆3.   6.1双击椭圆3图层调节图层样

Illustrator设计齿轮制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计齿轮制作的教程. 教程分享:   打开Illustrator10,选择工具栏中的星形工具,并在页面上单击.单击后出现了星形工具的选择面板.在面板中输入:半径1:22mm(这个数值可以自己调换);半径2:0mm(这个数值不变);星角数:20(这个数值也可以自己调换).   确定后,出现如图中的放射状图形.   给这个星形描边,在笔画面板中填写15pt.   如此粗的描边,形成了齿轮效果.   再次选择这个齿轮,在菜单中选择 对象>路