fireworks制作网页按钮(fireworks可以制作网页吗)
大家好,今天就和猫猫一起来看看这个问题吧 。fireworks可以制作网页吗,fireworks制作网页按钮很多人还不知道,现在让我们一起来看看吧!
让我们看看它是如何工作的,如图所示:
用过Flash的人一定知道,一个按钮应该有四种状态:未过期、已过、按下和点击。实现动态按钮就是将这四种状态下的按钮效果图片进行合成,从而产生动态的视觉效果。
fireworks制作网页按钮方法步骤
第一步:先启动Fireworks,新建一个大小为8030像素的文件。背景选择是透明的。执行菜单插入新建按钮命令,弹出按钮对话框。我们可以看到五个标签,即上,上,下,下和活动区。前四个是上面的四个动作,活动区域为按钮设置链接(如图1所示)。快捷键“Shift F12”打开框架面板,我们将看到为其四种状态设置的四个框架。下面,我们将分别设置四个帧来实现动态变化。
第二步:制作无过时状态(Up状态):选择Up选项卡,选择工具栏中的椭圆工具工具,在画布上画一个大小合适的椭圆,将油漆桶的颜色设置为天蓝色,填充。快捷键“Alt F7”打开效果面板,为其添加适当的效果。选中图片,点击效果面板的下拉框,在弹出菜单中执行Bevel和EmbossInner Bevel命令。如图2设置参数:对比度58%,柔和度7,角度151,宽度33,使其平滑。
第三步:制作Over状态:切换到Over页签,此时为空。你需要将向上标签中的图片复制到其中。单击编辑区域下方的复制图片按钮,以确保两个选项卡中的图片位于相同的位置。这里给图片添加一些亮色使其处于未选中状态,设置线条颜色为白色,油漆桶颜色为蓝色。快捷键“Shift F7”打开填充面板,并在下拉框中选择矩形。然后,使用油漆桶工具填充图片的颜色,同时拖动填充手柄进行调整,设置亮度参数(如图3)达到合适的效果。
制作按钮步骤step 4:制作按下时的按下状态:同样将Up tab中的图片复制到Down tab中,在效果面板内斜面中设置倾斜和倒置的倾斜和倒置效果;将填充面板的填充模式设置为webeditor,即网页混色效果。在这里,您可以选择两种颜色混合成一种新的颜色,其设置如图4所示。要使按钮在单击时向下,请确保选中“向下”选项卡上的“包括导航条向下状态”复选框,否则按钮将保持向上状态。
第五步:点击后制作Over While Down状态:该状态与Up状态略有不同但并未过时,说明连接可以点击,可以复制Up状态图片,将效果面板中的内斜面属性改为高亮显示。
在fireworks中制作按钮第六步:活动区域设置:选择活动区域选项卡,我们将看到已经设置好的热区。点击链接向导按钮,在弹出的链接向导对话框中选择链接页签。在这里,您可以键入URL连接,在alt列中输入链接的描述,并在Status BarText中输入浏览器状态栏的描述。
我看到过“fireworks制作网页按钮”的认可:1 .烟花做了漂亮的纽扣。
2.制作GIF动画图片的Fireworks教程
3.教你如何在Fireworks中使用切片工具
4 .烟花制作名片
5.fireworks生成环形文本
这篇文章到此就结束,希望能帮助到大家。
扫描二维码推送至手机访问。
版权声明:文章内容摘自网络,如果无意之中侵犯了您的版权,请联系本站,本站将在3个工作日内删除。谢谢!