Illustrator使用混合和透明度制作发光按钮

2016-02-16 19:56 44 1 收藏

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的Illustrator使用混合和透明度制作发光按钮,希望大家看完后能赶快学习起来。

【 tulaoshi.com - Illustrator 】

效果图

Illustrator使用混合和透明度制作发光按钮,PS教程,图老师教程网

步骤1

以CMYK模式新建一个文件(色彩模式以后更改)。使用矩形工具(m)建立一个矩形,使其与你需要创建的按键尺寸大致相同。如果需要,可以以合适的数值,使用 滤镜-风格化-圆角 使矩形圆角化,我用的值是0.125。(译者注:搞不清楚老外为什么总爱用滤镜创建圆角,干嘛不直接用圆角矩形工具,难道AI的早期版本没有圆角矩形工具?)

Illustrator使用混合和透明度制作发光按钮,PS教程,图老师教程网

步骤2

这一步我们来建立按钮的发光区域,用矩形工具(m)在按钮形状的下方一半的地方,再拉出一个矩形,新矩形比按钮形状的左右边及底边都稍长一些,它的位置差不多应该在按钮的中下部。复制(ctrl+C)按钮形状,粘贴在上方(ctrl+F)。选择要发光的部分和按钮的副本,取这两部分的交集,然后点扩展交集(路径查找器里的最右边的一个按键)。

Illustrator使用混合和透明度制作发光按钮,PS教程,图老师教程网

步骤 3

现在添加渐变:这里是制作发光的精华部分了。首先在渐变面板里选择线性渐变,在按钮形状里拉出一个渐变。点击渐变里的第一个颜色样本,在颜色面板里把颜色改为20%的蓝绿。可能须点击颜色面板顶部右方的选项来改变CMYK色条。接下来,点渐变面板中的另一个颜色样本,改为100%的蓝绿。选中按钮形状,使用渐变工具(g),从按钮形状的顶部向下拉出渐变直到发光形状的上部。

接下来要做的是让发光区域的渐变看上去象是一个按钮。这一次,使用浅一点的100%蓝绿和其它颜色的100%蓝绿以及50%的紫红。选中发光区域,使用渐变工具(g),从发光区域的底部向上拖动直到区域的顶部。

我使用颜色面板混合颜色,但是使用拾色器会更舒服些,原理是一样的,

去除所有描边,按钮就做好了。

Illustrator使用混合和透明度制作发光按钮,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/illustrator/)

步骤 4

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/illustrator/)

可以以任何方式装饰按钮。添加边框啦,文本啦,标识啦等等 。看看我提供的这些示例,只要重复步骤2和3(改变颜色很容易),你即可把发光添加到须装饰的按钮的任何部分中。不要忘了把每个对象的发光区域安排在按钮的顶部。

Illustrator使用混合和透明度制作发光按钮,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1573091.html

延伸阅读
标签: 电脑入门
QQ空间模块会根据您选用的色调而显示底板颜色,把模块设置完全透明表示模块的底色将完全消失,文字和图片都直接展示在皮肤上。 设置方法: 第一步:登录您QQ空间,点击顶端工具栏装扮; 第二步:选择高级设置中模块透明度,在设置透明度的滑条中左右滑动就可以进行设置,设置达到您的效果之后,保存即可。
标签: flash教程
在第一层上设置符号smoke第1帧到第30帧之间由下至上的动画,将这层命名为smoke;在第二层写上www.yesky.com几个字,并将这层命名为yesky.再设置遮罩。 这样我们看到的遮罩效果如下图: 现在我们看到了图形的透明度在遮罩中作用了!你可以大胆尝试,做出更精彩的效果! 最后的话题:遮罩这样魅...
图图桌面透明度设置方式介绍 图图桌面美化软件的设置透明透方式: 右键点击图图桌面面板的边框,会显示功能菜单,选择不透明度。(如图) 选择20%的不透明度效果图如下         注 :更多精彩教程请关注图老师电脑教程栏目
素材 图1 图2 最终效果 我前两天产生这个想法的时候向人提到过,被斥之为痴心妄想 ,差点放弃! 如下图,我们要做的就是上面半透明的一层(大且复杂的一个水印)去掉,还原底图的原貌。(注:下面图层的运算实际上是RGB值的运算) 这好比我们从一个地方走到另外一个地方,需要返回,最安全可靠的方法就是沿原路走...
标签: flash教程
在中我们希望能创建更加自然的遮罩效果,在前面我们已经说过,遮罩层 只有形状有影响,其它的颜色,甚至透明度都不会作用于遮罩,那么在 层的物体如果边缘透明又会有怎样的效果呢? 我们就来试验一下,在第一层画画云朵形状,进行线性填充,并调节填充的方向,如下图: 填充后,在第二层写字,并转化为Graphic符...

经验教程

275

收藏

35
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部