您的位置:首页网页设计Firework → 金属按钮效果制作方法一则

金属按钮效果制作方法一则

时间:2004/11/7 2:27:00来源:本站整理作者:蓝点我要评论(0)


            
             
              
             
            

               
               

            



            
  源文件下载

  大家在网上可能经常会发现一些使用Photoshop来进行金属效果按钮制作的方法,而很多效果用FW来制作的话似乎就要很麻烦。实际上只要灵活运用FW自带的Eye Candy 4000 LE滤镜及其完整版Eye Candy 4000滤镜提供的Chrome效果命令,我们同样也能制作出漂亮的金属效果按钮。下面我们就一起来看看具体的制作步骤。

  首先还是先来看看效果图:


  【提示】本例最终完成需要安装完整版的Eye Candy 4000 滤镜。

  1、新建文件,在编辑区绘制一个圆形对象。采用实心填充方式,颜色为#660000,描边色设为无。设置完毕后,按“Ctrl+Shift+D”组合键克隆一个相同的对象,此刻编辑区对象如图所示。


  2、打开层面板,选中层面板上位于底层的圆形对象,选择属性面板上效果菜单中的“Eye Candy 4000 | Chrome”效果命令,在弹出的“Chrome”设置窗口中进行如下图所示的设定。

  【注意】]Reflection Map 区域具体的设置选择“Outdoor.tif”方式。其余各个设置选项的具体参数可以根据自己绘制圆形的具体大小来进行相关的调整。


经过“Chrome”效果命令设定后,编辑区的图形效果如下。




  3、选中位于层面板上层的圆形对象,选择属性面板上效果菜单中“阴影和光晕|内侧发光”效果命令,进行相关设定如下图所示,其中颜色设置为为黑色。




  【提示】“内侧发光”效果命令的应用主要是为了最终效果的实现打一个基础,大家可以在最后的效果出现的时候来回头看看本步操作的作用。


  4、仍然是选中位于层面板上部的圆形对象,选择属性面板上效果菜单中的“Eye Candy 4000 LE|Bevel Boss”效果命令,在弹出的“Bevel Boss”设置框中进行具体设置,各个参数的具体设置如下图所示。




  经过设定后,编辑区的图形效果如下。



5、继续选择属性面板上效果菜单中的“Eye Candy 4000 LE|Bevel Boss”效果命令,在弹出的“Bevel Boss”设置框中进行具体设置,各个参数的具体设置如下图所示。




  经过再次设定后,编辑区的图形效果会如下图所示。




  6、还是选择属性面板上效果菜单中的“Eye Candy 4000 LE|Bevel Boss”效果命令,在弹出的“Bevel Boss”设置框中进行具体设置,各个参数的具体设置如下图所示。




  经过本步设定后,此刻编辑区的图形效果如下。



7、选择属性面板上效果菜单中的“调整颜色|色阶”效果命令,在弹出的“色阶”设置框中进行如下图所示的具体设定。




  经过设定后,编辑区的图形效果会如下所示,此刻金属按钮效果已经基本完成了。




  8、如果对与按钮表面颜色或者边缘颜色效果不满意的话,可以通过选择属性面板上效果菜单中的“调整颜色|色相/饱和度”效果命令来进行调整。本步对上部圆形对象的颜色进行了调整,具体的“色相/饱和度”的设置如下图所示




  添加相关的文字并进行一些效果设定,最终出现的效果就会如下图所示了。




  好了,本节教程到此全部结束了,Eye Candy 4000滤镜的应用为效果的形成起了关键的作用,灵活运用这些滤镜特效,相信每个人都可以制作出属于自己的漂亮的特效来。

  源文件下载

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 没有查询到任何记录。 fireworks动画蝴蝶制作教程Fireworks绘制逼真飞利浦手机教程Fireworks教程之树叶笔触绘制榕树如何用Fireworks历史面板制作连续背景

人气排行 在Fireworks中遮罩使用技巧fireworks动画蝴蝶制作教程fireworks做动态按钮Fireworks与Dreamweaver结合:看实例学切片Fireworks教程之树叶笔触绘制榕树用Fireworks制作立体金属小球Fw与Dw结合:看实例学切片Fireworks制作GIF动画广告BANNER