教你用Fireworks輕松繪制各種樣式的虛線

在網(wǎng)頁設(shè)計中通常的用的是實邊破折線。因為它和網(wǎng)頁CSS中border的dotted、dashed兩個參數(shù)效果相似。在制作網(wǎng)頁時,不需要導出切割圖片,而是用CSS定義。
但有時候需要效果,如:只是為了網(wǎng)頁而設(shè)計圖時;或是為了設(shè)計更有特色的網(wǎng)頁設(shè)計圖時。我們還需要用到其他的虛線。自帶的那些虛線怎么看都覺得不夠。下面我們介紹一些Fireworks繪制各種樣式虛線的方法和技巧。
方法一、畫一個1像素高的矩形(邊寬為0,填充所需色),然后給它添加紋理,紋理總量設(shè)為100%。
以下是一般可用的1像素高的紋理虛線效果圖:
(說明:高于1像素的要多一個步驟:按Ctrl Alt Shift Z把矩形轉(zhuǎn)換成位圖后,再把上面多余的黑色線刪除。)
其實還有許多紋理,你不妨都去試一下“餅干”、“點”這些都是有效果的。
假如要畫的不是橫線而是豎線,有三種方法:
1.選擇“水平線”等可以直接出現(xiàn)虛線的紋理;
2.轉(zhuǎn)成位圖,然后旋轉(zhuǎn)90度;
3.把矩形寬度用1個像素以上,直至出現(xiàn)虛線后,再轉(zhuǎn)位圖,去多余線。
方法二、同上畫一個矩形,然后在“填充-圖案-其他”中選擇自己畫好的線段,通常也是1像素高的gif文件,按你需要的虛線形式,用畫筆或是線段工具畫一個幾個像素寬的虛線。
要注重的是,按這個圖案填充的矩形,假如你覺得效果不滿足,想要改一下,也有兩個方法:
1.在FW中圖案真充是有一個填充拉伸桿的,拉伸這個桿,調(diào)整出你想要的效果;
2.假如填充桿依然要不到你想要的效果就改外部gif文件。但要另存為一個文件名,再在FW中把矩形的填充重新選一下。因為,你直接把填充外部文件的樣式改了后,F(xiàn)W文件中的填充矩形是不會跟著外部文件改的。
以上就是用Fireworks輕松繪制各種樣式的虛線方法介紹,希望對大家有所幫助!
相關(guān)文章
- firework輸入的文字可以根據(jù)需求添加一些效果,該怎么給文字添加字體傾斜效果呢?下面我們就來看看詳細的教程2024-05-23
fireworks淡化邊緣工具在哪里? fireworks輪廓虛化效果的實現(xiàn)方法
fireworks繪制的圖形輪廓線尖銳了,想要虛化一下,需要使用淡化邊緣工具,這個工具在哪?怎么使用呢?詳細請看下文介紹2024-05-23電腦怎么批量添加照片日期? Fireworks給電腦圖片批量添加日期的技巧
電腦怎么批量添加照片日期?電腦中圖片的名字想要添加日期,該怎么操作呢?下面我們就來看看Fireworks給電腦圖片批量添加日期的技巧2023-06-05fw怎么設(shè)計科技干的線條? fireworks混合路徑工具制作圖形的技巧
fw怎么設(shè)計科技干的線條?fireworks中想要畫曲線線條,我們需要用到混合路徑工具,下面我們就來看看fireworks混合路徑工具制作圖形的技巧2023-01-09Fireworks圖形怎么做高光? fw中幾種制作高光效果的方法
Fireworks圖形怎么做高光?Fireworks中想要做高光效果,有幾種方法可以添加高光?下面我們就來看看fw中幾種制作高光效果的方法2022-12-21fw圖片漸隱效果怎么做? Fireworks給圖片添加漸隱效果的技巧
fw圖片漸隱效果怎么做?fw中想要給圖片添加漸隱效果,該怎么添加這個效果呢?下面我們就來看看Fireworks給圖片添加漸隱效果的技巧,詳細請看下文介紹2022-11-28Fireworks如何給圖片添加陰影效果? fw給圖片增加陰影效果的技巧
Fireworks如何給圖片添加陰影效果?fw中導入的圖片想要給圖片中的圖形添加陰影,該怎么操作呢?下面我們就來看看fw給圖片增加陰影效果的技巧2022-11-28fw文字怎么添加內(nèi)陰影? Fireworks給字體添加陰影的技巧
fw文字怎么添加內(nèi)陰影?fw中輸入的文字想要添加陰影,該怎么添加內(nèi)陰影呢?下面我們就來看看Fireworks給文字添加陰影的技巧,詳細請看下文介紹2022-11-28Fireworks中如何創(chuàng)建蒙版以及使用? FW蒙版功能的使用技巧
Fireworks中如何創(chuàng)建蒙版以及使用?fw中想要使用蒙版制作一些效果,該怎么創(chuàng)建蒙版并使用呢?下面我們就來看看FW蒙版功能的使用技巧,詳細請看下文介紹2022-11-28