设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
用Fireworks轻松制作网页交互按钮-1
返回列表
发布主题
用Fireworks轻松制作网页交互按钮-1
[复制链接]
查看:
207
|
回复:
0
gggds
当前离线
积分
22692
IP卡
狗仔卡
gggds
发表于 2009-12-27 03:25:20
|
显示全部楼层
|
阅读模式
使用Fireworks的网页按钮制作向导(Step-by-step button maker),可以轻松制作出漂亮的网页交互按钮。下面以实例说明具体的制作步骤。
1. 启动Fireworks ,单击工具栏的新建文档按钮,弹出新文档对话框。单击该对话框中的OK按钮,打开一个新文档页面(图1)。
! H$ l8 r6 U" J `' \1 v# e- u* q. c% ]
5 x3 t! s; C5 {2 h0 U
4 e8 m- \5 a: R
6 k" I7 p; O7 U& n7 v/ O* n9 i
图1
2. 从Insert(插入)菜单上选择New Button(新按钮)命令,启动按钮制作向导,弹出按钮编辑器窗口(图2)。
; J% V0 x" @9 h. O2 [
) _) v" f6 m7 U! i, e! w' A2 J4 ~
; u; l) @% n" j" B
" K- W, S r7 B
图2
- {, q, o* z2 m9 P$ Y5 ?
3. 在工具箱中选择矩形工具,在按钮编辑器窗口中拖动鼠标,画一个适当大小的矩形。
4. 从填充面板中选择想要的填充特效(如果填充面板没有显示,可以从Windows菜单上选择Fill命令,打开填充面板),制作漂亮的按钮图像。
本例选择Ripples(波纹)图案、Emerald Green(鲜绿色) ,如图3所示。
+ E5 ?, N+ D4 G+ q8 p6 u+ k4 _
# y: |- ~' o' n( _' t+ M, D
! |: {: a" a( \$ h1 Q6 f
) q) Y A. `. k! C) O' V) R6 q+ A
图3
5. 输入按钮文本:
选择文本工具,在按钮编辑器中单击矩形中心附近,弹出文本编辑对话框。从文本编辑对话框中的字体弹出菜单上选择一种字体,选择点大小,从颜色弹出菜单上选择一种颜色,单击居中对齐按钮(本例选用隶书,25点,红色,居中对齐),最后单击OK按钮(图4)。
1 X9 P+ l# F& ]% m
% v1 |0 H4 J, G) Z: i7 [; Q; L
& C" c* t! T1 i5 v/ K3 H
' |/ {( K1 X2 W: d+ C
图4
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表