DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> Fireworks常見問題解答(5)
Fireworks常見問題解答(5)
編輯:Fireworks基礎     
 

24.如何制作無縫平鋪的背景圖案?

  制作新圖案填充過程中最大的問題就是如何使圖片拼接時無縫當FW在填充大於圖案圖片的區域時,將圖案圖片重復平鋪,直到充滿整個對象。如果圖片使用了哪怕最小的邊框,在重復拼接之後就非常明顯;在大多數時候,這種情況是不滿足要求的,有幾種方法可以避免這種接縫的出現。

  首先,最簡單的方法就是不要將圖形無素放到圖案圖片的邊緣。這就使得各個圖片的畫布(或者是背景顏色)可以平滑混合。

  當然,許多情況下圖片已經覆蓋了整個背景,畫布的顏色完全被遮蓋住。對這種類型的圖形要轉換為圖案的時候,必須進行一定的圖片編輯工作,以保證邊緣消除。很幸運,fw 具有足夠的圖形編輯能力來完成這種操作。平鋪放置圖片的時候,圖片的各個邊都將與另外的圖片連接要消除所有的邊界,必須模擬一個平鋪後的圖案,然後對圖片的邊緣進行混合,從而消除邊界。下面是在fw中對圖案邊緣進行平滑處理的操作步驟:

  1、打開要轉換為圖案的圖片文件。

  2、選擇圖片的某一部份作為圖案的基礎部分。使用掃描圖片或者其他圖形的一部份作為圖案是一種常規方法。首先決定圖案的大小(128*128就是不錯的選擇),然後通過選項面板使用marquee(選框)工具的fixed size功能設置相應的尺寸。這樣就可以方便地使用預設的選框,並且可以靈活地在圖形中移動,從而定位所需的部份。

  3、選擇菜單命令edit->copy拷貝選擇的區域。

  4、選擇菜單命令file->new創建一個新的文檔。該文檔應該至少是所選圖片的三倍以上。如果選擇128象素的正方形圖片,那麼新文檔的最小尺寸為384*384。

  5、為了准確定位,可以選擇菜單命令vIEw->grid option->edit grid來將網格線的尺寸設置為所選圖片的尺寸,並且選中show grid和snap to grid選項。

  6、選擇菜單命令edit->paster,將剪貼板中的內容粘貼到文檔的左上角。

  7、使用alt+拖動方法復制圖片,將復制的圖片放到第一幅圖片的右邊。

  8、重復第7步兩次,在前兩幅圖片的下面再粘貼兩幅圖片。

  9、關閉網格線顯示,關閉snap to grid選項

  10、選擇所有四幅圖片,使用命令modify->merge images。這一步是必須的,因為這種技術的核心是使用像皮圖章工具,這個工具只能對於圖片對象操作。由於使用命令之前選擇了所有圖片,所以四幅圖片被合並到一個圖片之中。

  11、從工具箱中選擇橡皮圖章工具

  12、首先處理左右兩邊圖片之間垂直方面上的接縫。在邊緣附近某一側離邊緣幾個象素的地方點下橡皮圖章源點,從左到右拖過邊緣(或者從右到左,這取決於橡破圖章的源點在邊緣的哪一邊),將一個圖片的邊緣擴展到另一個圖片的邊緣。

  從上到下處理完垂直接縫,有時需要切換方向和源點以便改變模糊操作方式,可以按住alt鍵重新設置橡皮圖章工具源點的位置。如果有必要,可以在選項面板中將橡皮圖章工具選項設置為最柔和的邊緣。

  13、在對垂直接縫進行模糊處理結束之後,按此法對水平接縫進行模糊處理,根據需要改變橡皮圖章的方向。

  當完成垂直方向和水平方向的接縫模糊處理之後,應該得到無縫圖案,這一步完成之後,就可以復制圖片的某一部分用於圖案了。

25.Fireworks中如何在不同的圖中使用同一種切割方法?

  拷貝WEB層,把別的層鎖定,全選拷貝,打開另一個圖,粘貼就可以了。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved