精彩专题推荐:
建站之入门课
建站之必修课
建站之关键课
网站价值所在
流量提高专题
css+div 标准
个人网站打造全过程
网站搜索
收藏本站
联系我们
导航
:
建站首页
|
网站设计
|
网站开发
|
网站运营
|
网页软件
|
建站指南
|
搜索优化
|
图像处理
|
视频教程
|
书籍教程
|
建站专题
当前位置:
首页
>
图象处理
>
Fireworks教程
>正文
用fw制作一例滑动菜单
来源:建站学 时间:07-05-21 点击:
点击这里收藏本文
7。来让我们在这里创作按钮吧!用圆角矩形工具画下图,渐变见下图,边框为一个像素
8。然后复制这个图形去掉边框,调节大小使按钮有凸出的感觉
9。现在我们来做下面那个三角形我用的是路径。
(1)在刚才那个图形的上面点右键选折取消组合
(2)选折钢笔工具在下面路径加三个节点见下图
选择白箭头工具,向下拖拉中间的节点成三角型
(3)写上文字
(4)到这里其实我们直径完成了70%的工作量。不急往下看
看见元件编辑区这里的滑过,按下。。。。。。
分别点击滑过,按下。。。。
并且每步都要选者复制弹起时的图形,这个在什么地方见下图
如果还找不到的话,你就睁大眼睛使劲找了!呵呵
(5)这里先不急着点完成,而是先回到释放状态下把按钮的背景图形删除,不要把文字也删了啊!
(6)点完成
10。呵呵现在我们又回到场景下,按F11打开库面板拖出按钮从库里
11。你可以根据你要做的数目拖出你需要的按钮数
12。分别选择按钮,在属性栏输入不同的文字
13。调节好按钮之间的距离
14。选择“文件”---》“导出”
这里一定要选择“将图像防入字文件夹",要不你的图片就到出是了
好了用浏览器看下是不是可以了
当然你还可以倒到DW处理下代码,我这里就不说了
9
7
3
1
2
4
8
:
把此文章收藏到:
相关教程
·
教你用Fireworks合成图片做宣传
·
Fireworks教程:“道”字桌面的
·
Fireworks制作涂鸦效果
·
Fireworks 简单且强大的涂抹工
·
Fireworks制作X-ray暗黑中的花
·
Fireworks用陨石背景打造飞火连
·
Fireworks锐化马赛克效果
·
Fireworks运用笔触制作飘逸白云
·
Fireworks制作动态banner实例教
·
FireWorks绘制水晶质感的文件夹
·
Fireworks制作蝴蝶翻飞巧写书法
·
Fireworks绘制一把精致逼真的刀
·
Fireworks滤镜制作血滴喷溅效果
·
Fireworks制作书本效果
·
Fireworks快速制作老照片效果
广而告之
文章搜索
Google
JZxue.Com
最新文章
网站推广—网站建设的关键课
吸引访客,做内容有价值的网
关于Photoshop直方图的详细
网站策划,B2B网站策划者应
Web标准网站开发人员配备
便宜/廉价的网站推广方式
写给做BBS的新站长
行为经济学在网站运营中的
漫谈网站改版的必要性
网站策划需要具备的知识
外贸网站建设全攻略
CSS让网页更容易设计与维护
和马云学习如何做网站推广
推荐导读
优秀个人网站打造全过程
如何策划网站?
wap建站入门教程
以这种方式做网站肯定会失败
Photoshop用另类方法打造水彩效果
FireWorks教程:DIY树叶笔触画一棵树
用Photoshop制作非主流风格MM秀亮的脸蛋
网站制作过程中把握的几点
Photoshop处理唯美照片效果和边框的制作
使用Fireworks 8制作网页效果图
如何在国外进行域名的注册?
简单的CSS改进网站设计的三个技巧
CSS制作的标准的 非侵入的页签切换效果
热门排行
如何制作网页(网页制作实
如何选择网页制作工具
下载安装Dreamweaver8
制作主页前的准备
垃圾站全教程--之一(新手上
怎样个人网页制作,制作个人
制作模板
在Dreamweaver设置站点
制作首页
网站设计65条原则
规划站点
中国所有银行的BIC code(即
个人主页制作完全手册
关于我们
|
联系我们
|
友情链接
|
网站地图
Copyright © 2005 - 2006
建站学
All rights reserved.