Fireworks打造按钮图片提示效果Word格式.docx
- 文档编号:19199199
- 上传时间:2023-01-04
- 格式:DOCX
- 页数:10
- 大小:455.46KB
Fireworks打造按钮图片提示效果Word格式.docx
《Fireworks打造按钮图片提示效果Word格式.docx》由会员分享,可在线阅读,更多相关《Fireworks打造按钮图片提示效果Word格式.docx(10页珍藏版)》请在冰豆网上搜索。
下面我们一起来学习Fireworks如何实现这种效果:
一、点击:
文件—新建命令,设置宽度为450像素,高度为400像素,分辩率为72像素,如图1所示。
图1
二、点击:
文件—导入(快捷键为Ctrl+R),如图2所示。
图2
三、导入所需的素材,如图3所示。
图3
四、点击:
窗口—对齐,打开对齐面板,如图4所示。
图4
五、选择三张素材图片,分别点击水平居中及垂直居中命令,让三张图片居中对齐,如图5所示。
图5
六、选择矩形工具,在画布上绘制出一个矩形,并设置为黄色。
如图6所示。
图6
七、点击工具架中的文本工具,在黄色矩形上面输入:
漫画,如图7所示。
图7
八、用同样的方法,制作另一个按钮。
如图8所示。
图8
九、点击:
窗口——样式(快捷键为Shift+F11),打开样式面板,如图9所示。
图9
十、选择二个矩形(小提示:
按住Shift,可以多选),点击如图所示的样式(当然,读者也可以选择其它样式甚至自定义样式),如图10所示。
图10
十一、同时选择三张位图,如图11所示(选择技巧:
在层面板中,点击第一个位图层,再按着Shift点击最后一个位图层便可多选了)。
图11
十二、在选择三个位图层的状态下,点击帧面板中的分散到帧按钮,如图12所示的红色部分。
图12
十三、选择两个按钮,点击:
编辑——复制(快捷键为Ctrl+C),如图13所示。
图13
十四、在帧面板中选择帧1,并按Ctrl+V粘贴,如图14所示。
图14
十五、用同样的方法,在帧面板中选择帧2贴上按钮,如图15所示。
图15
十六、在工具箱中选择切片工具,如图16所示进行切片。
图16
十七、使用选择工具,将漫画切片中心拖拽到位图切片区,并在弹出的交换图像中选择帧3,如图17所示。
图17
十八、使用选择工具,将油画切片中心拖拽到位图切片区,并在弹出的交换图像中选择帧2,如图18所示。
图18
十九、最终完成,我们可以按F12在浏览器上看一下效果。
确定没有问题,便可导出html网页了。
如图19所示。
图19
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Fireworks 打造 按钮 图片 提示 效果