东方药林魔术丝头道 發表於 2017-12-29 11:07:19

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

<p>fireworks中想要设计网站按钮和导航栏，该怎么设计呢？下面我们就来看看详细的教程。</p>
<p><div class="arc_down"><img src="https://img.jbzj.com/do/uploads/litimg/140909/1S63611920.gif"><p class="arc_down_title">fireworks8简体中文版 (含序列号)</p><ul><li><span>类型：</span>图像处理</li><li><span>大小：</span>88MB</li><li><span>语言：</span>简体中文</li><li><span>时间：</span>2019-06-12</li></ul>查看详情</div></p>
<p>1、打开 Fireworks，通过&ldquo;<strong>文件&rdquo;&gt;&ldquo;新建</strong>&rdquo;，新建一个空白画布。&ldquo;<strong>编辑&rdquo; &gt;&ldquo;插入&rdquo;&gt;&ldquo;</strong><span style="color: #ff0000"><strong>新建按钮</strong></span>&rdquo;。在按钮编辑器中，选择&ldquo;<strong>释放</strong>&rdquo;状态，画一个宽90像素，高30像素，<strong>x，y坐标都为0的矩形</strong>。选中矩形，点击填充颜色块。选中按钮，点属性面板上的+增加&ldquo;<span style="color: #ff0000"><strong>内斜角</strong></span>&rdquo;效果。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/fireworks/201712/2017122910545070.jpg " /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/fireworks/201712/2017122910545071.jpg " /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/fireworks/201712/2017122910545072.jpg " /></p>
<p>2、在&ldquo;<strong>按钮编辑器&rdquo;</strong>的释放状态下，使用工具面板上的&ldquo;<span style="color: #ff0000"><strong>文本工具</strong></span>&rdquo;，在按钮上输入文字。选中&ldquo;<strong>滑过</strong>&rdquo;状态，点击&ldquo;<strong>复制弹起时的图形</strong>&rdquo;。点击属性面板上的&ldquo;<strong>+&rdquo;</strong>， 添加效果&ldquo;<strong>调整颜色&rdquo;&gt;&ldquo;</strong><span style="color: #ff0000"><strong>色相/饱和度</strong></span>&ldquo;。在弹出的&ldquo;<strong>色相/饱和度</strong>&rdquo;对话框中，向右拖动亮度滑块(-20)。这时就增加了按钮的亮度。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/fireworks/201712/2017122910545073.jpg " /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/fireworks/201712/2017122910545074.jpg " /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/fireworks/201712/2017122910545175.jpg " /></p>
<p>3、重复上面的过程，调整&ldquo;<strong>按下</strong>&rdquo;状态和&ldquo;<strong>按下时滑过</strong>&rdquo;状态的颜色。为按钮增加链接。（先用鼠标选中才会弹出属性面板)。选中&ldquo;<strong>活动区域</strong> &rdquo;，在属性面板的&ldquo;<span style="color: #ff0000"><strong>链接</strong></span>&rdquo;项中，输入#作为链接，以后可以修改。反复从库面板中，把按钮的实例拖到文档相应位置。选中不同的按钮实例，在属性面板上，修改文本和链接地址。文件------导出,<strong>导出为htm网页文件即可。</strong>完成后的效果如图所示。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/fireworks/201712/2017122910545176.jpg " /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/fireworks/201712/2017122910545177.jpg " /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/fireworks/201712/2017122910545178.jpg " /></p>
<p>以上就是fireworks设计按钮导航栏的教程，希望大家喜欢，请继续关注琼殿技术社区。</p>
<p><strong>相关推荐：</strong></p>
<p>Fireworks怎么设计漂亮的按钮?</p>
<p>fireworks怎么给网页设计小人形状的logo?</p>
<p>fireworks怎么制作一个圆角矩形的网页导航条?</p>
頁: [1]
查看完整版本: fireworks怎么设计网页导航栏按钮?