设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
Fireworks实例指导 ─ 用FW制作按钮(二)
返回列表
发布主题
Fireworks实例指导 ─ 用FW制作按钮(二)
[复制链接]
查看:
313
|
回复:
0
gggds
当前离线
积分
22798
IP卡
狗仔卡
gggds
发表于 2009-12-27 13:07:41
|
显示全部楼层
|
阅读模式
就是这个按钮,想知道制作方法吗?
w I; I0 |! e- `8 G/ b0 K) ]1 f
5 U8 _5 V8 h9 K+ ?. u
一、 新建文件,用矩形工具画一个黄颜色的矩形,并在fill(填充)面板中进行如下设置,texture选confetti,纹理总量为33%,这个texture是Fireworks4自带的。 二、点击层面板底部的最左边一个按钮,建立新层,并把旧层锁住,这样做是为了使以后的工作方便一点。 三、 圆形工具画一圆,在INFO中设置其W和H都为72,按回车确定。在fill面板中设置其填充类型为linear,由黑到白的渐变,点击黑色箭头工具调整渐变的方向,如下图所示。Edge(边缘)选择feather,羽化值为3。
% c) c5 V( D8 P. c3 x8 m- V1 e3 d
, y# L5 z( S' ]& c! ]: ]9 g
四、 复制上面的圆形,(按住ALT键,用箭头工具把这个圆拖到下面)。在INFO面板中改变其W和H值都为69,比原图小了3个象素。 五、 全选这二个圆,使用菜单命令modify->align->center vertical和modify->align->center horzontal。这时,这二个圆的中心点在同一个位置,继续执行菜单命令modify->combine->punch(打孔),对二个圆进行打孔,执行后结果如下。
# ~* a1 H# s5 Q) S4 y# L
1 j3 x- N5 e5 m- I+ U/ X6 d x
六、再用圆形工具画一个圆,在INFO面板中设置其W和H值都为68,按回车确定。FILL面板中的填充类型也为linear,只是反向和上面的圆相好相反,edge边缘不羽化。 七、复制这个圆形,方法同上。在INFO面板中改变其W和H的值都为66。全选这个二圆,使用菜单命令modify->align->center vertical和modify->align->center horzontal。这时,这二个圆的中心点在同一个位置,继续执行菜单命令modify->combine->punch,对二个圆进行打孔,执行后结果如下。
1 r( n1 q% a) x# x o- E7 T* `/ B9 g
+ f9 j+ a& I% Y& g8 Q1 l
八、继续用圆形工具画一圆,在INFO面板中设置其W和H值都为65。Fill面板中的填充类型选择radial(放射状),点击edit按钮编辑颜色条,如下圆所示。用黑色箭头工具编辑其填充点。
' {* i: u5 H6 B# V* b; }. E6 l
& `8 ^& D2 m# R; V" j* o$ E
. Y9 d, U7 B) {6 \- a& g
5 F1 g- T5 c/ r. y! k* _$ F# [" s
九、全选这三个圆形,使用菜单命令modify->align->center vertical和modify->align->center horzontal。这时三个圆形的中心在同一个地方,我们所需要的按钮效果也就完成了。
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表