深入解讀-6種方法來制作網(wǎng)頁橫幅

深入解讀-6種方法來制作網(wǎng)頁橫幅

網(wǎng)頁橫幅是我們都比較熟知的，它一般出現(xiàn)在網(wǎng)頁的頂端，上面有公司的名稱及標(biāo)識，也可能就是以廣告形式出現(xiàn)，商業(yè)網(wǎng)站的橫幅往往兼有標(biāo)明公司名稱及做廣告的作用。網(wǎng)頁橫幅必須包含必要的信息，設(shè)計新穎、有魅力，這樣就能吸引訪問網(wǎng)站的用戶了。好了，接下來就來教你如何制作網(wǎng)頁橫幅吧。步驟方法1用Photoshop制作1新建。設(shè)置橫幅尺寸，一般網(wǎng)頁橫幅都有標(biāo)準(zhǔn)的尺寸。[1]本指南將以468像素*60像素的“全幅橫幅”為例：注意：以上尺寸雖是標(biāo)準(zhǔn)尺寸，但也不一定非要按照這個尺寸做，你也可以按照自己的需求來改變尺寸。2填充背景圖層。選擇一種與網(wǎng)頁風(fēng)格搭配的顏色填充背景圖層。點擊前景色，彈出顏色選擇器，然后填充。選擇“油漆桶”，用所選顏色填充背景圖層。3新建圖層。這一圖層要用更飽滿的顏色來填充，以突出文本及標(biāo)識。這一圖層大小要與原圖層成比例，并且居中。在新圖層中建立一個比原圖層稍微小一點的選區(qū)，然后用你所選的顏色填充。居中選區(qū)。按Ctrl+A（PC機）或Command+A（Mac）選中整個圖層。然后在圖層菜單中，選擇“將圖層與選區(qū)對齊”-“垂直居中”；然后再選中圖層，點擊圖層-將圖層與選區(qū)對齊-水平居中。這樣新圖層就在原圖層的正中間了。4添加標(biāo)識。打開標(biāo)識文件，復(fù)制，然后直接粘貼到正在編輯的橫幅文件中，標(biāo)識就會以新圖層的形式出現(xiàn)。必要的話，調(diào)整一下圖層大小。按住Ctrl+T（PC機）或Command+T（Mac），然后拖動手柄調(diào)整圖層大小，按住shift可按比例調(diào)整大小。5添加公司或網(wǎng)站名稱。選擇文本工具，選擇你喜歡的字體，然后輸入文字。如果大小需要調(diào)整，就參考上一步中的方法。6添加其他元素。有的橫幅有了標(biāo)識及名稱就足夠了，但有的卻需要添加一些廣告語或裝飾物來提高其吸引力。添加這些元素的時候，要新建一個圖層，這樣一旦需要修改，就不必動原來的圖層了。7調(diào)整位置。調(diào)整標(biāo)識、名稱及其他元素的位置，然后保存。方法2用畫圖制作1新建。2拉出橫幅大小的選區(qū)，尺寸自定，也可以參照[1]的標(biāo)準(zhǔn)尺寸。3如果你想為背景填充顏色，就選擇“油漆桶”工具，然后填充你喜歡的顏色。當(dāng)然所選顏色要與網(wǎng)頁風(fēng)格匹配。4添加圖片及文本。點擊粘貼選項卡，然后在菜單中選擇粘貼來源.找到你想要的圖片，最后點擊打開按鈕。5調(diào)整圖片大小。單擊重新調(diào)整大小選項卡，然后點選像素，然后設(shè)置圖片高度，使之與橫幅大小相稱。將圖片移動到合適的位置。圖片可以盡你高興任意添加（當(dāng)然仍然要注意其與網(wǎng)站風(fēng)格的一致性）。6添加你的簽名。用文本工具（即A字按鈕）添加自己的簽名或其他文字。7裁剪橫幅。用選擇工具在橫幅周圍拉一個選區(qū)，大小就是橫幅最終的大小，然后點擊裁剪。8完成后保存。方法3用Powerpoint制作1新建空白演示文稿。將視圖調(diào)整為100%。2繪制背景。橫幅大小可選擇標(biāo)準(zhǔn)尺寸[2]，也可自定。單擊形狀選項卡，選擇長方形。畫出既定尺寸的長方形，然后填充顏色。你可以采用默認色，也可以從“形狀填充”或形狀效果菜單中選擇，還可以在快速風(fēng)格中選擇一種預(yù)設(shè)的風(fēng)格。3添加圖片或標(biāo)識。現(xiàn)在，你就可以在橫幅上添加照片、標(biāo)識及圖像了，這里將以剪貼畫為例。點擊“圖像”按鈕，選擇你想要的圖像類型，然后添加圖片，調(diào)整圖片大小，最后移動到合適的位置。4添加文本及其他元素。添加公司名稱、宣傳詞及其他你所需的信息。5選中橫幅。在編輯菜單中，選擇全選，或按快捷鍵Ctrl+A（PC機）或Command+A（Mac）。重要提示：確保橫幅已經(jīng)繪制完成，而且幻燈片上沒有多余的東西。橫幅上所有非文本的對象都要右鍵點擊“另存為圖片”保存起來。6保存橫幅。再打開，看看是不是你想要的效果，然后應(yīng)用到網(wǎng)頁上去吧。方法4用在線橫幅生成器制作1請先登錄以下網(wǎng)站：BannersABC.com、A及等等（谷歌上可以搜到更多）。網(wǎng)上有各種各樣的橫幅生成器，花點時間比較不同生成器的效果，選擇你最中意的使用。2添加文本及圖片。根據(jù)網(wǎng)頁上的提示及方法一步步制作橫幅，這些網(wǎng)站上一般都會有現(xiàn)成的圖片供你選擇，當(dāng)然你也可以導(dǎo)入你自己制作的圖片。3生成橫幅。橫幅制作完成后，網(wǎng)站上一般都會有導(dǎo)出的功能，讓你將橫幅保存到指定的文件夾或目錄下，同時還能選擇保存的圖片格式（一般存為jpeg）。根據(jù)網(wǎng)站上的指示進行保存、下載，然后應(yīng)用到自己的網(wǎng)頁上。方法5制作一個與橫幅匹配的頭像1這一步不是必要的。但是，如果你是在論壇上應(yīng)用橫幅，那么最好要有一個與之匹配的頭像。2選擇“裁剪”工具。大多數(shù)圖像處理軟件上都有裁剪的功能。將橫幅裁剪成一張小圖。另外，你也可以重新設(shè)計一張尺寸較小，但是包含橫幅中某些對象的圖片?？梢灾挥幸粋€標(biāo)識、一張圖片或是一個公司名稱。關(guān)鍵是要讓人一眼就認出其所代表的組織。3頭像要小。頭像的標(biāo)準(zhǔn)尺寸是48像素*48像素。4保存頭像。方法6將橫幅添加到論壇簽名檔或網(wǎng)頁等處1注冊賬號。在一些分享圖片的網(wǎng)站上注冊一個賬號，如Photobucket、Flickr、Tumblr等等。注冊完成后，上傳橫幅、頭像等相關(guān)圖片。2獲取代碼。運用網(wǎng)站上的分享功能獲取HTML代碼，將橫幅添加到你的論壇簽名檔、網(wǎng)頁等上面。小提示計算機上要多安裝些字體。熟能生巧。多逛逛論壇、網(wǎng)站等等，看看人家的橫幅是怎么做的。警告做橫幅需要大量的時間及耐心。最好將橫幅存為24位位圖，然后再分別以Jpeg及Gif格式保存一份