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

photoshop制作一個水晶按鈕

來源:bbs.16xx8.com 作者:吳斌 學習:932人次

先看一下效果:

制作一個水晶按鈕(theoat.com.cn)

新建一個圖層,創(chuàng)建如下圖的一個圓環(huán),主很多,就不多說了.
制作一個水晶按鈕(theoat.com.cn)
按照下圖設置圖層混合選項,目的是做出硬塑質(zhì)感,漸變疊加模擬一下大體的光照,漸變的色彩自己設置一個偏冷的顏色就可以了,明度稍作變化
制作一個水晶按鈕(theoat.com.cn)
斜面浮雕:深度調(diào)高,光線角度調(diào)到正上方,高度不變,陰影不透明度降低,高光不透明度100,目的是讓剛剛制作的略圓環(huán)產(chǎn)生立體感,并且不會很生硬
制作一個水晶按鈕(theoat.com.cn)
給個白色的內(nèi)發(fā)光,再次軟化一下邊緣.
制作一個水晶按鈕(theoat.com.cn)
下面是圓環(huán)的效果
制作一個水晶按鈕(theoat.com.cn)
把剛剛的圓環(huán)復制一個,然后縮小,再丟棄圖層混合選項的效果,并把它放在下一層.
制作一個水晶按鈕(theoat.com.cn)
給新建的圓環(huán)一個漸變疊加,仍然找一個冷的漸變,這個色彩要比之前那個圖層的漸變疊加深一點
制作一個水晶按鈕(theoat.com.cn)
在圓環(huán)中心創(chuàng)建一個圓形的填充,給予內(nèi)發(fā)光,目的是讓這個圓有突起的感覺
制作一個水晶按鈕(theoat.com.cn)
給一個漸變疊加,顏色統(tǒng)一計劃稍微高一點,為我們剛剛的圓形添加顏色,漸變模式和顏色如下
制作一個水晶按鈕(theoat.com.cn)
利用外發(fā)光將圓的周邊顏色降暗:模式改為正片疊底,顏色選區(qū)黑色,其它數(shù)值根據(jù)自己的圖片分辨率設置
制作一個水晶按鈕(theoat.com.cn)
目前效果如下
制作一個水晶按鈕(theoat.com.cn)
新建一個圖層,繪制一個橢圓
制作一個水晶按鈕(theoat.com.cn)
調(diào)出第一個大圓環(huán)的選區(qū),反選,刪除,這時我們剛剛繪制的橢圓除了和大圓環(huán)重疊的地方以外部份被刪除了
制作一個水晶按鈕(theoat.com.cn)
新建一個蒙板,按箭頭方向拉一個圓形的漸變,將高光柔化一下
制作一個水晶按鈕(theoat.com.cn)
用一樣的方法為中間的圓形創(chuàng)建一個高光,這次可以用徑向的漸變蒙板
制作一個水晶按鈕(theoat.com.cn)
調(diào)出中心圓形的選區(qū),填充黑色,不要去掉選區(qū),執(zhí)行添加雜色濾鏡,數(shù)值可以稍微高一點
制作一個水晶按鈕(theoat.com.cn)
保留選區(qū)執(zhí)行濾鏡-模糊-徑向模糊,值也可以設置高一點
制作一個水晶按鈕(theoat.com.cn)
將圖層模式改為濾色,同時添加一個蒙板,從圓心拉一個徑向漸變,得到如下效果
制作一個水晶按鈕(theoat.com.cn)
隨便找個案圖LOGO素材拖進來
制作一個水晶按鈕(theoat.com.cn)
為剛剛的logo建立如下的圖層模式,漸變疊加主要是做幾個基本色彩基調(diào)
制作一個水晶按鈕(theoat.com.cn)

制作一個水晶按鈕(theoat.com.cn)


制作一個水晶按鈕(theoat.com.cn)

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
4993847042015-03-25 02:49
按鈕1.jpg中間那里是顏色錯了還是什么,看起來沒有立體感。
夜丶美德淒涼2013-09-14 10:13
是詳細 的
-四少2012-08-31 08:11
我來支持。。。。很不錯啊

關注大神微博加入>>

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