设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
用Fireworks MX制作Mac风格边框
返回列表
发布主题
用Fireworks MX制作Mac风格边框
[复制链接]
查看:
287
|
回复:
0
gggds
当前离线
积分
22798
IP卡
狗仔卡
gggds
发表于 2009-12-27 12:56:56
|
显示全部楼层
|
阅读模式
以前大家常用线条来表现浅浮雕效果,现在我们在Fireworks MX(以下简称FW MX)里可以用效果(Effect)面板来轻松制作。 如下图(Png源图)则是用线条来制作的一个Mac风格的边框,我们用FW MX打开源文件就会发现制作比较繁琐,有没有简单的方法来制作呢?答案是肯定的,方法就是用效果(Effect)面板!本例用来说明用FW MX制作边框的过程,希望能为FW MX爱好者提供一个新的思路。
$ c* s2 a5 }5 w) ]# d5 `
+ ~5 E7 p |0 w8 h$ f
一、边框制作
1.打开FW MX,建立一个340X110的新文件。 2.从工具栏中选择“矩形”工具或按快捷键(U),画一个328X98,填充色为(#CECFCE)无边框的矩形(以下如无说明,所画矩形都为无边框)。 3.要想达到如下图所示的图形时,必须要使用菜单栏:修改==>组合路径==>打孔和联合来制作了。
; A: T+ j6 s2 q% i N3 ?
3 c3 ?; ]2 l& ^" z
按U键画一个320X73的矩形,填充为黑色。移动至合适的位置,本例中为距左4PX,距下为5PX。同时选中两个矩形,使用打孔命令,但得到了效果和我们要求的图形还是有差别的,没关系,画一个18X18的矩形,置于右下角,菜单栏:修改==>组合路径==>联合就得到了我们要求的图形。 4.选定所生成的图形,按Ctrl+Shift+D或菜单栏:编辑==>克隆,选中效果面板:阴影和光晕==>发光,设置如下图:
" {' d3 \3 i) e8 w6 E% M1 w
- D: D- j. {* P0 H* F7 }5 K
设于第三步生成的图层下面,我们的图形不是有了一个好看的边框呀,这样做比只用一个图层来制作有更大的灵活性。 5.选中第三步中生成的图形,选中效果面板:阴影和光晕==>内侧阴影,填充色为(#F0F0F0)设置如下图:
2 L3 z+ t2 ?2 L* ~7 |
# @! V& R, J2 q0 S; ] C. [9 C/ ?5 t
选中效果面板:阴影和光晕==>内侧阴影,填充为(#ADADAD)设置如下图:
! [0 c3 n2 o Q' U& j8 C
5 Q$ H6 q- V- ?! F5 t
注意图中的角度,第一次为315,第二次为135,最后我们得到的就是一个有浮雕效果的合成路径了吧,现在知道为何要用两次内侧阴影了吧。效果如下图:
& }8 H( A, H( U0 S! L
8 H) f$ o7 L2 u: x
二、小按钮的制作
根据刚才制作的方法,我们来制作一下旁边的小按钮和线条,最后可以得到如下图的小按钮(下图放大300%)
& S% r L2 J) {; m
0 V( I& N( y' Q
加以改动就可以得到新的小按钮吧。
, N8 Y$ Z# Y& q( D3 `
' o8 }8 K# j; _# Q4 n/ n% G
线条的制作就很容易了,画一270X12的矩形,放置到合适位置,设置如下,就OK了。
. T4 \; ]' x B4 L. @( e
' u/ H( r0 ~/ {6 V4 L! Z
用线条画出右下角的装饰线,按(Ctrl+G)组合一下。
三、背景
1.画一矩形置于所有图层下面,填充为(#FF9900)放置于合适位置,设置如上图,只不过填充纹理里把“水平线4”改为“网格线1”就OK。 2.添上合适的文字,最后效果如下图(Png源图):
3 ?5 B `$ ]- k2 G O" _
5 f; e% e, W; h5 G
同样的效果可以有不同的制作步骤,大家如果觉得这种方法比较简单,修改也方便,可以自己动手试一下。
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表