利用軟體製作獨特風格『 部落背景 上篇 』

2009022112:32

利用軟體製作獨特風格『 部落背景 上篇 』
 
 
 
之前因非常喜歡,玄音,所分享的伏筆,利用FrontPage(FP)製作網頁的工具,就能把美麗的網頁模板,全部下載至你的電腦,只要在套上文字,就是篇令人賞心悅目的網頁。但,琳,當時始終無法下載好這套軟體,進入外國的模版網頁,總是如走迷宮般,點一連結驚喜萬分,再點一連結,一個網頁比一個還美。當然囉!能用右鍵儲存的,我當然給它發揮到淋漓盡致,一一儲存。碰到鎖右鍵的,這時你會怎麼辦?唉!萬嘆!看得到吃不到。有嚕,這時琳,臨機一動,先用照相功能,先照下來再說吧!照下來的圖片,要如何的來當背景、標題、、、、部落,等等相關裝飾,往下探索,你就能明遼。

 
首先,要製作專屬又不能儲存的,
 
最基本的必須要有    這兩套軟體。
 
小畫家是我們照完相後,必要的軟體,G5軟體能合成、修補我們需要的圖檔。
 
Ok,準備好了沒,Go ↓
 
 
 
 
1→ 看上了喜愛的網頁後,利用鍵盤上的Print SysRq鍵
 
通常這個按鍵,都是在鍵盤右邊大家仔細找一下就會看到,
 
決定好了,你大概要照的範圍,輕輕按下Print SysRq鍵,再來先將網頁收到工具列。
 
 
2→ 開啟小畫家,點選左上角的編輯,出現選單,點選貼上
 
 
3→ 瞧瞧!背景是不是,已經帶回來了,這時不做任何修改,點選 →    檔案   →  另存新檔
 
 
4→ 打開G5軟體,點選左上角黃色資料夾,開啟圖像檔案,選擇剛剛照相儲存的圖片
 
 
現在我們已經將圖檔叫進來G5的工作檯上了,因為是照相取得,
 
所以會連工具列都給照下來,這時先把圖檔給縮小,
 
點按 → 1 選擇區工具─ 矩形 → 2 編輯 → 3 裁減畫布→ 4  裁減的範圍
 
 
第6個範例圖,大家可以很清楚的看到,我裁減好的圖檔,乾淨多了。
 
點左上角的檔案,打上檔案名稱,12345都可以,只要你記住存在哪?
 
 
接下來     1  點選 編輯﹝看看畫布的大小﹞ 寬度→992       高度→542
 
2  點左上角白色圖樣 → 新增  因為我們要製作的是大背景,所以這樣的寬高是不夠的,
 
琳的螢幕最佳解析度調在1024→768而你還要再扣除工具列、搜尋列,
 
經過多次測試後,如要製作大背景,寬度 調整至1005          高度 調整至620
 
這裡的調整你可以自己做個變化,因每個人螢幕最佳解析度規格有所不同
 
但有點,你必須知道,假如寬高不夠,製作出來的背景,套上語法用在部落可是會重疊顯示喔!
 
調整好畫布大小確定後,會出現3→ 儲存修改到? 按否
 
 
調整好背景尺寸,現在我們點選工具列的
 
新增→ 1  加入圖像  2→開啟  剛剛裁減好的背景圖,叫進來G5工作檯上
 
 
把圖樣縮小,觀看整體一下,1跟2的地方是不是 有空白呢?該怎麼辦?
 
 
利用複製的方式,將空白處給填滿
 
1 點按→ 矩形,畫出要複製的範圍
 
2 複製+貼上,左邊的是複製,右邊的是貼上,複製好後往下貼補
 
 
9→2這張範例圖,放大右上角部分,假如能直接複製貼上是
 
最快又相似的,不能複製貼上時又該怎麼辦?
 
這裡還有另一方式,利用1滴管2畫筆
 
 
修補跟填滿背景後,接下來就是把不要的給修飾掉,留下想要的部份
 
1→使用滴管點一下
 
2→使用畫筆,畫筆的大小、柔化邊緣,依需要自己做個調整嘿
 
其實這張背景經過修飾大概就完成了,可是我還想讓背景更不一樣耶!
 
3 → 檔案  →選擇 加入圖像
 
 
加入的圖像叫入工作檯了,我所加入的這張圖也是照相取得的,
 
所以它不透明,並且也跟我的背景顏色有點不同,如何去背只剩娃娃呢?
 
1 → 選擇區工具列──魔棒,點選娃娃要去背地方
 
2 → 擦除工具
 
 
背景完成了,經過魔棒的擦除,我將娃娃給擺在中間,是不是挺搭的
 
 
再來就是點選左上角 檔案 → 打上 檔案名稱 → 選擇儲存地方,最後按下儲存
 
 
範例13時,一切都完成了,但各位朋友,請看範例14,這裡有什不同
 
因,我們利用G5軟體製作的,儲存的是GIF圖像GIF是動畫圖的格式,
 
而我所做的是靜態背景﹝琳的背景不喜歡用動態,多少會拖垮網頁開啟數度﹞
 
用GIF儲存的檔案大小是171KB,然而,琳,再次的用小畫家↓
 
1 → 點選 檔案 2 → 打上名稱 選擇存檔類型jpg
 
這樣一來檔案大小變成 59.8KB,足足少了110.2KB
 
當然,假如你的背景製作過程中加入動態的素材,不想更改,那就是GIF檔,就不需再次的使用小畫家,儲存成jpg喔!
 

儲存的背景,上傳空間取得網址,套上以下語法↓
 
/*Background image for whole page部落固定背景*/
BODY {background: #000000 url(背景網址);background-attachment: fixed
}
 
 
以上就是 利用軟體製作獨特風格『 部落背景 上篇 』