疯丫潴潴
VIP
VIP
  • UID3
  • 注册日期2008-06-04
  • 最后登录2009-06-09
  • 粉丝9
  • 个人主页
  • QQ312481006
  • 影视币24枚
  • 影视点3652点
  • 影视贡献89点
  • 影视主宰0个
阅读:2722回复:1

[【分享】]Fireworks 中特別的虛線

楼主#
更多 发布于:2008-07-26 05:20
Fireworks中自帶有虛線:三條破折線、加粗破折線、雙破折線、基本破折線、實邊破折線、點狀線。
在網頁設計中,我通常的用的是實邊破折線。因為它和網頁CSS中border的dotted、dashed兩個參數效果相似。在製作網頁時,不需要導出切割圖片,而是用CSS定義。
但有時候需要效果,如:只是為了網頁而設計圖時;或是為了設計更有特色的網頁設計圖時。我們還需要用到其他的虛線。自帶的那些,怎麼看都覺得不夠是不是?

這裡有兩種方法:

一是,畫一個1像素高的矩形(邊寬為0,填充所需色),然後給它添加紋理,紋理總量設為100%。
以下是一般可用的1像素高的紋理虛線效果圖:

 

图片:4200672317146.gif



(說明:高於1像素的要多一個步驟:按Ctrl+Alt+Shift+Z把矩形轉換成位圖後,再把上面多餘的黑色線刪除。)
其實還有許多紋理,你不妨都去試一下「餅乾」、「點」這些都是有效果的。
如果要畫的不是橫線而是縱線的話方法也有三:
1.選擇「水平線」等可以直接出現虛線的紋理;
2.轉成位圖,然後旋轉90度;
3.把矩形寬度用1個像素以上,直至出現虛線後,再轉位圖,去多餘線。

二是,同上畫一個矩形,然後在「填充-圖案-其他」中選擇自己畫好的線段
通常也是1像素高的gif文件,按你需要的虛線形式,用畫筆或是線段工具畫一個幾個像素寬的虛線。
要注意的是,按這個圖案填充的矩形,如果你覺得效果不滿意,想要改一下,也有兩個方法:
1.在FW中圖案真充是有一個填充拉伸桿的,拉伸這個桿,調整出你想要的效果;
2.如果填充桿依然要不到你想要的效果就改外部gif文件。但要另存為一個文件名,再在FW中把矩形的填充重新選一下。因為,你直接把填充外部文件的樣式改了後,FW文件中的填充矩形是不會跟著外部文件改的。

  

图片:b2006723171414.gif


[img]http://www.bo-ran.com/attachment/7_3_633f5763e60fe18.gif[/img] 抬头,远望,低头,无语。 品味着幽幽墨香,埋头,沉思,真情,几许? 取出眼里的悲伤,藏进心爱的日记。世界,菩一花,一叶,提!
平平淡淡
论坛版主
论坛版主
  • UID15
  • 注册日期2008-06-05
  • 最后登录2011-01-12
  • 粉丝5
  • 个人主页
  • QQ35140622
  • 影视币12枚
  • 影视点801点
  • 影视贡献4点
  • 影视主宰0个
1#
发布于:2008-10-17 11:07
抬头,远望,低头,无语。
品味着幽幽墨香,埋头,沉思,真情,几许?
取出眼里的悲伤,藏进心爱的日记。世界,菩一花,一叶,提!  

很好,很强大。。。 。。。
上善若水,水利万物而不争
游客

返回顶部