转至繁体中文版　　　  | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告：     敏韬网|教学资源学习资料永久免费分享站！  [mintao  2008年9月2日]        
您现在的位置： 学习笔记 >> 图文教程 >> 站长学院 >> 网页制作 >> 正文
用Fireworks MX制作Mac风格边框    热     ★★★★

用Fireworks MX制作Mac风格边框

作者：闵涛 文章来源：闵涛的学习笔记 点击数：773 更新时间：2009/4/23 13:15:23
　　以前大家常用线条来表现浅浮雕效果，现在我们在Fireworks MX(以下简称FW MX)里可以用效果(Effect)面板来轻松制作。
　　如下图（Png源图）则是用线条来制作的一个Mac风格的边框，我们用FW MX打开源文件就会发现制作比较繁琐，有没有简单的方法来制作呢？答案是肯定的，方法就是用效果(Effect)面板！本例用来说明用FW MX制作边框的过程，希望能为FW MX爱好者提供一个新的思路。

　　一、边框制作
　　1.打开FW MX，建立一个340X110的新文件。
　　2.从工具栏中选择“矩形”工具或按快捷键（U），画一个328X98，填充色为（#CECFCE）无边框的矩形（以下如无说明，所画矩形都为无边框）。
　　3.要想达到如下图所示的图形时，必须要使用菜单栏：修改==>组合路径==>打孔和联合来制作了。

　　按U键画一个320X73的矩形，填充为黑色。移动至合适的位置，本例中为距左4PX，距下为5PX。同时选中两个矩形，使用打孔命令，但得到了效果和我们要求的图形还是有差别的，没关系，画一个18X18的矩形，置于右下角，菜单栏：修改==>组合路径==>联合就得到了我们要求的图形。
　　4.选定所生成的图形，按Ctrl+Shift+D或菜单栏：编辑==>克隆，选中效果面板：阴影和光晕==>发光，设置如下图：

　　设于第三步生成的图层下面，我们的图形不是有了一个好看的边框呀，这样做比只用一个图层来制作有更大的灵活性。
　　5.选中第三步中生成的图形，选中效果面板：阴影和光晕==>内侧阴影，填充色为（#F0F0F0）设置如下图：

　　选中效果面板：阴影和光晕==>内侧阴影，填充为（#ADADAD）设置如下图：

　　注意图中的角度，第一次为315，第二次为135，最后我们得到的就是一个有浮雕效果的合成路径了吧，现在知道为何要用两次内侧阴影了吧。效果如下图：

　　二、小按钮的制作
　　根据刚才制作的方法，我们来制作一下旁边的小按钮和线条，最后可以得到如下图的小按钮（下图放大300%）

　　加以改动就可以得到新的小按钮吧。

　　线条的制作就很容易了，画一270X12的矩形，放置到合适位置，设置如下，就OK了。

　　用线条画出右下角的装饰线，按（Ctrl+G）组合一下。

　　三、背景
　　1.画一矩形置于所有图层下面，填充为（#FF9900）放置于合适位置，设置如上图，只不过填充纹理里把“水平线4”改为“网格线1”就OK。
　　2.添上合适的文字，最后效果如下图（Png源图）：

　　同样的效果可以有不同的制作步骤，大家如果觉得这种方法比较简单，修改也方便，可以自己动手试一下。


[常用软件]解除上网限制 IP和MAC捆绑的破解方法  [网页制作]用Fireworks 4.0制作旋转文字动画
[网页制作]用Fireworks MX制作Maya BBS Id Card  [网页制作]Fireworks版MAC文字效果教程
[网页制作]用Fireworks MX做锯齿花边  [网页制作]用Fireworks MX制作邮票---玛雅教程
[网页制作]用Fireworks制作MAC风格按钮  [网页制作]用Fireworks MX的变形工具制作大脚印图标
[网页制作]用Fireworks MX制作立体感相片  [网页制作]Fireworks MX打造MAC水晶球特效
教程录入：mintao    责任编辑：mintao 
  • 上一篇教程：

  • 下一篇教程：
    • 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】
    　 注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！ 本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]
    　　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）
    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
    		•
    赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题，因而无法显示。
    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright ＠ 2007-2012 敏韬网(敏而好学，文韬武略--MinTao.Net)（学习笔记） Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长：MinTao ICP备案号：鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网。A打造B、C、D……
    		咸宁网络警察报警平台