首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效非 主 流GIF 动画签名溶图创意设计
 您当前的位置: PhotoShop资源网 >> PS教程 >> PS教程 >> 创意设计 >> 正文

Make Glassy Buttons with Illustrator

[ 作者来源:Nick La/ndesign-studio 编辑整理:PhotoShop资源网 更新时间: 2006-08-03 录入: 黄叶飞扬 ]

 

 

按此在新窗口浏览图片
You have probably already seen this tutorial somewhere before or know how to make glassy button with Photoshop. But I'm going to show you here is done with Illustrator in 3 simple steps.

Version: Illustrator 9+

按此在新窗口浏览图片Download Source File (.ai)


1. Create the circle paths

First create a circle path and fill it with orange color. Then Copy (Ctrl+C) it and Paste in Front (Ctrl+F). Scale down about 40% and drag it slight below the center point of the orange circle.

按此在新窗口浏览图片

2. Blend Tool

Select the Blend Tool 按此在新窗口浏览图片, click on the top edge of the yellow circle and then click again on the top edge of the orange circle. Or you can blend them by selecting both circles, go to Object > Blend > Make (Ctrl+Alt+B).

按此在新窗口浏览图片

3. Add final light reflection

Make an oval path and fill it with black & white Gradient and place it on top of the circles. Note if your color setting is CMYK, make sure the black for the gradient is full black(C=100, M=100, Y=100, K=100). With the oval path selected, go to Transparency pallate, select Screen Blend Mode. If your Transparency is not showing, go to Window > Transparency or press Ctrl+Shift+F10.

按此在新窗口浏览图片

Advantages

There are serveral advantages to create this glassy button with Illustrator than Photoshop:
  1. It is vector, which mean it is scalable.
  2. It is easier and faster to make this with Illustrator (less steps).
  3. Easier to change colors, just need to fill the circles with different colors.
按此在新窗口浏览图片<!-- #BeginLibraryItem "/Library/tutorial_comments.lbi" -->


≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教程(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!