• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >Illustrator > Illustrator 绘制更清爽的发光按钮

Illustrator 绘制更清爽的发光按钮

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-23

佚名 向大家分享了Illustrator 绘制更清爽的发光按钮,其中包含illustrator 绘制,adobe illustrator,illustrator,illustrator cs6下载,illustrator教材等知识点,遇到此问题的同学们可以参考下
曾有人问过我许多次,我在iStock上出售的发光按钮是怎么做出来的。尽管还有许多其它的教程,本教程却教会你制作没有使用混合和透明度的按钮。相比其它教程,本技巧应用到其它不同的元素上要相对容易得多。此外,使用发光效果将会创建更清爽,更易用,更协调一致的文档。提示:
本教程使用CS3制作,大多数功能可以在AI 10及以上版本中应用。CS3中的特殊功能将予提示。
快捷键显示为橙色,苹果电脑中?表示Command,Ctrl键为Windows系统中对应按钮(译者注:本文仅显示Windows系统快捷键)
步骤1
以CMYK模式新建一个文件(色彩模式以后更改)。使用矩形工具(m)建立一个矩形,使其与你需要创建的按键尺寸大致相同。如果需要,可以以合适的数值,使用 滤镜-风格化-圆角 使矩形圆角化,我用的值是0.125。(译者注:搞不清楚老外为什么总爱用滤镜创建圆角,干嘛不直接用圆角矩形工具,难道AI的早期版本没有圆角矩形工具?)
在AI中不使用混合和透明度制作发光按钮 步骤2
这一步我们来建立按钮的发光区域,用矩形工具(m)在按钮形状的下方一半的地方,再拉出一个矩形,新矩形比按钮形状的左右边及底边都稍长一些,它的位置差不多应该在按钮的中下部。复制(ctrl+C)按钮形状,粘贴在上方(ctrl+F)。选择要发光的部分和按钮的副本,取这两部分的交集,然后点扩展交集(路径查找器里的最右边的一个按键)。
在AI中不使用混合和透明度制作发光按钮 步骤 3
现在添加渐变:这里是制作发光的精华部分了。首先在渐变面板里选择线性渐变,在按钮形状里拉出一个渐变。点击渐变里的第一个颜色样本,在颜色面板里把颜色改为20%的蓝绿。可能须点击颜色面板顶部右方的选项来改变CMYK色条。接下来,点渐变面板中的另一个颜色样本,改为100%的蓝绿。选中按钮形状,使用渐变工具(g),从按钮形状的顶部向下拉出渐变直到发光形状的上部。
接下来要做的是让发光区域的渐变看上去象是一个按钮。这一次,使用浅一点的100%蓝绿和其它颜色的100%蓝绿以及50%的紫红。选中发光区域,使用渐变工具(g),从发光区域的底部向上拖动直到区域的顶部。
我使用颜色面板混合颜色,但是使用拾色器会更舒服些,原理是一样的,
去除所有描边,按钮就做好了。
在AI中不使用混合和透明度制作发光按钮 步骤 4
可以以任何方式装饰按钮。添加边框啦,文本啦,标识啦等等 。看看我提供的这些示例,只要重复步骤2和3(改变颜色很容易),你即可把发光添加到须装饰的按钮的任何部分中。不要忘了把每个对象的发光区域安排在按钮的顶部。
在AI中不使用混合和透明度制作发光按钮step_4

译者:蓝色理念
Q Q:18268754
翻译日期:2010.07.15
原文出处:http://vectips.com/tutorials/shiny-buttons-without-blends-or-transparencies-in-illustrator/
备注:”工具”、”菜单”及”选项”的译文使用”CS 5 官方中文版”默认关键词,在文中加粗显示。如需转载,请注明出自”PS真功夫”。不足之处,敬请指正 </div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 用Illustrator绘制一只可爱的卡通小兔子
  • Illustrator绘制简约复古的闪光灯图标
  • Illustrator绘制一条简洁清新的DNA链
  • Illustrator绘制一个停止图标
  • Illustrator绘制3D立体形状的小方块教程
  • Illustrator绘制一只飞翔的海鸥
  • illustrator绘制可爱的卡通向日葵
  • Illustrator绘制一幅精细的抽象效果的桌面壁纸
  • Illustrator绘制6组不同扁平化风格的动物卡通头像教程
  • Illustrator绘制非常漂亮逼真的立体苹果效果

相关文章

  • 2017-05-23AI设计超强质感立体字教程
  • 2017-05-23Ai简单绘制机械人头像图标
  • 2017-05-23Ai简单绘制可爱的透明圆形app icon图标
  • 2017-05-23AI制作漂亮的镂空花纹
  • 2017-05-23ai中怎么绘制一个双眼冒心的卡通小狗?
  • 2017-05-23Illustrator 绘制更清爽的发光按钮
  • 2017-05-23AI和PS制作漂亮的蜂巢炫彩背景图案
  • 2017-05-23AI教程:AI绘制彩色圆点人物照片
  • 2017-05-23Ai怎么绘制一个打开的木窗户?
  • 2017-05-23Illustrator绘制复杂图案的心形矢量图

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • Illustrator怎么设置调整界面网格呢?
    • Illustrator绘制漂亮的扁平化风景插画教程
    • ai怎么修改画板尺寸? ai修改画板大小的教程
    • AI绘制一个高端有质感的欧式花纹
    • Illustrator 动作面板的使用
    • Illustrator(AI)设计绘制超酷效果的立体字实例教程
    • AI打造三维曲线效果的幻影文字教程
    • AI简单绘制立体魔方教程
    • AI无法打开插图窗口文件空间不足?
    • Illustrator 超流行的凸版印刷样式文字

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有