當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>網(wǎng)頁圖片>教程內(nèi)容

photoshop制作banner橫幅實例

來源:pconline 作者:李華仁 學(xué)習(xí):38183人次
先看效果:



最終效果
  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è)置字體:方正綜藝簡體,大。40點,顏色:藍(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
  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%,大。5像素,然后點擊確定按鈕,如圖9所示。



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



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

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
pslove2010-10-23 10:59
謝謝樓主的分享精神!
linkname2010-10-23 04:35
學(xué)習(xí)了
hgzsz2010-10-01 07:03
學(xué)習(xí)了!
一角心語2010-07-27 10:54
不知道自己能看否.多謝樓主了

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!