Photoshop 制作網(wǎng)站468*60 Banner教程
發(fā)布時間：2009-10-22 22:46:32 作者：佚名 
我要評論
我要評論本Photoshop實例教程為大家?guī)砭W(wǎng)站橫條廣告的制作教程，制作過程中主要應用漸變、蒙板、鋼筆等工具，希望大家喜歡！
先看效果：
最終效果
1、打開Photoshop CS3軟件，執(zhí)行菜單：“文件”／“新建”（快捷鍵Ctrl+N），彈出新建對話框，設置名稱：橫幅廣告制作，寬度：468像素，高度：60像素，分辨率：72像素／英寸，顏色模式：RGB顏色、8位，背景內(nèi)容：白色，設置完畢后單擊確定按鈕，如圖1所示。
圖1
2、在圖層控制面板擊新建圖層按鈕，新建一個“背景”，選擇工具箱漸變工具（快捷鍵G），在工具選項欄中設置為線性漸變，然后點按可編輯漸變，彈出漸變編輯器。雙擊如圖2中的A處，設置色彩RGB分別為190、243、255。再雙擊圖2中所示的B處，設置白色，單擊確定按鈕，如圖2所示。效果圖如圖3所示。
圖2
圖3
3、單擊工具箱中的橫排文字工具 ，輸入pconline，然后按Ctrl+T切換字符和段落面板，設置字體：方正綜藝簡體，大?。?0點，顏色：藍色，設置消除鋸齒的方法：渾厚，如圖4所示。
圖4
4、選擇pconline圖層，右擊pconline圖層，選擇混合選項，進入到圖層樣式，勾選漸變疊加選項，雙擊漸變彈出漸變編輯器，雙擊如圖的A處，設置色彩RGB分別為11、66、179,再雙擊圖中所示的B處，設置色彩RGB分別為35、100、231，再雙擊圖中所示的C處，設置色彩RGB分別為70、192、255，再雙擊圖中所示的D處，設置色彩RGB分別為138、237、255，再雙擊圖中所示的E處，設置色彩RGB分別為103、220、253，單擊確定按鈕，接著按鍵盤Shift不放結(jié)合鼠標從上到下拉下，給漸變效果，如圖5所示。效果圖如圖6所示。
圖5
圖6
5、在圖層控制面板中選擇pconline圖層，按住Alt不放，用鼠標左鍵拖動出pconline副本圖層，按快捷鍵Ctrl+T，將副本圖層進行倒立，接著給pconline副本圖層添加一個蒙板，點擊漸變工具，給pconline副本圖層添加漸變，如圖7所示。
圖7
6、在圖層面板上單擊創(chuàng)建新圖層按鈕 ，新建一個圖層12，再用鋼筆工具，畫出一個不規(guī)則的形狀，如圖8所示。
圖8
最終效果
1、打開Photoshop CS3軟件，執(zhí)行菜單：“文件”／“新建”（快捷鍵Ctrl+N），彈出新建對話框，設置名稱：橫幅廣告制作，寬度：468像素，高度：60像素，分辨率：72像素／英寸，顏色模式：RGB顏色、8位，背景內(nèi)容：白色，設置完畢后單擊確定按鈕，如圖1所示。
圖1
2、在圖層控制面板擊新建圖層按鈕，新建一個“背景”，選擇工具箱漸變工具（快捷鍵G），在工具選項欄中設置為線性漸變，然后點按可編輯漸變，彈出漸變編輯器。雙擊如圖2中的A處，設置色彩RGB分別為190、243、255。再雙擊圖2中所示的B處，設置白色，單擊確定按鈕，如圖2所示。效果圖如圖3所示。
圖2
圖3
3、單擊工具箱中的橫排文字工具 ，輸入pconline，然后按Ctrl+T切換字符和段落面板，設置字體：方正綜藝簡體，大?。?0點，顏色：藍色，設置消除鋸齒的方法：渾厚，如圖4所示。
圖4
4、選擇pconline圖層，右擊pconline圖層，選擇混合選項，進入到圖層樣式，勾選漸變疊加選項，雙擊漸變彈出漸變編輯器，雙擊如圖的A處，設置色彩RGB分別為11、66、179,再雙擊圖中所示的B處，設置色彩RGB分別為35、100、231，再雙擊圖中所示的C處，設置色彩RGB分別為70、192、255，再雙擊圖中所示的D處，設置色彩RGB分別為138、237、255，再雙擊圖中所示的E處，設置色彩RGB分別為103、220、253，單擊確定按鈕，接著按鍵盤Shift不放結(jié)合鼠標從上到下拉下，給漸變效果，如圖5所示。效果圖如圖6所示。
圖5
圖6
5、在圖層控制面板中選擇pconline圖層，按住Alt不放，用鼠標左鍵拖動出pconline副本圖層，按快捷鍵Ctrl+T，將副本圖層進行倒立，接著給pconline副本圖層添加一個蒙板，點擊漸變工具，給pconline副本圖層添加漸變，如圖7所示。
圖7
6、在圖層面板上單擊創(chuàng)建新圖層按鈕 ，新建一個圖層12，再用鋼筆工具，畫出一個不規(guī)則的形狀，如圖8所示。
圖8
相關(guān)文章
今天我們繼續(xù)來介紹ps基礎(chǔ)教程，這篇我們主要講橡皮擦工具組和填充工具組，這兩個工具在修圖的時候是比較常用的，下面我們就來看看基礎(chǔ)教程2025-05-01
photoshop圖層初識 ps圖層相關(guān)概念與基本操作
ps圖層是什么？簡單來說，ps軟件中的圖層就好比是一張“透明紙”，將圖像的各個部分繪制在不同的“透明紙”上，可以看到紙后的東西，而且每層紙都是獨立的，下面我們就來看2025-04-25- ps零基礎(chǔ)之圖層樣式的講解，在使用ps的時候，我們經(jīng)常會在圖層上添加一些效果，這就是圖層樣式，該怎么應用呢？詳細請看下文介紹2024-12-23
ps如何把一張長圖切成幾張小圖片? ps把長圖切成短圖的技巧
有時候，我們希望能把一張圖片均勻地分成幾張圖片，就像拼圖一般的效果，需要某一部分隨時可以拿出來使用，該怎么操作呢？詳細請看下文介紹2024-09-10- PS調(diào)整字體大小是一個非?；A(chǔ)的操作，但也是非常實用的技能，在Photoshop中，調(diào)整字體大小的方式有多種，詳細請看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時發(fā)現(xiàn)窗口界面的字體比較小，使用起來非常的不方便，因此有不少用戶想將其大小進行調(diào)節(jié)，具體該如何操作呢？詳細請看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦？ps中圖層解鎖失敗，提示圖層被父圖層鎖定該怎么辦呢？下面我們就來看看詳細的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦？ps描邊在使用的過程中，發(fā)現(xiàn)只能調(diào)到288像素，該怎么操作呢？下面我們就來看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦？ps工具欄中有很多工具，但是發(fā)現(xiàn)有些工具不見了，該怎么辦呢？下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30
Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝？ps2024發(fā)布以后，很多朋友想要嘗試信工鞥，該怎么下載安裝呢？下面我們就來看看ps2024安裝圖文教程2023-11-30
