:::

5-2 設計Banner

再來就是決定網站的寬度及Banner的高度,例如:我想把網站頁面固定為1000px居中,Banner高200,再來就使用繪圖軟體--Photoshop、Photoimpact或http://pixlr.com/線上修圖等來設計Banner

這一部份是參考吳弘凱老師的教材網的教材來寫的

站長最近買了一套photoimpact,所以就以這套軟體來示範:

1)建一個1020*210px或者1000*200px的空白圖,背景設為透明

 

2)使用「路徑繪圖工具」的圓角矩形工具,將顏色設定為白色,然後拖曳出Banner的範圍,接著設定其圓角程度為5並設定陰影。

在圖上按下滑鼠右鍵會出現快顯功能表,點選「對齊/水平置中」

 

3)接著一樣使用「路徑繪圖工具」的矩形工具,將顏色設定為橙色,然後拖曳出範圍,並設定置中。

 

4)將橙色的區域轉成「影像」:請先用選取工具(第一個箭頭工具)選取橙色,此時該區域會呈現傘閃動外框,點擊功能表的「物件/轉換物件類型/路徑轉成影像」。

 

5)使用填色工具的線性漸層來填色

 

6)建立一個5*5的黑底新圖,將圖放大到1200%,然後用畫筆工具畫出一條白色直線(白線、寬2、直線、柔邊0),如下圖

將此圖存成xxx.png格式的圖檔

 

7)選取原Banner的橙色部份,然後點擊功能表的「編輯/填充」,設定如下:

按下確定按鈕後就可以看到結果了