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

Photoshop教程:繪制杠金花游戲按鈕

來源:未知 作者:bbs.16xx8.com 學(xué)習(xí):686人次
作者:李華仁   出處:pconline

本教程通過綜合應(yīng)用Photoshop的圖層樣式、濾鏡等,制作杠金花游戲按鈕特效。完成本節(jié)的學(xué)習(xí),你將應(yīng)用到的工具有:形狀工具、鋼筆;應(yīng)用到的濾鏡 有:添加雜色濾鏡;應(yīng)用到的圖層樣式:內(nèi)陰影、內(nèi)發(fā)光、斜面和浮雕、光澤、顏色疊加、漸變疊加復(fù)選項。希望大家通過簡單的教程學(xué)習(xí)能舉一反三,做出自己想 要的效果!先看效果圖:


最終效果

  制作步驟

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


圖1

  2、在圖層控制面板擊新建圖層按鈕,新建一個圖層,接著在工具箱中設(shè)置前景色為藍(lán)色,拼按快捷鍵Alt+Delete填充前景色,然后執(zhí)行菜 單:“濾鏡”/“雜色”彈出添加雜色對話框,設(shè)置數(shù)量為2%,分布為平均分布,勾選單色,然后點擊確定按鈕,如圖2所示。效果圖如圖3所示。


圖2


圖3

  3、創(chuàng)建新圖層按鈕,在工具箱中選擇橢圓工具 ,在工作區(qū)中拖出一個橢圓形狀,在工具箱中選擇前景色,設(shè)置前景色為淡藍(lán)色,,接著按鍵盤快捷鍵Ctrl+D取消選區(qū),如圖4所示。


圖4

  4、雙單擊橢圓圖層進(jìn)入到圖層樣式,分別勾選內(nèi)陰影、內(nèi)發(fā)光、斜面和浮雕、光澤、顏色疊加、漸變疊加復(fù)選項。設(shè)置內(nèi)陰影混合模式:正片疊底,點 擊色標(biāo)處,陰影顏色設(shè)置為藍(lán)色,不透明度:90%,角度:90,距離:17像素,擴展:30%,大小:38像素,然后點擊確定按鈕,如圖5所示。


圖5


 5、設(shè)置其他屬性數(shù)值分別參考圖6、7、8、9所示。


圖6


圖7


圖8


圖9

  6、勾選漸變疊加復(fù)選項,設(shè)置參考值參考圖10、11,效果圖如圖12所示。


圖10


圖11


圖12

  7、點擊創(chuàng)建新圖層按鈕,在工具箱中選擇橢圓工具 ,在工作區(qū)中拖出一個橢圓形狀,接著執(zhí)行菜單:“編輯”/“描邊”彈出描邊菜單,設(shè)置描邊寬度為5px,顏色為藍(lán)色,然后點擊確定按鈕,如圖13所示。


圖13


 8、雙單擊橢圓圖層進(jìn)入到圖層樣式,分別勾選投影、內(nèi)陰影、斜面和浮雕、描邊選項。設(shè)置各項的參考值參考圖14、15、16、17圖,效果圖如圖18所示。


圖14


圖15


圖16


圖17


圖18

  9、單擊工具箱中的橫排文字工具 ,輸入I杠金花,然后在工具選項欄上設(shè)置字體:中文行楷,大。42.69點,顏色:藍(lán)色,設(shè)置消除鋸齒的方法:銳利,接著點擊創(chuàng)建文字變形,彈出變形文 字對話框,設(shè)置樣式為扇形,勾選水平,彎曲為-23%,水平曲線為0%,垂直扭曲為0%,然后點擊確定按鈕,接著雙單擊文字圖層進(jìn)入到圖層樣式,勾選描邊 選項,設(shè)置描邊選項值參考圖20,如圖19所示。


圖19


圖20


  10、點擊創(chuàng)建新圖層按鈕,新建一個圖層,在工具箱中圓角矩形工具,并按住鍵盤中Shift不放在工作區(qū)拖出一個圓角矩形,設(shè)置前景色為白色, 按鍵盤快捷鍵Ctrl+Enter轉(zhuǎn)換為選區(qū),拼按快捷鍵Alt+Delete填充前景色,按鍵盤快捷鍵Ctrl+D取消選區(qū),并調(diào)整方向與大小,如圖 21所示。


圖21

  11、在圖層面板上單擊創(chuàng)建新圖層按鈕 ,再用鋼筆工具,畫出一個心形的形狀,在工具箱中選擇設(shè)置前景色,設(shè)置前景色的顏色為紅色充給心形的形狀,按鍵盤快捷鍵Ctrl+Enter轉(zhuǎn)換為選區(qū), 接著按鍵盤快捷鍵Alt+Delete填充,按鍵盤快捷鍵Ctrl+D取消選區(qū),并調(diào)整位置與大小,如圖22所示。


圖22

  12、在工具箱中選擇橫排文字工具 ,在畫面中用鼠標(biāo)單擊后,出現(xiàn)一個輸入文字光標(biāo),在光標(biāo)后輸入“A”,在工具選項欄中設(shè)置字體為“Arial”,設(shè)置字體大小為“12點”,設(shè)置消除鋸齒為“銳利”,設(shè)置字體顏色為紅色,如圖23所示。


圖23

  13、做法同步驟11、12一樣,經(jīng)過調(diào)整后的效果,也是最終效果,如圖24所示。


 圖24



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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
2018-07-07 08:58
必須支持
簽著牛去放羊2017-05-28 01:43
聽老師的,一會我也投稿
西北情哥2017-05-28 11:34
來學(xué)習(xí)一下。
情有蠱毒x2017-05-28 11:10
看不會
泡芙太郎2017-05-28 10:48
一直想學(xué)習(xí)

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

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