巧用Style制作立体感文字
2005-07-02 17:01:06 来源:WEB开发网核心提示:大家都知道利用fireworksMX内置的bevel滤镜可以制作出文字的立体效果,但是这样调试起来很麻烦,巧用Style制作立体感文字,而利用Styles的方法就简单了,1.打开FwMX新建一文件,方便吧?这其实也是利用了Inner Bevel滤镜,我们可以很方便的设置其中的各项参数来改变其效果,大小任意,将画布颜色设
大家都知道利用fireworksMX内置的bevel滤镜可以制作出文字的立体效果,但是这样调试起来很麻烦。而利用Styles的方法就简单了。
1.打开FwMX新建一文件,大小任意。将画布颜色设为:#729CFE
2.利用Text Tool在画布上拖画出一个文本框。选择菜单栏上的Text>Editor调出Text Editor对话框,输入文字“梦想瞬间”(这个方法解决了在画布上不能输入中文的BUG)颜色任意设置。
![](http://tech.cncms.com/tech/UploadPic/2010911/20109111716495.gif)
图1:
3.选中文本框,按Shift+F11调出Styles面板。点选Style 30应用该样式(图2),
![](http://tech.cncms.com/tech/UploadPic/2010911/20109111716682.gif)
此时的文字应该和图3所示的样式差不多(如果字体大小变化了,请自己调整好)
![](http://tech.cncms.com/tech/UploadPic/2010911/20109111716798.gif)
4.选中文本框,在PRoperties面板中将轮廓颜色设为透明;将字体填充颜色设为#729CFE。如图4:
![](http://tech.cncms.com/tech/UploadPic/2010911/20109111716807.gif)
怎么样?效果出来了吧?变换字体试试,方便吧?
![](http://tech.cncms.com/tech/UploadPic/2010911/20109111716486.gif)
这其实也是利用了Inner Bevel滤镜,我们可以很方便的设置其中的各项参数来改变其效果,这样比一开始就使用bevel滤镜要方便一些。
1.打开FwMX新建一文件,大小任意。将画布颜色设为:#729CFE
2.利用Text Tool在画布上拖画出一个文本框。选择菜单栏上的Text>Editor调出Text Editor对话框,输入文字“梦想瞬间”(这个方法解决了在画布上不能输入中文的BUG)颜色任意设置。
![](http://tech.cncms.com/tech/UploadPic/2010911/20109111716495.gif)
图1:
3.选中文本框,按Shift+F11调出Styles面板。点选Style 30应用该样式(图2),
![](http://tech.cncms.com/tech/UploadPic/2010911/20109111716682.gif)
此时的文字应该和图3所示的样式差不多(如果字体大小变化了,请自己调整好)
![](http://tech.cncms.com/tech/UploadPic/2010911/20109111716798.gif)
4.选中文本框,在PRoperties面板中将轮廓颜色设为透明;将字体填充颜色设为#729CFE。如图4:
![](http://tech.cncms.com/tech/UploadPic/2010911/20109111716807.gif)
怎么样?效果出来了吧?变换字体试试,方便吧?
![](http://tech.cncms.com/tech/UploadPic/2010911/20109111716486.gif)
这其实也是利用了Inner Bevel滤镜,我们可以很方便的设置其中的各项参数来改变其效果,这样比一开始就使用bevel滤镜要方便一些。