您的位置: 首页 > 技术文档 > 图形图像 > AI CS2 制作半透明渐变三法
CARLLIU刘传凯是如何作图的 回到列表 Fireworks 笔触特效
用户名:
密 码: 忘记密码
注册会员 游客参观 论坛帮助
 AI CS2 制作半透明渐变三法

作者:Tanlee 时间: 2006-04-23 文档类型:转载 来自:紫音协同设计
浏览统计 total:2104 | year:2104 | Quarter:2104 | Month:133 | Week:237 | today:38

Adobe Illustrator 是大家喜欢的矢量绘图软件,但许多初学者总觉的很多东西不易上手,就比如这个透明渐变问题:
在Photoshop中可以实现透明渐变,如下图:

而在AI中则不具备这样的选项,即使调整透明度也是针对整个选择对象,但是有时候我们需要制作如下图的半透明过渡,怎么办呢?

其实在AI中也有许多方法可以做到上面右侧的效果,下面我们就来研究一下!

方法一:透明模式

习惯用Photoshop的朋友都知道图层面板有一个图层模式选项目,一般有:正常、溶解/变暗、正片叠底、颜色加深、线性加深等模式。
AI在图层中没有这样的选项,但是在透明度选项中却有这样的选项(如下图)

1、将需要透明的渐变图形做好,如下图:

2、选中需要透明的图形(注:需要做好渐变,如上图),打开透明度调板(窗口/透明度shift+Ctrl+F10),在左侧的下拉框里选择“变亮”,效果如下:

总结:
透明模式是程序通过运算实现的,有时候有些效果跟要求的还是会有差距,像上图“透明”两个字上半部分是白的,当然,也可以用其他模式,也会产生不同的效果!试了才知道!呵呵!

方法二:混合工具

1、混合工具是在两个原路径之间或多条路径之间创建细腻的颜色过渡效果。一般的矢量软件里都会有这个功能,通俗点讲就是在两个元素间运算出一级一级的新图形来缓和过渡。(如下图)

运用这个功能我们可以将一个不透明的图形过渡到一个透明的图形上:

2、同时选中两个图形,执行:对象/混合/建立,然后执行:对象/混合/混合选项(或者双击混合工具图标

总结:混合工具是Illustrator里一个很有用的工具,形状、色彩不一样又可以产生千变万化的奇特效果,比如刚才设置透明度时设成半透明,效果如下图:

方法三:透明蒙版

蒙板:(Mask)是将不同灰色度值转化为不同的透明度,并作用到她所在的图层,使图层不同部位透明度产生响应的变化。黑色为完全透明,白色为完全不透明。这个功能在一般的设计软件里都会有。

1、将有透明渐变的形状复制一份(Ctrl+C),然后粘贴(Ctrl+F)到前面。并用黑色到白色的渐变填充,越黑的地方就表示约透明!

2、同时选中两个图形,打开“透明度”调板,点击右上角的三角形小图标在下拉菜单里选择“建立不透明蒙板”,效果如下图:

总结:透明蒙板也是一个很有用的功能,而且修改起来和很直观方便,不会对原对象产生破坏性更改,这点在PS里就常常被用来做图像合成。在AI里也没有完全限定白的地方透明,点击“反相模板”就可以来回切换!

后记:因为老是有人问我这个问题,所以就诞生了这个教程,很初级,仅适合于初学者。任何事情都有一个过程,初学者其实只要心细,肯花心思去钻研,许多困难都有办法解决,软件是死的,人是活的。以上三种方法,虽然都实现了半透明渐变,但效果还是存在着区别,仅供参考!

出处:紫音协同设计
责任编辑:moby

◎进入论坛PhotoshopFireworks版块参加讨论

相关文章 更多相关链接
Photoshop 渐变新玩法
用GoLive实现CSS+DIV之二
Adobe CS2 Stuido图标的演变
用GoLive实现CSS+DIV之一
国内首家中文GoLive CS2视频教程
全网 本站 论坛
热门搜索:CSS Fireworks 设计比赛 网页制作 Dreamweaver Studio8 Flash
站点最新 站点最新列表
社区软件动力 专访Discuz!
鱼眼镜头简介
HP视觉风尚设计大赛截稿延期
HP视觉风尚平面设计大赛新作三
Photoshop 打造微软风格效果
2006VR盟主大赛
Drew Struzan的经典海报绘制
"夜"作画过程
美式卡通绘画流程
flash8与javascript集成
栏目最新 栏目最新列表
Photoshop 打造微软风格效果
flash8与javascript集成
让IIS支持PHP
PS图层样式实现完美触须特效
Photoshop水墨效果简明教程
玩转fireworks笔触
Fireworks 绘制国画牡丹
CARLLIU刘传凯是如何作图的
AI CS2 制作半透明渐变三法
iframe 的用法与注意事项

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

本文现有 2 条评论 评分:- llllllllllllllllllll + 评分人数: 1 ,平均分: 5.00


七弦 Publish at 2006-4-29 15:38:50
方法很麻烦。直接用黑白渐变改叠加模式就可以了。
slllllll Publish at 2006-4-24 8:43:24 评分5
赞一个 写的很仔细 哈哈 谢谢
您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
《Flash第一步系列》
《交互设计之路》
《Dreamweaver 从基础到实践》
《色彩管理》
《网页设计专家门诊》
《职业之道》设计师的技能书
《Flash MX 2004网站开发精粹》