注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> Fireworks >> 设计实例 >> 网页设计正文

Fireworks中各种虚线的绘制方法

文章来源:中国IT实验室收集整理 作者:佚名 更新时间:2008-1-30 21:18:42 【 】 【加入收藏
  进入网络咨询平台

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

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

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

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

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

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

  

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

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

  顺便介绍画竖线的方法:

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

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

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

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

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

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

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

  进入网络咨询平台


  2>如果填充杆依然要不到你想要的效果就改外部gif文件。但要另存为一个文件名,再在FW中把矩形的填充重新选一下。因为,你直接把填充外部文件的样式改了后,FW文件中的填充矩形是不会跟着外部文件改的。

  

  外部gif文件,注意,右边要留出2像素的白色空间

  填充拉杆的两种不同效果:

  

  前面的黑圆点是填充的起点,后面的黑方框是填充拉伸距离。

  • 上一篇网页设计:

  • 下一篇网页设计: 没有了
  • 最 新 热 门
     SWFText轻松制作Flash贺卡
     符合web标准的网页中调用Flash的方法
     数据库生成xml的简单方法
     Fireworks中各种虚线的绘制方法
     Fireworks教程:绘制小老鼠图案邮票
     Javascript教程:实用的JS函数库
     JS和CSS实现的气泡窗口
     不用组件实现Ajax效果
     网页设计经验和技巧总结
     网页制作应注意的几个事项
    最 新 推 荐
     Fireworks中各种虚线的绘制方法
     Fireworks教程:绘制小老鼠图案邮票
     Fireworks教程:简单制作网站Logo
     Fireworks巧妙打造电视雪花动画
     Fireworks做仿古信笺背景特效
     Fireworks折叠渐变制作电视雪花动画
     Firewoks打造炫晕线条字体
     Fireworks制作RockWave摇滚波字体
     Fireworks巧妙制作地球旋转动画
     Fireworks教程:液体金属表面特效制作
    相 关 文 章

    Fireworks教程:绘制小老鼠图案邮票
    Fireworks教程:简单制作网站Logo
    Fireworks巧妙打造电视雪花动画
    通过Dreamweaver学习了解CSS
    Fireworks做仿古信笺背景特效
    Fireworks折叠渐变制作电视雪花动画
    Firewoks打造炫晕线条字体
    Fireworks制作RockWave摇滚波字体
    Firewoks打造液体金属表面特效
    Fireworks制作立体质感3D水晶字

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用