文/圖、RORY 撰
使用軟體、illustrator
一般在製作像桌面連結性圖案,或是網頁連網性圖案之背景圖時,有大部份會考量到載入的速度,如果檔案愈大,相對載入的速度就會愈慢。另外還得考慮到如連續性圖案製作成一般常用的大小640*480 ,或是 1024*768,而只要製作成無接縫的連續圖,就不用考慮到解析度大小的問題與檔案大小的問題了。
那先來試試看,如果去制作出一張不錯的無接縫圖,請先設定版面大小,因為是要製作成電腦上的用圖而己,色彩模式請設為RGB即可以,版面大小:200*200。(也可以自訂,不過等會了就去改吧!)
可以先放入先須要的素才,那就不用一個個的去做滙入的動作,置入的圖最好是有透明背景的(去背就要在PHOTOSHOP中製作)。
第一步開始囉!把其中一個素圖放在版面的邊綠上,要怎麼放都可以,不過記得是要放在四個角落其中一個,這裡我們先放在左上角處!
在做之前先記一下幾個快速鍵。
SHIFT+F8:變形面版(視窗工具)
CTRL+C:拷貝(網輯工具)
SHIFT+CTRL+V:原地貼上(網輯工具)
先使用CTRL+C:拷貝複製圖案,再使用SHIFT+CTRL+V:原地貼上,這樣子圖才不會變成只有一張在那移動而己。再打開SHIFT+F8:變形面版,這時圖案還是要在選取的狀態之下。接下來,就只要控制變形面版上的X與Y就好了。因為版面是設定200*200所以X與Y的值輸入要以200的數值下去做加減。
●左上
1.CTRL+C:拷貝
2.SHIFT+CTRL+V:原地貼上
3.X:加上200
●右上
1.CTRL+C:拷貝
2.SHIFT+CTRL+V:原地貼上
3.Y:加上200
●右下
1.CTRL+C:拷貝
2.SHIFT+CTRL+V:原地貼上
3.Y:減去200
再來做上下邊上的無接綘,上下一定是同一張圖。
●上
4.CTRL+C:拷貝
5.SHIFT+CTRL+V:原地貼上
6.Y:加上200
再來做左右邊上的無接綘,左右一定是同一張圖。
●右中
4.CTRL+C:拷貝
5.SHIFT+CTRL+V:原地貼上
6.X:加上200
而其餘沒切到的圖,放置的位子就由自己的喜好下去放就好了。
最後使用[檔案]\[儲存為網頁與裝置用]。輸出的格式最好為GIF或PNG,因為只有這兩個圖形格式有支援透明背景。
而怎麼去做測試呢?我們可以用最簡單的工具,WINDOWS卓面來做測試。在卓面上沒有圖示的地方,按下滑鼠的右鍵,會出現一個快速選單,使用選單的個人化(基本上應是在選單最下方)。
設定卓面背景,要使用並列顯示,選到所製作好的圖上即可。
完成了一張美美的無接縫背景圖了。
留言列表