Photoshop繪制晶瑩剔透綠色環(huán)保按鈕(3)
新年新氣象,這是本站的開年巨獻(xiàn),希望在新的一年,本站能夠給你帶來驚喜,帶來提高;本站也將風(fēng)雨相隨,不離不棄。
最終效果

步驟1 文件》新建 ,設(shè)置如下

步驟2 視圖》標(biāo)尺,使標(biāo)尺顯示在畫布中,使用鼠標(biāo)工具拉出兩條直線交于畫布中央

步驟3 打開“路徑面板”,新建“路徑1”;單擊“橢圓工具”,使鼠標(biāo)位于畫布中央。同時(shí)按下Alt 鍵和Shift鍵,繪制兩個(gè)直徑不同的兩個(gè)同心圓

步驟4 回到“圖層面板”,對(duì)“漸變工具”設(shè)置如下

步驟5 新建“圖層1”,在漸變屬性欄中選擇“線性漸變”,在水平方向拉出編輯好的漸變色

步驟6 對(duì)“圖層1”,執(zhí)行濾鏡》扭曲》極坐標(biāo),在對(duì)話框中選擇“平面坐標(biāo)到極坐標(biāo)”

步驟7 使用“畫筆工具”修復(fù)一下極坐標(biāo)濾鏡產(chǎn)生的中間接縫

步驟8 載入“路徑1”的選區(qū),為“圖層1”添加一個(gè)圖層蒙板。效果如下

步驟9 在“圖層1”的下方新建“圖層2”,單擊“橢圓選框工具”,按下Alt 鍵和Shift鍵,在畫布中央繪制一個(gè)圓形,執(zhí)行視圖》清除參考線命令,去除參考線

步驟10 對(duì)“漸變工具”設(shè)置如下;選擇“線性漸變”,垂直拉出漸變,效果如下


步驟11 載入“圖層1”蒙板的選區(qū),執(zhí)行選擇》修改》擴(kuò)展,擴(kuò)展量為5

步驟12 對(duì)“圖層1”執(zhí)行圖層》新建》通過拷貝的圖層,得到“圖層3”

步驟13 把“圖層3”移到“圖層1”的下方,載入“圖層2”的選區(qū),執(zhí)行圖象》調(diào)整》色階菜單命令,把中間滑塊向左拖動(dòng)


步驟14 選擇》反向,執(zhí)行圖象》調(diào)整》色階菜單命令,把中間滑塊向右拖動(dòng)


步驟15 回到“路徑面板”,復(fù)制“路徑1”得到“路徑1副本”,單擊“直接選擇工具”,選擇外部的大圓路徑,按Delete將其刪除

步驟16 載入“路徑1副本”的選區(qū),執(zhí)行選擇》修改》收縮,設(shè)置收縮量為15

步驟17 保持選區(qū),執(zhí)行選擇》修改》羽化,設(shè)置羽化半徑為5,

步驟18 保持選區(qū),對(duì)“圖層2”執(zhí)行圖層》新建》通過拷貝的圖層,得到“圖層4”

步驟19 載入“圖層4”的選區(qū),執(zhí)行選擇》修改》收縮,設(shè)置收縮量為5

步驟20 保持選區(qū),執(zhí)行選擇》反向

步驟21 單擊“減淡工具”選擇柔性畫筆,設(shè)置“中間調(diào)”,“曝光度”為20%,減淡下部受光部分,形成高光

步驟22 回到“圖層2”, 單擊“加深工具”選擇柔性畫筆設(shè)置“中間調(diào)”,“曝光度”為20%,加深下部受光部分,形成暗部

步驟23 在“圖層4”的上方新建“圖層5”,單擊“橢圓選框工具”繪制橢圓,使用綠色(漸變色)進(jìn)行填充

步驟24復(fù)制“圖層5”得到“圖層5副本”,把圖層5副本”拖到“圖層5”的下方,執(zhí)行圖象》調(diào)整》色階,把中間滑塊向左拖動(dòng),選擇“圖層5”,按動(dòng)鍵盤上的方向鍵向下移動(dòng)一些

步驟25 對(duì)“圖層4”執(zhí)行圖象》調(diào)整》色階,把中間滑塊向左拖動(dòng),使水晶球的顏色豐富


步驟26 濾鏡》渲染》光照效果,設(shè)置如下

步驟27 選中“圖層5”執(zhí)行圖層》向下合并,得到“圖層5副本”,將圖層的混合模式改為“濾色”,并調(diào)整圖層“透明度”

步驟28 打開路徑面板,新建“路徑2”,使用“鋼筆工具”繪制如圖所示形狀

步驟29 回到圖層面板,對(duì)“圖層4”執(zhí)行圖層》新建》通過拷貝的圖層,得到“圖層6”

步驟30 載入“路徑2”的選區(qū),對(duì)“圖層6” 執(zhí)行圖象》調(diào)整》色階,把中間滑塊向右拖動(dòng)


步驟31 復(fù)制“圖層1”得到“圖層1副本”,把該層的圖層混合模式改為“點(diǎn)光”,執(zhí)行編輯》自由變換,使金屬光澤更加豐富

步驟32 回到路徑面板,選中“路徑1”單擊“直接選擇工具”選擇內(nèi)部小圓,按Delete鍵刪除

步驟33 在“背景層”上方新建“圖層7”,載入“路徑1”的選區(qū),填充黑色

步驟34取消選區(qū), 濾鏡》模糊》高斯模糊,設(shè)置模糊半徑為20,使用“移動(dòng)工具”把陰影向下移動(dòng)一些

步驟35 載入“圖層7”的選區(qū),執(zhí)行選擇》修改》收縮,設(shè)置收縮量為30

步驟36 保持選區(qū),執(zhí)行 圖象》調(diào)整》色相/飽和度,并調(diào)整圖層的透明度為50%


步驟37 打開路徑面板,新建“路徑3”使用“鋼筆工具”繪制出如圖所示形狀

步驟38在圖層頂層新建“圖層8”,載入“路徑3”的選區(qū),使用嫩綠色進(jìn)行填充

步驟39 保持選區(qū),按動(dòng)鍵盤上的方向鍵把選區(qū)向下移動(dòng)一些,載入“路徑3”的選區(qū),選擇》反向,圖象》調(diào)整》色階,把中間滑塊向左拖動(dòng)


步驟40 載入“圖層8”的選區(qū),在“圖層8”的下方新建“圖層9”,使用黑色填充,編輯》自由變換,調(diào)整位置,作為葉片的陰影部分

步驟41 對(duì)“圖層9”執(zhí)行濾鏡》模糊》高斯模糊,設(shè)置模糊半徑為5,并調(diào)整圖層的透明度為40%左右

步驟42 合并“圖層8”和“圖層9”,載入“路徑1副本”的選區(qū),為合并后的“圖層9”添加圖層蒙板

步驟43 載入“圖層9”的選區(qū),執(zhí)行選擇》修改》收縮,設(shè)置收縮量為10,在執(zhí)行選擇》修改》羽化,羽化半徑為10


步驟44 保持選區(qū) 執(zhí)行選擇》反向 ,再圖象》調(diào)整》色階,把中間滑塊向左拖動(dòng)


步驟45 把“圖層9”的“圖層混合模式”改為“柔光”,把“不透明度”改為50%左右

最后為制作好的水晶按鈕添加一個(gè)漂亮的背景,就可以實(shí)現(xiàn)開篇的那種效果了。

學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),用PS制作一款簡(jiǎn)單的按鈕圖標(biāo)
- 按鈕教程,6步制作按鈕視頻教程
- 按鈕教程,簡(jiǎn)易質(zhì)感按鈕制作
- 圖標(biāo)制作,用圖層樣式制作旋轉(zhuǎn)按鈕
- 開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)
- 圖標(biāo)制作,用Photoshop設(shè)計(jì)不銹鋼主題的圖標(biāo)按鈕
- 圖標(biāo)制作,用PS制作一個(gè)簡(jiǎn)單逼真的環(huán)形播放按鈕圖標(biāo)
- 播放按鈕,設(shè)計(jì)視頻音樂播放按鈕教程
- 按鈕教程,設(shè)計(jì)一個(gè)圓形的點(diǎn)擊按鈕
- 暫停按鈕,設(shè)計(jì)金色暫停按鈕教程
推薦教程
- 唱片機(jī)圖標(biāo),設(shè)計(jì)一枚唱片主題圖標(biāo)實(shí)例
- photoshop制作網(wǎng)頁用水晶按鈕
- Photoshop打造矢量風(fēng)格的箭頭點(diǎn)擊按鈕
- 圖標(biāo)設(shè)計(jì),通過PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
- 塑料按鈕的制作方法
- 圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)
- ps快速設(shè)計(jì)短信圖標(biāo)教程
- 用ps制作網(wǎng)站導(dǎo)航按鈕
- ps網(wǎng)頁開關(guān)按鈕
- 用ps制作高光橘色RSS按鈕