用Photoshop圖層樣式打造傲游瀏覽器圖標(3)

來源:未知 作者:bbs.16xx8.com 學習:999人次

 本教程為Photoshop CS4的基礎(chǔ)實例,主要對圖層中的圖層樣式進行詳細講解,在本教程中將應用到圖層樣式的各種效果,可以讓網(wǎng)友在學習和工作中有所參照。本教程應用到的圖層樣式有:投影、內(nèi)陰影、外發(fā)光、內(nèi)發(fā)光、斜面和浮雕、等高線、光澤、漸變疊加、顏色疊加、描邊制作而完成。希望大家喜歡!

  先看效果圖:

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
效果圖

  1、打開Photoshop CS4軟件,執(zhí)行菜單:“文件”/“新建”(快捷鍵Ctrl+N),彈出的新建對話框,名稱:制作個性瀏覽器,寬度:550像素,高度:550像素,分辨率:72像素/英寸,顏色模式:RGB顏色、8位,背景內(nèi)容:白色,設(shè)置完畢后單擊確定按鈕,如圖1所示。

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
圖1

  2、在圖層控制面板擊新建圖層按鈕,新建一個圖層1,在工具箱中選擇橢圓工具 ,在工作區(qū)中拖出一個橢圓選區(qū),接著選擇工具箱漸變工具(快捷鍵G),在工具選項欄中設(shè)置為線性漸變,設(shè)置顏色從黑色到白色,然后按住鼠標從上拉下漸變,然后按快捷鍵Ctrl+D取消選擇狀態(tài),如圖2所示。

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop

  3、雙單擊圖層進入到圖層樣式,分別勾選投影、內(nèi)陰影、內(nèi)發(fā)光、斜面和浮雕、等高線、光澤選項。設(shè)置幾項的數(shù)值參考圖3、4、5、6、7、8。效果圖如圖9所示。 

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
圖3

  4、在圖層控制面板擊新建圖層按鈕,新建一個圖層2,在工具箱中選擇橢圓工具 ,在工作區(qū)中拖出一個橢圓選區(qū),接著設(shè)置前景色,設(shè)置前景色為白色,并按快捷鍵Alt+Delete填充給圖層1,然后按快捷鍵Ctrl+D取消選擇狀態(tài),如圖10所示。

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
圖10

  5、雙單擊圖層2進入到圖層樣式,分別勾選內(nèi)陰影、內(nèi)發(fā)光、斜面和浮雕、等高線、光澤、顏色疊加、漸變疊加、描邊選項。設(shè)置幾項的數(shù)值參考圖11、12、13、14、15、16、17、18。效果圖如圖19所示。

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
圖11

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
圖12

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
圖13

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
圖14

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
圖15

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
 圖16

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
圖17

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
圖18

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
圖19

 

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
圖4

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
圖5

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
圖6

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
圖7

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
圖8

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
圖9

 5、在圖層控制面板擊新建圖層按鈕,新建一個圖層3,在工具箱中選擇橢圓工具 ,在工作區(qū)中拖出一個橢圓選區(qū),接著設(shè)置前景色,設(shè)置前景色為白色,并按快捷鍵Alt+Delete填充給圖層1,然后按快捷鍵Ctrl+D取消選擇狀態(tài),如圖20所示。

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
圖20

  6、雙單擊圖層3進入到圖層樣式,斜面和浮雕、等高線選項。設(shè)置數(shù)值參考圖21、22。效果圖如圖23所示。

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
圖21

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
圖22

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
圖23

  7、在工具箱中選擇文字工具,接著在工作區(qū)輸入字母E,設(shè)置文字的屬性參考圖24,如圖24所示。

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
圖24

  8、在圖層面板中選擇文字圖層,并設(shè)置圖層混合模式為疊加,不透明度為75%,如圖25所示。也是最終效果。

Photoshop圖層樣式打造傲游瀏覽器圖標,PS教程,52photoshop
 圖25

 

學習 · 提示

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

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

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