photoshop制作banner橫幅實(shí)例(3)
來(lái)源:pconline
作者:李華仁
學(xué)習(xí):38183人次
先看效果:
最終效果
1、打開photoshop CS3軟件,執(zhí)行菜單:“文件”/“新建”(快捷鍵Ctrl+N),彈出新建對(duì)話框,設(shè)置名稱:橫幅廣告制作,寬度:468像素,高度:60像素,分辨 率:72像素/英寸,顏色模式:RGB顏色、8位,背景內(nèi)容:白色,設(shè)置完畢后單擊確定按鈕,如圖1所示。
圖1
2、在圖層控制面板擊新建圖層按鈕,新建一個(gè)“背景”,選擇工具箱漸變工具(快捷鍵G),在工具選項(xiàng)欄中設(shè)置為線性漸變,然后點(diǎn)按可編輯漸變,彈出漸變編輯器。雙擊如圖2中的A處,設(shè)置色彩RGB分別為190、243、255。再雙擊圖2中所示的B處,設(shè)置白色,單擊確定按鈕,如圖2所示。效果圖如圖3所示。
圖2
圖3
, 3、單擊工具箱中的橫排文字工具 ,輸入pconline,然后按Ctrl+T切換字符和段落面板,設(shè)置字體:方正綜藝簡(jiǎn)體,大。40點(diǎn),顏色:藍(lán)色,設(shè)置消除鋸齒的方法:渾厚,如圖4所示。
圖4
4、選擇pconline圖層,右擊pconline圖層,選擇混合選項(xiàng),進(jìn)入到圖層樣式,勾選漸變疊加選項(xiàng),雙擊漸變彈出漸變編輯器,雙擊如圖的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)左鍵拖動(dòng)出pconline副本圖層,按快捷鍵Ctrl+T,將副本圖層進(jìn)行倒立,接著給pconline副本圖層添加一個(gè)蒙板,點(diǎn)擊漸變工具,給pconline副本圖層添加漸變,如圖7所示。
圖7
6、在圖層面板上單擊創(chuàng)建新圖層按鈕 ,新建一個(gè)圖層12,再用鋼筆工具,畫出一個(gè)不規(guī)則的形狀,如圖8所示。
圖8
7、在工具箱中選擇設(shè)置前景色,設(shè)置前景色的顏色RGB值分別為2、194、247,填充給不規(guī)則的形狀,按鍵盤快捷鍵Ctrl+Enter轉(zhuǎn)換為選區(qū),接著按按鍵盤快捷鍵Alt+Delete填充,按鍵盤快捷鍵Ctrl+D取消選區(qū),接著右擊7圖層,選擇混合選項(xiàng),進(jìn)入到圖層樣式,勾選投影復(fù)選項(xiàng),設(shè)置混合模式:正片疊加,點(diǎn)擊色標(biāo)處,彈出選擇陰影的顏色窗口,設(shè)置為藍(lán)色(R:107,G:151,B:170,),不透明度:23%,距離:5像素,擴(kuò)展:0%,大小:5像素,然后點(diǎn)擊確定按鈕,如圖9所示。
圖9
8、在工具箱中選擇橫排文字工具,在工作區(qū)中用鼠標(biāo)單擊后,輸入“太平洋創(chuàng)意設(shè)計(jì)欄目”,在工具選項(xiàng)欄中設(shè)置字體為“長(zhǎng)城黑體”,設(shè)置字體大小為17點(diǎn),設(shè)置消除鋸齒為“渾厚”設(shè)置字體顏色為白色,如圖10所示。
圖10
9、在工具箱中選擇橫排文字工具,在工作區(qū)中用鼠標(biāo)單擊后,輸入“photoshop CS、FlashCS、CorelDRAWG4、Fireworks.CS43Dsamx、Dreamweaver、MAYA、After.Effects”字,在工具選項(xiàng)欄中設(shè)置字體為“宋體”,設(shè)置字體大小為8點(diǎn),設(shè)置消除鋸齒為“渾厚”設(shè)置字體顏色為白色,并調(diào)整大小與距離,如圖10所示。
圖11
, 10、在圖層控制面板擊新建圖層按鈕,新建一個(gè)圖層9,在工具箱中選擇直線工具 ,在工作區(qū)中拖出一個(gè)直線形狀,如圖12所示
圖12
11、在圖層控制面板中選擇圖層9,按住Alt不放,用鼠標(biāo)左鍵拖動(dòng)出圖層9副本,圖層9副本2,設(shè)置不透明度為34%。如圖13所示。
圖13
12、在圖層控制面板擊新建圖層按鈕,新建一個(gè)圖層并命名為“按鈕”,在工具箱中選擇橢圓工具,在工作區(qū)中拖出一個(gè)橢圓選區(qū),在工具箱中選擇設(shè)置前景色,設(shè)置前景色的為藍(lán)色,按快捷鍵Alt+Delete填充給按鈕圖層,然后按快捷鍵Ctrl+D取消選擇狀態(tài)如,圖14所示。
圖14
13、在圖層控制面板中選擇按鈕圖層,按住Alt不放,用鼠標(biāo)左鍵拖動(dòng)出7個(gè)按鈕副本圖層,并調(diào)整距離和位置,調(diào)整后的效果圖,如圖15所示。也是最終效果圖。
圖15
最終效果
1、打開photoshop CS3軟件,執(zhí)行菜單:“文件”/“新建”(快捷鍵Ctrl+N),彈出新建對(duì)話框,設(shè)置名稱:橫幅廣告制作,寬度:468像素,高度:60像素,分辨 率:72像素/英寸,顏色模式:RGB顏色、8位,背景內(nèi)容:白色,設(shè)置完畢后單擊確定按鈕,如圖1所示。
圖1
2、在圖層控制面板擊新建圖層按鈕,新建一個(gè)“背景”,選擇工具箱漸變工具(快捷鍵G),在工具選項(xiàng)欄中設(shè)置為線性漸變,然后點(diǎn)按可編輯漸變,彈出漸變編輯器。雙擊如圖2中的A處,設(shè)置色彩RGB分別為190、243、255。再雙擊圖2中所示的B處,設(shè)置白色,單擊確定按鈕,如圖2所示。效果圖如圖3所示。
圖2
圖3
, 3、單擊工具箱中的橫排文字工具 ,輸入pconline,然后按Ctrl+T切換字符和段落面板,設(shè)置字體:方正綜藝簡(jiǎn)體,大。40點(diǎn),顏色:藍(lán)色,設(shè)置消除鋸齒的方法:渾厚,如圖4所示。
圖4
4、選擇pconline圖層,右擊pconline圖層,選擇混合選項(xiàng),進(jìn)入到圖層樣式,勾選漸變疊加選項(xiàng),雙擊漸變彈出漸變編輯器,雙擊如圖的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)左鍵拖動(dòng)出pconline副本圖層,按快捷鍵Ctrl+T,將副本圖層進(jìn)行倒立,接著給pconline副本圖層添加一個(gè)蒙板,點(diǎn)擊漸變工具,給pconline副本圖層添加漸變,如圖7所示。
圖7
6、在圖層面板上單擊創(chuàng)建新圖層按鈕 ,新建一個(gè)圖層12,再用鋼筆工具,畫出一個(gè)不規(guī)則的形狀,如圖8所示。
圖8
7、在工具箱中選擇設(shè)置前景色,設(shè)置前景色的顏色RGB值分別為2、194、247,填充給不規(guī)則的形狀,按鍵盤快捷鍵Ctrl+Enter轉(zhuǎn)換為選區(qū),接著按按鍵盤快捷鍵Alt+Delete填充,按鍵盤快捷鍵Ctrl+D取消選區(qū),接著右擊7圖層,選擇混合選項(xiàng),進(jìn)入到圖層樣式,勾選投影復(fù)選項(xiàng),設(shè)置混合模式:正片疊加,點(diǎn)擊色標(biāo)處,彈出選擇陰影的顏色窗口,設(shè)置為藍(lán)色(R:107,G:151,B:170,),不透明度:23%,距離:5像素,擴(kuò)展:0%,大小:5像素,然后點(diǎn)擊確定按鈕,如圖9所示。
圖9
8、在工具箱中選擇橫排文字工具,在工作區(qū)中用鼠標(biāo)單擊后,輸入“太平洋創(chuàng)意設(shè)計(jì)欄目”,在工具選項(xiàng)欄中設(shè)置字體為“長(zhǎng)城黑體”,設(shè)置字體大小為17點(diǎn),設(shè)置消除鋸齒為“渾厚”設(shè)置字體顏色為白色,如圖10所示。
圖10
9、在工具箱中選擇橫排文字工具,在工作區(qū)中用鼠標(biāo)單擊后,輸入“photoshop CS、FlashCS、CorelDRAWG4、Fireworks.CS43Dsamx、Dreamweaver、MAYA、After.Effects”字,在工具選項(xiàng)欄中設(shè)置字體為“宋體”,設(shè)置字體大小為8點(diǎn),設(shè)置消除鋸齒為“渾厚”設(shè)置字體顏色為白色,并調(diào)整大小與距離,如圖10所示。
圖11
, 10、在圖層控制面板擊新建圖層按鈕,新建一個(gè)圖層9,在工具箱中選擇直線工具 ,在工作區(qū)中拖出一個(gè)直線形狀,如圖12所示
圖12
11、在圖層控制面板中選擇圖層9,按住Alt不放,用鼠標(biāo)左鍵拖動(dòng)出圖層9副本,圖層9副本2,設(shè)置不透明度為34%。如圖13所示。
圖13
12、在圖層控制面板擊新建圖層按鈕,新建一個(gè)圖層并命名為“按鈕”,在工具箱中選擇橢圓工具,在工作區(qū)中拖出一個(gè)橢圓選區(qū),在工具箱中選擇設(shè)置前景色,設(shè)置前景色的為藍(lán)色,按快捷鍵Alt+Delete填充給按鈕圖層,然后按快捷鍵Ctrl+D取消選擇狀態(tài)如,圖14所示。
圖14
13、在圖層控制面板中選擇按鈕圖層,按住Alt不放,用鼠標(biāo)左鍵拖動(dòng)出7個(gè)按鈕副本圖層,并調(diào)整距離和位置,調(diào)整后的效果圖,如圖15所示。也是最終效果圖。
圖15
學(xué)習(xí) · 提示
相關(guān)教程
- banner教程,設(shè)計(jì)一個(gè)簡(jiǎn)單的母親節(jié)Banner教程
- banner教程,超簡(jiǎn)單三步設(shè)計(jì)一個(gè)BANNER
- banner教程,用ps制作960*90的廣告圖片
- Photoshop制作非常大氣的特色產(chǎn)品網(wǎng)頁(yè)
- ps設(shè)計(jì)網(wǎng)頁(yè)Banner橫幅教程
- 用ps制作個(gè)性Banner
- 用ps制作一個(gè)簡(jiǎn)單的網(wǎng)站banner
- 用ps制作精致的網(wǎng)站banner(廣告條)
- 網(wǎng)絡(luò)廣告設(shè)計(jì)-奔馳汽車banner廣告設(shè)計(jì)PS教程
- photoshop教程:制作綠色風(fēng)格的專業(yè)的banner廣告
推薦教程
- Photoshop制作網(wǎng)站導(dǎo)航圖
- banner教程,用ps制作960*90的廣告圖片
- 陰影效果,教你制作各類陰影教程
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- Photoshop制作網(wǎng)頁(yè)搜索條
- 用ps制作豎列導(dǎo)航
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!