如何製作網頁橫幅

目錄

方法1：用Photoshop製作1、新建。2、填充背景圖層。3、新建圖層。4、添加標識。5、添加公司或網站名稱。6、添加其他元素。7、調整位置。方法2：用畫圖製作1、新建。2、拉出橫幅大小的選區，尺寸自定，也可以參照[1]3、如果你想為背景填充顏色，就選擇"油漆桶"工具，然後填充你喜歡的顏色。4、添加圖片及文本。5、調整圖片大小。6、添加你的簽名。7、裁剪橫幅。8、完成後保存。方法3：用Powerpoint製作1、新建空白演示文稿。2、繪製背景。3、添加圖片或標識。4、添加文本及其他元素。5、選中橫幅。6、保存橫幅。方法4：用在線橫幅生成器製作1、請先登錄以下網站：BannersABC.com、Addesigner.com及mybannermaker.com等等（谷歌上可以搜到更多）。2、添加文本及圖片。3、生成橫幅。方法5：製作一個與橫幅匹配的頭像1、這一步不是必要的。2、選擇"裁剪"工具。3、頭像要小。4、保存頭像。方法6：將橫幅添加到論壇簽名檔或網頁等處1、註冊賬號。2、獲取代碼。網頁橫幅是我們都比較熟知的，它一般出現在網頁的頂端，上面有公司的名稱及標識，也可能就是以廣告形式出現，商業網站的橫幅往往兼有標明公司名稱及做廣告的作用。網頁橫幅必須包含必要的信息，設計新穎、有魅力，這樣就能吸引訪問網站的用户了。好了，接下來就來教你如何製作網頁橫幅吧。

方法1：用Photoshop製作

1、新建。設置橫幅尺寸，一般網頁橫幅都有標準的尺寸。 本指南將以468像素*60像素的"全幅橫幅"為例：注意：以上尺寸雖是標準尺寸，但也不一定非要按照這個尺寸做，你也可以按照自己的需求來改變尺寸。

2、填充背景圖層。選擇一種與網頁風格搭配的顏色填充背景圖層。點擊前景色，彈出顏色選擇器，然後填充。

選擇"油漆桶"，用所選顏色填充背景圖層。

3、新建圖層。這一圖層要用更飽滿的顏色來填充，以突出文本及標識。這一圖層大小要與原圖層成比例，並且居中。在新圖層中建立一個比原圖層稍微小一點的選區，然後用你所選的顏色填充。

居中選區。按Ctrl+A（PC機）或Command+A（Mac）選中整個圖層。

然後在圖層菜單中，選擇"將圖層與選區對齊"-"垂直居中"；然後再選中圖層，點擊圖層-將圖層與選區對齊-水平居中。這樣新圖層就在原圖層的正中間了。

4、添加標識。打開標識文件，複製，然後直接粘貼到正在編輯的橫幅文件中，標識就會以新圖層的形式出現。必要的話，調整一下圖層大小。按住Ctrl+T（PC機）或Command+T（Mac），然後拖動手柄調整圖層大小，按住shift可按比例調整大小。

5、添加公司或網站名稱。選擇文本工具，選擇你喜歡的字體，然後輸入文字。如果大小需要調整，就參考上一步中的方法。

6、添加其他元素。有的橫幅有了標識及名稱就足夠了，但有的卻需要添加一些廣告語或裝飾物來提高其吸引力。添加這些元素的時候，要新建一個圖層，這樣一旦需要修改，就不必動原來的圖層了。

7、調整位置。調整標識、名稱及其他元素的位置，然後保存。

方法2：用畫圖製作

1、新建。

2、拉出橫幅大小的選區，尺寸自定，也可以參照[1]的標準尺寸。

3、如果你想為背景填充顏色，就選擇"油漆桶"工具，然後填充你喜歡的顏色。當然所選顏色要與網頁風格匹配。

4、添加圖片及文本。點擊粘貼選項卡，然後在菜單中選擇粘貼來源.找到你想要的圖片，最後點擊打開按鈕。

5、調整圖片大小。單擊重新調整大小選項卡，然後點選像素，然後設置圖片高度，使之與橫幅大小相稱。將圖片移動到合適的位置。

圖片可以盡你高興任意添加（當然仍然要注意其與網站風格的一致性）。

6、添加你的簽名。用文本工具（即A字按鈕）添加自己的簽名或其他文字。

7、裁剪橫幅。用選擇工具在橫幅周圍拉一個選區，大小就是橫幅最終的大小，然後點擊裁剪。

8、完成後保存。

方法3：用Powerpoint製作

1、新建空白演示文稿。將視圖調整為100%。

2、繪製背景。橫幅大小可選擇標準尺寸，也可自定。單擊形狀選項卡，選擇長方形。

畫出既定尺寸的長方形，然後填充顏色。你可以採用默認色，也可以從"形狀填充"或形狀效果菜單中選擇，還可以在快速風格中選擇一種預設的風格。

3、添加圖片或標識。現在，你就可以在橫幅上添加照片、標識及圖像了，這裏將以剪貼畫為例。點擊"圖像"按鈕，選擇你想要的圖像類型，然後添加圖片，調整圖片大小，最後移動到合適的位置。

4、添加文本及其他元素。添加公司名稱、宣傳詞及其他你所需的信息。

5、選中橫幅。在編輯菜單中，選擇全選，或按快捷鍵Ctrl+A（PC機）或Command+A（Mac）。重要提示：確保橫幅已經繪製完成，而且幻燈片上沒有多餘的東西。橫幅上所有非文本的對象都要右鍵點擊"另存為圖片"保存起來。

6、保存橫幅。再打開，看看是不是你想要的效果，然後應用到網頁上去吧。

方法4：用在線橫幅生成器製作

1、請先登錄以下網站：BannersABC.com、Addesigner.com及mybannermaker.com等等（谷歌上可以搜到更多）。網上有各種各樣的橫幅生成器，花點時間比較不同生成器的效果，選擇你最中意的使用。

2、添加文本及圖片。根據網頁上的提示及方法一步步製作橫幅，這些網站上一般都會有現成的圖片供你選擇，當然你也可以導入你自己製作的圖片。

3、生成橫幅。橫幅製作完成後，網站上一般都會有導出的功能，讓你將橫幅保存到指定的文件夾或目錄下，同時還能選擇保存的圖片格式（一般存為jpeg）。根據網站上的指示進行保存、下載，然後應用到自己的網頁上。

方法5：製作一個與橫幅匹配的頭像

1、這一步不是必要的。但是，如果你是在論壇上應用橫幅，那麼最好要有一個與之匹配的頭像。

2、選擇"裁剪"工具。大多數圖像處理軟件上都有裁剪的功能。將橫幅裁剪成一張小圖。另外，你也可以重新設計一張尺寸較小，但是包含橫幅中某些對象的圖片。可以只有一個標識、一張圖片或是一個公司名稱。關鍵是要讓人一眼就認出其所代表的組織。

3、頭像要小。頭像的標準尺寸是48像素*48像素。

4、保存頭像。

方法6：將橫幅添加到論壇簽名檔或網頁等處

1、註冊賬號。在一些分享圖片的網站上註冊一個賬號，如Photobucket、Flickr、Tumblr等等。註冊完成後，上載橫幅、頭像等相關圖片。

2、獲取代碼。運用網站上的分享功能獲取HTML代碼，將橫幅添加到你的論壇簽名檔、網頁等上面。

小提示

計算機上要多安裝些字體。

熟能生巧。

多逛逛論壇、網站等等，看看人家的橫幅是怎麼做的。

警告

做橫幅需要大量的時間及耐心。

最好將橫幅存為24位位圖，然後再分別以Jpeg及Gif格式保存一份，因為Jpeg及Gif格式的圖片可以添加隨機模糊的效果。

將圖片上載至Photobucket時要注意，用Powerpoint製作的EMF格式文件是無法識別的。你可以重新打開文件，另存為JPEG或GIF格式，這樣就能成功上載了。