当前位置:首页>网络学院>网页制作>Fireworks教程>文章内容

Fireworks MX教程(一)制作虚线

[ 来源:www.it55.com | 作者: | 时间:2007-07-12 | 收藏 | 推荐 ] 【


  操作步骤:

  1.启动Fireworks MX,新建一个文件,文件宽和高都设为200象素,也可以是任意大小,背景为白色。

  2.单击“工具”面板“矢量”部分的“线条”工具,并且按住键盘上的“Shift”键,在编辑区任意绘制一条直线。

  

Fireworks MX教程(一)<a href='/html/xueyuan/wangyezhizuo'><u>制作</u></a>虚线(图一)


  
Fireworks MX教程(一)<a href='/html/xueyuan/wangyezhizuo'><u>制作</u></a>虚线(图二)


  3.在“工具”面板的“选择”部分中选择“指针”工具,选中这条直线。

  
Fireworks MX教程(一)<a href='/html/xueyuan/wangyezhizuo'><u>制作</u></a>虚线(图三)


  4.单击“属性检查器”中的“描边种类”下拉框。 免费资源www.it55.com

  
Fireworks MX教程(一)<a href='/html/xueyuan/wangyezhizuo'><u>制作</u></a>虚线(图四)


  5.选中“笔触选项”。

  
Fireworks MX教程(一)<a href='/html/xueyuan/wangyezhizuo'><u>制作</u></a>虚线(图五)


  6.选择“铅笔”。

  
Fireworks MX教程(一)<a href='/html/xueyuan/wangyezhizuo'><u>制作</u></a>虚线(图六)


  7.选择“彩色铅笔”。

  
Fireworks MX教程(一)<a href='/html/xueyuan/wangyezhizuo'><u>制作</u></a>虚线(图七)


  8.在纹理中设置纹理为“0%”。

it55.com



  
Fireworks MX教程(一)<a href='/html/xueyuan/wangyezhizuo'><u>制作</u></a>虚线(图八)

  9.单击“高级”按钮。

  
Fireworks MX教程(一)<a href='/html/xueyuan/wangyezhizuo'><u>制作</u></a>虚线(图九)


  10.在“间距”项输入“200%”,注意这里是手工输入,这个步骤是产生虚线效果的关键。在网页设计中,也常采用“300%”这个值。其实到这一步,虚线已经做好了。

  
Fireworks MX教程(一)<a href='/html/xueyuan/wangyezhizuo'><u>制作</u></a>虚线(图十)


  11.在“形状”选项卡,如果不选中“正方形”,并且“大小”大于8,刷子尖端就显示为圆形。制作细虚线时需要选中“正方形”。刷子尖端也被称作笔触。 it55.com

  
Fireworks MX教程(一)<a href='/html/xueyuan/wangyezhizuo'><u>制作</u></a>虚线(图十)


  12.“大小”是用来设定刷子尖端的大小。网页制作中常选择“大小”为1来制作细虚线。

  
Fireworks MX教程(一)<a href='/html/xueyuan/wangyezhizuo'><u>制作</u></a>虚线(图十二)


  13.“方向”设置刷子尖端宽度。正圆或者正方形,选择“100”或者“0”。

  
Fireworks MX教程(一)<a href='/html/xueyuan/wangyezhizuo'><u>制作</u></a>虚线(图十三)

  14.“角度”只对正方形有影响。

  
Fireworks MX教程(一)<a href='/html/xueyuan/wangyezhizuo'><u>制作</u></a>虚线(图十四)
www.it55.com

  15.为了方便以后使用这种自定义的虚线笔触,需要把这些步骤保存为命令。选中“历史记录”面板中的描边。

  
Fireworks MX教程(一)<a href='/html/xueyuan/wangyezhizuo'><u>制作</u></a>虚线(图十五)


  16.点击将“步骤保存为命令”。

  17.在“保存命令”对话框中,输入名称。实例中输入“虚线”。

  
Fireworks MX教程(一)<a href='/html/xueyuan/wangyezhizuo'><u>制作</u></a>虚线(图十六)


  18.当需要应用虚线的时候,选择“命令”菜单下的“虚线”即可。

  
Fireworks MX教程(一)<a href='/html/xueyuan/wangyezhizuo'><u>制作</u></a>虚线(图十七)

(阅读次数:

返回顶部
 

网友评论

[以下评论为网友观点,不代表本站。请自觉遵守互联网相关政策法规,所有连带责任均有评论者自负。]
[不超过250字]