用Freehand MX制作做水晶按钮

2016-01-28 18:32 7 1 收藏

用Freehand MX制作做水晶按钮,用Freehand MX制作做水晶按钮

【 tulaoshi.com - Illustrator 】

  完成效果如下:


   制作方法:
   1.画一个圆形或圆角矩形(根据需要而定,本例为圆形),笔触设置为无色,用深颜色填充;


   2.在圆形上画个小一些的椭圆,笔触为无填充比深颜色更亮的颜色,用对齐面板调整如下:


(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/illustrator/)   3.接下来做大圆和小圆间的过度,此时你可能想到用混合,但这里不是,我是在小圆用高斯模糊或羽化,两种哪个都行,不过我认为高斯模糊的效果要好一些!


   通过调节高斯模糊的半径可以和大圆很好的颜色过度;


   4.继续调节小圆,给它加渐变蒙版产生向上的渐变透明.可以通属性面板的的数值或调节它的控制柄来调节渐变通明的方向和程度,因为默认的是从左到右的渐变透明,我认为手动调节比较直观!


   5.加上喜欢的文字,可以在文字上加些如内斜角或内阴影等比较COOL的效果;


   6.在上面划一个小的椭圆,笔触为无,填充为白色,然后用对齐面板调一下位置;


(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/illustrator/)   7.选中小圆-修改-改变路径-修正路径或倒转路径将其转换为一般的路径,然后用钢笔工具点两下下边的节点,将其删除


   8.将整形后的小圆加渐变透明,调整为由上至下的渐变透明,产生高光的效果!然后全选-群组,加一点阴影还是好地!


   这是完成后的效果,这个可能简单些吧,因为大圆上的亮色我只加了一层,如果多加几层会作出五彩夺目的绚丽效果

来源:http://www.tulaoshi.com/n/20160128/1467369.html

延伸阅读
最终效果图 1、首先,填充一个浅灰的底,目的是为了突出按钮的高光位置,有其是边缘的。我现在把文字和高光的图层给去掉了,只留下最重要的部分。这个图层,就只有样式,你看到的效果,全都是样式Tulaoshi.com做出来的。看到了吗?都用了那几种样式? 2、有了基本认识,接下来,新建一个图层,偶先画了一个倒角的方形,偶比...
最终效果图 www.Tulaoshi.com 最终效果图
标签: 水晶
案例欣赏 对于水晶按钮的效果,大家应该见得很多了,我们使用Fireworks软件可以制作各种各样的立体水晶效果,但是不管什么样的水晶立体效果,都有一个共同的特点,为了能够实现按钮的立体效果,我们可以通过渐变色和制作高光效果来实现。效果如图1.1所示。 图 1.1卡通表情图标效果 思路分析   ...
photoshop水晶按钮制作教程 最终效果 1.新建一个300 * 200像素的文件,定义圆角矩形大小为250 * 120 2.复制圆角矩(图老师整理)形图层并缩小 3.给底部圆角矩形加个渐变叠加,这里具体颜色头可以先不管,是同一色相调整不同明度就可以了。 4.这是是具体的简便颜色设置 photoshop水晶按钮制作教程(2) ...
ps水晶按钮制作教程 photoshop教程最终效果 1.新建一个300tuLaoShi.com * 200像素的文件,定义圆角矩形大小为250 * 120 2.复制圆角矩形图层并缩小 3.给底部圆角矩形加个渐变叠加,这里具体颜色头可以先不管,是同一色相调整不同明度就可以了。 ps水晶按钮制作教程(2) 4.这是是具体的简便颜色设置 ...

经验教程

890

收藏

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