fireworks中想要设计网站按钮和导航栏,该怎么设计呢?下面我们就来看看详细的教程。

软件名称:
fireworks8简体中文版 (含序列号)
软件大小:
88MB
更新时间:
2019-06-12立即下载

1、打开 Fireworks,通过“文件”>“新建”,新建一个空白画布。“编辑” >“插入”>“新建按钮”。在按钮编辑器中,选择“释放”状态,画一个宽90像素,高30像素,x,y坐标都为0的矩形。选中矩形,点击填充颜色块。选中按钮,点属性面板上的+增加“内斜角”效果。

fireworks怎么设计网页导航栏按钮?

fireworks怎么设计网页导航栏按钮?

fireworks怎么设计网页导航栏按钮?

2、在“按钮编辑器”的释放状态下,使用工具面板上的“文本工具”,在按钮上输入文字。选中“滑过”状态,点击“复制弹起时的图形”。点击属性面板上的“+”, 添加效果“调整颜色”>“色相/饱和度“。在弹出的“色相/饱和度”对话框中,向右拖动亮度滑块(-20)。这时就增加了按钮的亮度。

fireworks怎么设计网页导航栏按钮?

fireworks怎么设计网页导航栏按钮?

fireworks怎么设计网页导航栏按钮?

3、重复上面的过程,调整“按下”状态和“按下时滑过”状态的颜色。为按钮增加链接。(先用鼠标选中才会弹出属性面板)。选中“活动区域 ”,在属性面板的“链接”项中,输入#作为链接,以后可以修改。反复从库面板中,把按钮的实例拖到文档相应位置。选中不同的按钮实例,在属性面板上,修改文本和链接地址。文件------导出,导出为htm网页文件即可。完成后的效果如图所示。

fireworks怎么设计网页导航栏按钮?

fireworks怎么设计网页导航栏按钮?

fireworks怎么设计网页导航栏按钮?

以上就是fireworks设计按钮导航栏的教程,希望大家喜欢,请继续关注。

相关推荐:

Fireworks怎么设计漂亮的按钮?

fireworks怎么给网页设计小人形状的logo?

fireworks怎么制作一个圆角矩形的网页导航条?

标签:
fireworks,导航栏,按钮

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
桃源资源网 Design By www.nqtax.com

评论“fireworks怎么设计网页导航栏按钮?”

暂无“fireworks怎么设计网页导航栏按钮?”评论...

P70系列延期,华为新旗舰将在下月发布

3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。

而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?

根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。