photoshop-create-speakers-icon-1

編者按:今天@P大點S微博?給同學們來一個新手教程,操作比較簡單,主要是幫基礎差的同學熟悉一下PS,素材和源文件已經打包好了,不妨來練個手。

本文為作者授權優設發布,未經作者本人授權請勿轉載,謝謝 :)

PSD和素材下載請點擊:http://pan.baidu.com/s/1dEwmYHF

最終效果

1pdds20160218

首先,新建一個1000*1000px 的畫布,把背景素材放進去。

2pdds20160218

素材的雪地不適合我們這次的效果,所以需要自己畫一個雪地。

先畫一個白色的矩形,與畫布底對齊。但是正常的雪地邊緣不會是一條直線,應該有點細微的弧度,所以先用直接選擇工具(快捷鍵A)選擇矩形的路徑,然后添加兩個錨點,稍微拉一點弧度出來。

3pdds20160218

這一步也可以直接用鋼筆勾。

然后給剛剛勾的形狀添加圖層樣式。

4pdds20160218

5pdds20160218

6pdds20160218

背景算是做好了,然后開始擼圖標。

先新建一個512*512,圓角為90px的圓角矩形,與畫布水平、垂直居中,然后將雪人素材拖進去,按住ALT點擊雪人圖層和圓角矩形圖層中間,創建剪切蒙版。

7pdds20160218

然后給圓角矩形添加一個內發光

8pdds20160218

但是圖標的底部不應該是這樣的光,所以我們需要把內發光分離出來,然后用蒙版擦掉多余的效果。

回到圖層面板,在“內發光”上點右鍵,選擇“創建圖層”

9pdds20160218

內發光效果就分離成了一個單獨的圖層,然后創建蒙版,把底下的內發光擦掉。

10pdds20160218

接著回到圓角矩形,繼續添加圖層樣式

11pdds20160218

12pdds20160218

13pdds20160218

差不多已經有晶瑩剔透的感覺了,接下來做圖案。

放一個自己喜歡的圖案,給這個圖案做圖層樣式。

14pdds20160218

15pdds20160218

16pdds20160218

17pdds20160218

圖案疊加的時候,如果圖案里面沒有合適的紋理,可以點擊右邊的齒輪,然后選擇“巖石圖案”,追加圖案。

然后應該是這個樣子:

18pdds20160218

接著做些小動作,給這個圖案加強效果~

添加一個蒙版,然后用多邊形套索工具做一個切口的選區,填充黑色。

19pdds20160218

20pdds20160218

重復步驟,多做幾個切口,然后得到這個樣子。

21pdds20160218

雖然效果是做好了,但是這個圖案感覺有點別扭,還需要加一個投影。

CTRL+J復制一個這個加了特效的圖層,移動到原圖層的下方。清除拷貝圖層的圖層樣式,添加一個投影。

22pdds20160218

23pdds20160218

整體的效果已經有了,但是還是有點死。給右上角來個高光試試。

畫一個白色的圓,稍微大一點;給一點高斯模糊,模糊半徑別太??;再把透明度調低。然后用同樣的辦法再做一個,這次的圓要小一點,模糊度低一點,透明度高一點。如果效果不好可以再加一層。然后得到這個樣子:

24pdds20160218

接下來做雪地上的投影。

把所有和圖標有關的圖層(除了背景素材和雪地圖層以外的圖層)一起建個組,CTRL+ALT+E蓋印該組,得到一個合并后的圖層,CTRL+T垂直翻轉,移動到合適的位置。

25pdds20160218

加一個蒙版,拉一下黑白漸變,移動圖層順序。

26pdds20160218

然后用剛才做高光的辦法,做一下陰影。

27pdds20160218

本來到這里應該就可以結束了,但是我發現背景的色調和圖標有些不搭,CTRL+M調一調曲線。

28pdds20160218

29pdds20160218

30pdds20160218

最終效果:

31pdds20160218

歡迎關注可能是做原創教程最用心的公眾號:

psqr211

【優設酷站22連發!】

  1. 免費圖庫+導航收集站:《酷站兩連發!高品質免費圖庫站+專注WEB/APP導航收集站》
  2. 音樂站+字體搜索:《酷站兩連發!幫你專心工作的音樂站+谷歌字體在線搜索神器》
  3. 漸變色+代碼比較:《酷站兩連發!漸變色方案全聚合網站+在線代碼比較神器》
  4. 配色+占位圖:《酷站兩連發!在線色彩搭配工具+快速生成占位圖片器》
  5. LOGO下載+字體下載:《酷站兩連發!可商用的矢量LOGO下載+平面最愛的27款免費字體》
  6. 壓縮圖片+在線配色:《酷站兩連發!在線圖片壓縮神器+在線配色工具COLOURCO》
  7. CSS Hover動畫+寵物小精靈配色:《酷站兩連發!寵物小精靈專屬配色網站+CSS HOVER動畫收集站》
  8. 美女圖片+游戲配色:《酷站兩連發!游戲配色網站+免費美女素材特供網站》
  9. 在線配色+字體推薦:《酷站兩連發!在線配色神器+英文字體推薦網站》
  10. 追波作品變代碼+16進制顏色:《酷站兩連發!用代碼呈現DRIBBBLE作品+16進制顏色網站》
  11. 無縫紋理+多邊形背景:《酷站兩連發!專注無縫紋理素材站+多邊形背景生成器》

原文地址:pdadians

uisdc-hao

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量104萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

點贊
收藏 1

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏