首页 | 互联网 | IT动态 | Cisco | Windows | Linux | Java | .Net | Oracle | 华为 | 存储世界 | 服务器 | 网络设备 | IDC | 安全 | 求职招聘
IT培训 | 数字网校 | 技术专题 | 电子书下载 | 教学视频 | 网页设计 | 平面设计 | 解决方案 | 直播室 | 虚拟考场 | 搜索 | 博客 | 沙龙 | 论坛
 Dreamweaver | Flash
 Fireworks  | Frontpage
 HTML/CSS  | Javascript
 Photoshop  | CorelDraw
 AuotoCAD   | Illustrator
 Freehand
 3DMax    | Authorware
 Director   | Maya
 PP点点通 | 迅雷 | BT
 eMule | FlashGet | Nero
 Ghost | Outlook | IE
 Maxthon | Office
 QQ | MSN | 网易泡泡
 Skype | 雅虎通 | 新浪UC

最新文章

您现在的位置: 中国IT实验室 >> 网页设计 >> Fireworks教程 >> Fireworks设计实例 >> 文章正文


Fireworks各种虚线的绘制


ChinaItLab收集整理  2008-1-28  佚名  保存本文  推荐给好友  收藏本站


◆ 网页平面多媒体培训、认证考试免费咨询热线:400-700-5807   进入网络咨询平台

  Fireworks中自带有虚线:三条破折线、加粗破折线、双破折线、基本破折线、实边破折线、点状线。

  在网页设计中,我通常的用的是实边破折线。因为它和网页CSS中border的dotted、dashed两个参数效果相似。在制作网页时,不需要导出切割图片,而是用CSS定义。

  但有时候需要效果,如:只是为了网页而设计图时;或是为了设计更有特色的网页设计图时。我们还需要用到其他的虚线。

  绘制自定义虚线有两种方法:

  方法一:画一个1像素高的矩形(边宽为0,填充所需色),然后给它添加纹理,纹理总量设为100%。

  以下是一般可用的1像素高的纹理虚线效果图:

  

  (说明:高于1像素的要多一个步骤:按Ctrl+Alt+Shift+Z把矩形转换成位图后,再把上面多余的黑色线删除。)

  其实还有许多纹理,你不妨都去试一下“饼干”、“点”这些都是有效果的。

  顺便介绍画竖线的方法:

  1>选择“水平线”等可以直接出现虚线的纹理;

  2>转成位图,然后旋转90度;

  3>把矩形宽度用1个像素以上,直至出现虚线后,再转位图,去多余线。

  方法二:同上画一个矩形,然后在“填充-图案-其他”中选择自己画好的线段

  通常也是1像素高的gif文件,按你需要的虚线形式,用画笔或是线段工具画一个几个像素宽的虚线。

  要注意的是,按这个图案填充的矩形,如果你觉得效果不满意,想要改一下,也有两个方法:

  1>在FW中图案真充是有一个填充拉伸杆的,拉伸这个杆,调整出你想要的效果;

[1] [2] 下一页  

【责编:Luzi】


 相关文章  推荐文章
Fireworks巧妙打造电视雪花动画
Fireworks做仿古信笺背景特效
Firewoks打造炫晕线条字体
Fireworks巧妙制作地球旋转动画
Firewoks打造液体金属表面特效
Fireworks制作立体质感3D水晶字
在Flash CS3中制作Fla形式的组件
Fireworks粒子插件帮助AE制作绚丽焰火
Fireworks笔触绘制飘逸的白云
fireworks打造"毁灭顶峰" 特效
  文章评论