Photoshop 制作網(wǎng)站468*60 Banner教程
發(fā)布時間:2009-10-22 22:46:32 作者:佚名
我要評論

本Photoshop實例教程為大家?guī)砭W(wǎng)站橫條廣告的制作教程,制作過程中主要應(yīng)用漸變、蒙板、鋼筆等工具,希望大家喜歡!
先看效果:

最終效果
1、打開Photoshop CS3軟件,執(zhí)行菜單:“文件”/“新建”(快捷鍵Ctrl+N),彈出新建對話框,設(shè)置名稱:橫幅廣告制作,寬度:468像素,高度:60像素,分辨率:72像素/英寸,顏色模式:RGB顏色、8位,背景內(nèi)容:白色,設(shè)置完畢后單擊確定按鈕,如圖1所示。

圖1
2、在圖層控制面板擊新建圖層按鈕,新建一個“背景”,選擇工具箱漸變工具(快捷鍵G),在工具選項欄中設(shè)置為線性漸變,然后點按可編輯漸變,彈出漸變編輯器。雙擊如圖2中的A處,設(shè)置色彩RGB分別為190、243、255。再雙擊圖2中所示的B處,設(shè)置白色,單擊確定按鈕,如圖2所示。效果圖如圖3所示。

圖2

圖3
3、單擊工具箱中的橫排文字工具 ,輸入pconline,然后按Ctrl+T切換字符和段落面板,設(shè)置字體:方正綜藝簡體,大?。?0點,顏色:藍(lán)色,設(shè)置消除鋸齒的方法:渾厚,如圖4所示。

圖4
4、選擇pconline圖層,右擊pconline圖層,選擇混合選項,進(jìn)入到圖層樣式,勾選漸變疊加選項,雙擊漸變彈出漸變編輯器,雙擊如圖的A處,設(shè)置色彩RGB分別為11、66、179,再雙擊圖中所示的B處,設(shè)置色彩RGB分別為35、100、231,再雙擊圖中所示的C處,設(shè)置色彩RGB分別為70、192、255,再雙擊圖中所示的D處,設(shè)置色彩RGB分別為138、237、255,再雙擊圖中所示的E處,設(shè)置色彩RGB分別為103、220、253,單擊確定按鈕,接著按鍵盤Shift不放結(jié)合鼠標(biāo)從上到下拉下,給漸變效果,如圖5所示。效果圖如圖6所示。

圖5

圖6
5、在圖層控制面板中選擇pconline圖層,按住Alt不放,用鼠標(biāo)左鍵拖動出pconline副本圖層,按快捷鍵Ctrl+T,將副本圖層進(jìn)行倒立,接著給pconline副本圖層添加一個蒙板,點擊漸變工具,給pconline副本圖層添加漸變,如圖7所示。

圖7
6、在圖層面板上單擊創(chuàng)建新圖層按鈕 ,新建一個圖層12,再用鋼筆工具,畫出一個不規(guī)則的形狀,如圖8所示。

圖8 #p# 7、在工具箱中選擇設(shè)置前景色,設(shè)置前景色的顏色RGB值分別為2、194、247,填充給不規(guī)則的形狀,按鍵盤快捷鍵Ctrl+Enter轉(zhuǎn)換為選區(qū),接著按按鍵盤快捷鍵Alt+Delete填充,按鍵盤快捷鍵Ctrl+D取消選區(qū),接著右擊7圖層,選擇混合選項,進(jìn)入到圖層樣式,勾選投影復(fù)選項,設(shè)置混合模式:正片疊加,點擊色標(biāo)處,彈出選擇陰影的顏色窗口,設(shè)置為藍(lán)色(R:107,G:151,B:170,),不透明度:23%,距離:5像素,擴(kuò)展:0%,大?。?像素,然后點擊確定按鈕,如圖9所示。

圖9
8、在工具箱中選擇橫排文字工具,在工作區(qū)中用鼠標(biāo)單擊后,輸入“太平洋創(chuàng)意設(shè)計欄目”,在工具選項欄中設(shè)置字體為“長城黑體”,設(shè)置字體大小為17點,設(shè)置消除鋸齒為“渾厚”設(shè)置字體顏色為白色,如圖10所示。

圖10
9、在工具箱中選擇橫排文字工具,在工作區(qū)中用鼠標(biāo)單擊后,輸入“Photoshop CS、Flash CS、CorelDRAWG4、Fireworks.CS4 3Dsamx、Dreamweaver、MAYA、After.Effects”字,在工具選項欄中設(shè)置字體為“宋體 ”,設(shè)置字體大小為8點,設(shè)置消除鋸齒為“渾厚”設(shè)置字體顏色為白色,并調(diào)整大小與距離,如圖10所示。

圖11
10、在圖層控制面板擊新建圖層按鈕,新建一個圖層9,在工具箱中選擇直線工具 ,在工作區(qū)中拖出一個直線形狀,如圖12所示

圖12
11、在圖層控制面板中選擇圖層9,按住Alt不放,用鼠標(biāo)左鍵拖動出圖層9副本,圖層9副本2,設(shè)置不透明度為34%。如圖13所示。

圖13
12、在圖層控制面板擊新建圖層按鈕,新建一個圖層并命名為“按鈕”,在工具箱中選擇橢圓工具 ,在工作區(qū)中拖出一個橢圓選區(qū),在工具箱中選擇設(shè)置前景色,設(shè)置前景色的為藍(lán)色,按快捷鍵Alt+Delete填充給按鈕圖層,然后按快捷鍵Ctrl+D取消選擇狀態(tài)如,圖14所示。

圖14
13、在圖層控制面板中選擇按鈕圖層,按住Alt不放,用鼠標(biāo)左鍵拖動出7個按鈕副本圖層,并調(diào)整距離和位置,調(diào)整后的效果圖,如圖15所示。也是最終效果圖。

圖15

最終效果
1、打開Photoshop CS3軟件,執(zhí)行菜單:“文件”/“新建”(快捷鍵Ctrl+N),彈出新建對話框,設(shè)置名稱:橫幅廣告制作,寬度:468像素,高度:60像素,分辨率:72像素/英寸,顏色模式:RGB顏色、8位,背景內(nèi)容:白色,設(shè)置完畢后單擊確定按鈕,如圖1所示。

圖1
2、在圖層控制面板擊新建圖層按鈕,新建一個“背景”,選擇工具箱漸變工具(快捷鍵G),在工具選項欄中設(shè)置為線性漸變,然后點按可編輯漸變,彈出漸變編輯器。雙擊如圖2中的A處,設(shè)置色彩RGB分別為190、243、255。再雙擊圖2中所示的B處,設(shè)置白色,單擊確定按鈕,如圖2所示。效果圖如圖3所示。

圖2

圖3
3、單擊工具箱中的橫排文字工具 ,輸入pconline,然后按Ctrl+T切換字符和段落面板,設(shè)置字體:方正綜藝簡體,大?。?0點,顏色:藍(lán)色,設(shè)置消除鋸齒的方法:渾厚,如圖4所示。

圖4
4、選擇pconline圖層,右擊pconline圖層,選擇混合選項,進(jìn)入到圖層樣式,勾選漸變疊加選項,雙擊漸變彈出漸變編輯器,雙擊如圖的A處,設(shè)置色彩RGB分別為11、66、179,再雙擊圖中所示的B處,設(shè)置色彩RGB分別為35、100、231,再雙擊圖中所示的C處,設(shè)置色彩RGB分別為70、192、255,再雙擊圖中所示的D處,設(shè)置色彩RGB分別為138、237、255,再雙擊圖中所示的E處,設(shè)置色彩RGB分別為103、220、253,單擊確定按鈕,接著按鍵盤Shift不放結(jié)合鼠標(biāo)從上到下拉下,給漸變效果,如圖5所示。效果圖如圖6所示。

圖5

圖6
5、在圖層控制面板中選擇pconline圖層,按住Alt不放,用鼠標(biāo)左鍵拖動出pconline副本圖層,按快捷鍵Ctrl+T,將副本圖層進(jìn)行倒立,接著給pconline副本圖層添加一個蒙板,點擊漸變工具,給pconline副本圖層添加漸變,如圖7所示。

圖7
6、在圖層面板上單擊創(chuàng)建新圖層按鈕 ,新建一個圖層12,再用鋼筆工具,畫出一個不規(guī)則的形狀,如圖8所示。

圖8 #p# 7、在工具箱中選擇設(shè)置前景色,設(shè)置前景色的顏色RGB值分別為2、194、247,填充給不規(guī)則的形狀,按鍵盤快捷鍵Ctrl+Enter轉(zhuǎn)換為選區(qū),接著按按鍵盤快捷鍵Alt+Delete填充,按鍵盤快捷鍵Ctrl+D取消選區(qū),接著右擊7圖層,選擇混合選項,進(jìn)入到圖層樣式,勾選投影復(fù)選項,設(shè)置混合模式:正片疊加,點擊色標(biāo)處,彈出選擇陰影的顏色窗口,設(shè)置為藍(lán)色(R:107,G:151,B:170,),不透明度:23%,距離:5像素,擴(kuò)展:0%,大?。?像素,然后點擊確定按鈕,如圖9所示。

圖9
8、在工具箱中選擇橫排文字工具,在工作區(qū)中用鼠標(biāo)單擊后,輸入“太平洋創(chuàng)意設(shè)計欄目”,在工具選項欄中設(shè)置字體為“長城黑體”,設(shè)置字體大小為17點,設(shè)置消除鋸齒為“渾厚”設(shè)置字體顏色為白色,如圖10所示。

圖10
9、在工具箱中選擇橫排文字工具,在工作區(qū)中用鼠標(biāo)單擊后,輸入“Photoshop CS、Flash CS、CorelDRAWG4、Fireworks.CS4 3Dsamx、Dreamweaver、MAYA、After.Effects”字,在工具選項欄中設(shè)置字體為“宋體 ”,設(shè)置字體大小為8點,設(shè)置消除鋸齒為“渾厚”設(shè)置字體顏色為白色,并調(diào)整大小與距離,如圖10所示。

圖11
10、在圖層控制面板擊新建圖層按鈕,新建一個圖層9,在工具箱中選擇直線工具 ,在工作區(qū)中拖出一個直線形狀,如圖12所示

圖12
11、在圖層控制面板中選擇圖層9,按住Alt不放,用鼠標(biāo)左鍵拖動出圖層9副本,圖層9副本2,設(shè)置不透明度為34%。如圖13所示。

圖13
12、在圖層控制面板擊新建圖層按鈕,新建一個圖層并命名為“按鈕”,在工具箱中選擇橢圓工具 ,在工作區(qū)中拖出一個橢圓選區(qū),在工具箱中選擇設(shè)置前景色,設(shè)置前景色的為藍(lán)色,按快捷鍵Alt+Delete填充給按鈕圖層,然后按快捷鍵Ctrl+D取消選擇狀態(tài)如,圖14所示。

圖14
13、在圖層控制面板中選擇按鈕圖層,按住Alt不放,用鼠標(biāo)左鍵拖動出7個按鈕副本圖層,并調(diào)整距離和位置,調(diào)整后的效果圖,如圖15所示。也是最終效果圖。

圖15
相關(guān)文章
- 今天我們繼續(xù)來介紹ps基礎(chǔ)教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個工具在修圖的時候是比較常用的,下面我們就來看看基礎(chǔ)教程2024-12-23
photoshop圖層初識 ps圖層相關(guān)概念與基本操作
ps圖層是什么?簡單來說,ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨立的,下面我們就來看2024-12-23PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解,在使用ps的時候,我們經(jīng)常會在圖層上添加一些效果,這就是圖層樣式,該怎么應(yīng)用呢?詳細(xì)請看下文介紹2024-12-23ps如何把一張長圖切成幾張小圖片? ps把長圖切成短圖的技巧
有時候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時可以拿出來使用,該怎么操作呢?詳細(xì)請看下文介紹2024-09-10- PS調(diào)整字體大小是一個非常基礎(chǔ)的操作,但也是非常實用的技能,在Photoshop中,調(diào)整字體大小的方式有多種,詳細(xì)請看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時發(fā)現(xiàn)窗口界面的字體比較小,使用起來非常的不方便,因此有不少用戶想將其大小進(jìn)行調(diào)節(jié),具體該如何操作呢?詳細(xì)請看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦?ps中圖層解鎖失敗,提示圖層被父圖層鎖定該怎么辦呢?下面我們就來看看詳細(xì)的解決辦法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-30Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝?ps2024發(fā)布以后,很多朋友想要嘗試信工鞥,該怎么下載安裝呢?下面我們就來看看ps2024安裝圖文教程2023-11-30