萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps鼠繪教程 >> PS繪制藍色高光方形水晶按鈕教程

PS繪制藍色高光方形水晶按鈕教程

  面對相同的效果,每個人的實現方法都不盡相同,我把我常用的方法在這裡寫出來,第一次寫教程,如有不妥之處望多多包涵

  本次為寫教程部分地方重新制作了一下,與之前發的圖片在色彩等方面多少會有不同之處。

  廢話少說,先看效果圖

PS繪制藍色高光方形水晶按鈕教程 三聯教程

  1.制作按鈕本體。先畫一個圓角矩形,並加上漸變濾鏡

  這裡顏色的選擇是重點,選擇好顏色後就已經有一種柔和的光照效果了

按此在新窗口浏覽圖片

  2.制作投影。首先畫一個扁扁的橢圓形,填充偏黑的藍色(因為按鈕是藍色的)

按此在新窗口浏覽圖片

  之後對橢圓進行高斯模糊

按此在新窗口浏覽圖片

  置於按鈕本體的下層,調整大小和位置,這樣投影就做好了

按此在新窗口浏覽圖片

  3.制作高光。先畫一條1像素的白色直線,位置如圖

按此在新窗口浏覽圖片

  然後給白線添加一層蒙版,點擊圖中圖標可快速添加

按此在新窗口浏覽圖片

  選中該層蒙版後,打開左側工具欄中的漸變工具,調整漸變顏色為左白右黑

按此在新窗口浏覽圖片

  然後選擇“對稱漸變”模式

按此在新窗口浏覽圖片

  從白線中間向兩邊(任意方向)拉一個漸變(依舊在選中蒙版的情況下)

按此在新窗口浏覽圖片

  這樣一條高光就做好了,如果覺得太亮,可以適當調節一下透明度

按此在新窗口浏覽圖片

  復制一層,移動到按鈕下邊位置,底部發光的高光也就出來了

按此在新窗口浏覽圖片

  4.制作底部發光。一開始與制作投影一樣,畫一個橢圓,填充比較亮的藍色

按此在新窗口浏覽圖片

  同樣高斯模糊(這裡可以模糊的比投影大一些)

按此在新窗口浏覽圖片

  調整位置、大小、微調顏色

按此在新窗口浏覽圖片

  將多出來的部分用矩形選框刪除

按此在新窗口浏覽圖片

  將發光圖層置於高光下面即可

按此在新窗口浏覽圖片

  5.制作上部反光。先畫一個白色橢圓,調整位置、大小

按此在新窗口浏覽圖片

  調整橢圓的透明度

按此在新窗口浏覽圖片

  利用反選將沒有與按鈕重合的部分刪除即可

按此在新窗口浏覽圖片

  6.最後加上文字,按鈕制作完成。

按此在新窗口浏覽圖片
copyright © 萬盛學電腦網 all rights reserved