close

 


 


















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

 

 

 

之前因非常喜歡,玄音,所分享的伏筆,利用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
}

 

 

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

  



arrow
arrow
    全站熱搜
    創作者介紹
    創作者 Mapin-cloth 的頭像
    Mapin-cloth

    ω。艾媽の手作 Mapin-cloth 小舖。ω

    Mapin-cloth 發表在 痞客邦 留言(0) 人氣()