用Photoshop圖層樣式制作發(fā)光按鈕

來(lái)源:不詳 作者:佚名 學(xué)習(xí):471人次
用Photoshop圖層樣式制作發(fā)光按鈕

作者:發(fā)條桔子 教程來(lái)源:eNet硅谷動(dòng)力




先看一下效果:

在下面的例子中我們將研究怎么樣運(yùn)用圖層樣式來(lái)為我們制作出優(yōu)美的圖案。新建825×595像素大小的工作窗口,選擇漸變工具為背景添加漸變效果。

雙擊背景圖層,打開(kāi)“新建圖層”對(duì)話框,單擊確定。

在圖層面板中單擊“添加圖層樣式”,在下拉菜單中選擇“漸變疊加”,然后如圖設(shè)置彈出對(duì)話框。

在圖層面板中再次單擊“添加圖層樣式”,在下拉菜單中選擇“圖案疊加”,然后如圖設(shè)置彈出對(duì)話框。

新建一個(gè)圖層1,選擇橢圓選框工具,在窗口中央創(chuàng)建一個(gè)橢圓,設(shè)置前景色為暗紅,然后填充選區(qū)。



使用“Ctrl T”打開(kāi)自由變換命令,將橢圓調(diào)整到如圖效果。


在圖層面板中單擊“添加圖層樣式”,在下拉菜單中選擇“投影”命令,然后如圖設(shè)置彈出對(duì)話框。



在圖層面板中再次單擊“添加圖層樣式”,在下拉菜單中選擇“內(nèi)發(fā)光”命令,然后如圖設(shè)置彈出對(duì)話框。

復(fù)制圖層1得到圖層1副本,刪去圖層1副本中的圖層樣式,在圖層面板中單擊“添加圖層樣式”,在下拉菜單中選擇“外發(fā)光”命令,然后如圖設(shè)置彈出對(duì)話框。



在工具箱中選擇移動(dòng)工具,移動(dòng)圖層2到如圖位置。

在圖層1副本的上方單擊“鎖定透明像素”按鈕,然后設(shè)置前景色為黑色,按“Alt Del”鍵在圖層1副本填充黑色。



選擇橢圓選區(qū)工具,繪制如圖選區(qū)。

在圖層面板中單擊“添加圖層樣式”,在下拉菜單中選擇“投影”命令,然后如圖設(shè)置彈出對(duì)話框。



在下拉菜單中選擇“內(nèi)陰影”命令,然后如圖設(shè)置彈出對(duì)話框。

在下拉菜單中選擇“內(nèi)發(fā)光”命令,然后如圖設(shè)置彈出對(duì)話框。



在下拉菜單中選擇“斜面和浮雕”命令,然后如圖設(shè)置彈出對(duì)話框。

在下拉菜單中選擇“等高線”命令,然后如圖設(shè)置彈出對(duì)話框。



在下拉菜單中選擇“光澤”命令,然后如圖設(shè)置彈出對(duì)話框。

在下拉菜單中選擇“漸變疊加”命令,然后如圖設(shè)置彈出對(duì)話框。



按“Ctrl T”鍵打開(kāi)自由變換,調(diào)節(jié)圖層2到如圖效果。

設(shè)置圖層2的填充值為30%。



新建圖層3,然后使用橢圓選區(qū)工具在圖層3繪制一個(gè)橢圓,并且填充白色。

打開(kāi)樣式調(diào)板,為圖層3中的橢圓選擇一個(gè)藍(lán)色的“web樣式”。



只用自由變換命令將圖層3的位子調(diào)整好,這時(shí)會(huì)發(fā)現(xiàn)圖層3的高光位置與其它圖層不一樣。我們打開(kāi)圖層3的圖層樣式,選擇“斜面和浮雕”命令,進(jìn)行如圖設(shè)置。

在圖層面板下方單擊“添加蒙版”按鈕,為圖層3添加蒙版,使用柔邊畫(huà)筆,用灰色在蒙版上涂抹。



復(fù)制圖層3得到圖層3副本,刪除圖層3副本的蒙版,并設(shè)置填充為100%。

在圖層3副本的圖層樣式按鈕上單擊鼠標(biāo)右鍵,選擇清除圖層樣式。



使用自由變換命令調(diào)節(jié)圖層3副本到如圖大小。

選擇漸變工具,使用白色到黑色的徑向漸變?yōu)閳D層3副本添加一個(gè)漸變效果。



選擇圖層3副本,單擊“添加圖層樣式”,在下滑菜單中選擇“內(nèi)發(fā)光”,如圖設(shè)置參數(shù)。

新建圖層4,按下“Ctrl”鍵,用鼠標(biāo)單擊圖層3副本縮覽圖,載入它的選區(qū)。將前景色設(shè)置為綠色,并填充選區(qū)。選擇畫(huà)筆工具,設(shè)置前景色為白色,使用柔邊畫(huà)筆在圖中所示位置點(diǎn)上兩個(gè)白點(diǎn)。



在圖層面板中單擊“添加圖層樣式”,在下拉菜單中選擇“外發(fā)光”命令,然后如圖設(shè)置彈出對(duì)話框。

在下拉菜單中選擇“內(nèi)發(fā)光”命令,然后如圖設(shè)置彈出對(duì)話框。



在下拉菜單中選擇“斜面和浮雕”命令,然后如圖設(shè)置彈出對(duì)話框。

在下拉菜單中選擇“等高線”命令,然后如圖設(shè)置彈出對(duì)話框。



復(fù)制圖層4得到圖層4副本,選擇圖層4副本,按住“Ctrl”鍵用鼠標(biāo)單擊“創(chuàng)建新圖層”按鈕,在圖層4副本的下方建立一個(gè)圖層5。將圖層4副本和圖層5同時(shí)選擇,按“Ctrl E”將他們合并。

復(fù)制圖層4副本得到圖層4副本2,將圖層4副本2隱藏。選擇圖層4副本,執(zhí)行“濾鏡”→“扭曲”→“旋轉(zhuǎn)扭曲”命令,設(shè)置角度為-236度。

本新聞共2






使用自由變換工具調(diào)節(jié)圖層4副本到如圖效果。

復(fù)制圖層4副本得到圖層4副本3,將圖層4副本隱藏。按“Ctrl U”打開(kāi)“色相/飽和度”命令,如圖設(shè)置彈出對(duì)話框。



設(shè)置圖層4副本3的緩和模式為“濾色”,不透明度為65%。

為圖層4副本3添加一個(gè)圖層蒙版,設(shè)置前景色為黑色,使用柔邊畫(huà)筆工具,將圖層4副本3種圖案的外側(cè)抹去。



顯示圖層4副本,按“Ctrl U”打開(kāi)“色相/飽和度”命令,如圖設(shè)置彈出對(duì)話框。

使用自由變換命令,調(diào)節(jié)圖層4副本到如圖位置。



按住“Ctrl”鍵單擊圖層4副本的縮覽圖,得到圖層4副本的選區(qū)。選擇移動(dòng)工具,按住“Alt”鍵拖動(dòng)鼠標(biāo),復(fù)制圖像。然后只用自由變換命令調(diào)節(jié)到如圖效果。

設(shè)置圖層4副本的圖層混合模式為“差值”,不透明度為28%。



顯示圖層4副本2,執(zhí)行“濾鏡”→“扭曲”→“旋轉(zhuǎn)扭曲”命令,設(shè)置角度為-688度。

使用自由變換命令將圖層4副本2調(diào)節(jié)到如圖效果。



設(shè)置圖層4副本2的混合模式為“顏色減淡”,不透明度為40%。

為圖層4副本2添加一個(gè)圖層蒙版,設(shè)置前景色為黑色,使用柔邊畫(huà)筆工具,將圖層4副本2種圖案的外側(cè)抹去。



現(xiàn)在我們來(lái)看看按鈕的最后效果吧。



簡(jiǎn)單的,我們教你,深?yuàn)W的,你來(lái)分享
photoshop,ps,photoshopjiao cheng ,psjiao cheng ,photoshopxia zai ,pslun tan ,fei zhu liu psjiao cheng ,fei zhu liu psruan jian ,fei zhu liu tu pian ,fei zhu liu kong jian ,qqkong jian ,qqkong jian dai ma ,qqkong jian liu yan dai ma ,qqkong jian mo kuai ,QQkong jian FLASHmo kuai ,PSzi ti ,PSbi shua

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

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

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

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