當前位置:首頁>ps入門教程>ps文字教程>3D立體字>教程內(nèi)容

用ps圖層樣式做出3D立體效果教程(4)

來源:PConline 作者:情非得已 學習:113400人次

可以通過本教程更加了解圖層樣式的設置和運用!

最終效果圖:

Photoshop圖層樣式簡單制作3D立體字效果,PS教程,16xx8.com教程網(wǎng)

1、選擇“文件/新建”菜單,打開“新建”或者Ctrl+N對話框 名稱為:ps圖層樣式創(chuàng)建一個3D字體效果,寬度:為640像素, 高度:為480像素, “分辨率”為72 , “模式”為RGB顏色的文檔,如圖1所示。

Photoshop圖層樣式簡單制作3D立體字效果,PS教程,16xx8.com教程網(wǎng)

圖1

2、在圖層控制面板擊新建圖層按鈕,新建一個“背景”,選擇工具箱漸變工具(快捷鍵G),在工具選項欄中設置為線性漸變,然后點按可編輯漸變,彈出漸變編輯器。雙擊如圖3中的A處,設置色彩RGB分別為57、63、54。再雙擊圖3中所示的B處,設置RGB分別為0、0、0,如圖3所示。在工作區(qū)中,

按住Shift鍵不放用鼠標左鍵從上到下拖動出水平線性漸變效果,如圖2所示。

Photoshop圖層樣式簡單制作3D立體字效果,PS教程,16xx8.com教程網(wǎng)

圖2

Photoshop圖層樣式簡單制作3D立體字效果,PS教程,16xx8.com教程網(wǎng)

圖3

3、單擊工具箱中的橫排文字工具 ,分別輸入英文字母ASDFGH、QWERTYUI、ZXCVBNMOP、ASDFGH、FGH,然后在工具選項欄上設置字體:Folio XBd BT,大。45.8點,顏色:土黃色,設置消除鋸齒的方法:深厚,并調(diào)整英文字體與字體之間距離,然后選擇所有的英文字母圖層合并在一起,如圖4所示。

Photoshop圖層樣式簡單制作3D立體字效果,PS教程,16xx8.com教程網(wǎng)

圖4

4、接著右擊ASDFGH圖層,選擇混合選項,進入到圖層樣式,分別勾選投影、內(nèi)陰影、內(nèi)發(fā)光、斜面與浮雕、光澤、顏色疊加、漸變疊加選項,如圖5所示。

Photoshop圖層樣式簡單制作3D立體字效果,PS教程,16xx8.com教程網(wǎng)

圖5

5、勾選投影,設置混合模式為:正常,顏色為:黑色,不透明度為:75%,角度為:120度,距離為:10像素,擴展為:3%,大小為:10像素,設置其他值參考圖6,然后點擊確定按鈕,如圖6所示。

Photoshop圖層樣式簡單制作3D立體字效果,PS教程,16xx8.com教程網(wǎng)

圖6

6、設置內(nèi)陰影混合模式:正片疊底,點擊色標處,陰影顏色設置為黑色,不透明度:100%,角度:120,距離:52像素,阻塞:0%,大。52像素,設置其他值參考圖7,然后點擊確定按鈕,如圖7所示。

Photoshop圖層樣式簡單制作3D立體字效果,PS教程,16xx8.com教程網(wǎng)

圖7

7、勾選內(nèi)發(fā)光選項,設置投影混合模式:正常,不透明度:6%,雜色:0%,點擊點按可編輯漸變,設置前景到透明,顏色為土黃色色到透明,然后點按可編輯漸變,彈出漸變編輯器。雙擊如圖9中的A處,設置色彩RGB分別為235、230、203。再雙擊圖9中所示的B處,設置RGB分別為0、0、0

方法為:柔和,源:居中,阻塞:0%,大小為:156像素,范圍為:60%,其它設置參考圖8,如圖11所示。

Photoshop圖層樣式簡單制作3D立體字效果,PS教程,16xx8.com教程網(wǎng)

圖8

Photoshop圖層樣式簡單制作3D立體字效果,PS教程,16xx8.com教程網(wǎng)

圖9

8、勾選斜面和浮雕復選項,樣式:內(nèi)斜面,方法:平滑,深度:200%,方向:下,大。104像素,軟化:0像素,陰影:角度:120,勾選使用全局光,高度:30度,光澤等高線:其他設置值參考圖10,如圖10所示。

Photoshop圖層樣式簡單制作3D立體字效果,PS教程,16xx8.com教程網(wǎng)

圖10

9、勾選光澤復選項,混合模式:正片疊底,點擊色標處,設置光澤顏色:白色,設置不透明度:80%,角度:120度,距離:250像素,大。250像素,勾選消除鋸齒和反相,如圖 11所示。

Photoshop圖層樣式簡單制作3D立體字效果,PS教程,16xx8.com教程網(wǎng)

圖11

10、勾選顏色疊加選項,混合模式: 正常,點擊色標處,設置光澤顏色:灰色,設置不透明度:67%,如圖12所示。

Photoshop圖層樣式簡單制作3D立體字效果,PS教程,16xx8.com教程網(wǎng)

圖12

11、勾選漸變疊加選項,設置混合模式為:亮度,不透明度為:100%,點擊漸變彈出漸變編輯器,雙擊如圖14中的A處,設置色彩RGB分別為102、51、0。

Photoshop圖層樣式簡單制作3D立體字效果,PS教程,16xx8.com教程網(wǎng)

圖13

再雙擊圖14中所示的B處,設置RGB分別為252、250、192,雙擊如圖14中的C處,設置色彩RGB分別為204、153、102,雙擊如圖14中的D處,設置色彩RGB分別為252、250、192,雙擊如圖14中的E處,設置色彩RGB分別為102、51、0,雙擊如圖14中的F處,設置色彩RGB分別為252、250、192,雙擊如圖14中的G處,設置色彩RGB分別為204、153、102,雙擊如圖14中的H處,設置色彩RGB分別為252、250、192。

雙擊如圖14中的I處,設置色彩RGB分別為102、51、0,然后點擊確定按鈕,如圖13、14所示。

Photoshop圖層樣式簡單制作3D立體字效果,PS教程,16xx8.com教程網(wǎng)

圖14

12、選擇文字圖層,按鍵盤快捷鍵Ctrl+J復制一個文字圖層副本,并點擊鼠標右鍵,彈出右鍵對話框,選擇刪格文字,接著在選擇工具箱漸變工具(快捷鍵G),在工具選項欄中設置為徑向漸變,然后點按可編輯漸變,彈出漸變編輯器。雙擊如圖16中的A處,47、31、20,設置色彩RGB分別為雙擊如圖16中的B處,設置RGB分別為112、88、60。設置色彩RGB分別為雙擊如圖16中的C處,設置RGB分別為47、31、20。如圖16所示。效果圖如圖15所示。

Photoshop圖層樣式簡單制作3D立體字效果,PS教程,16xx8.com教程網(wǎng)

圖15

Photoshop圖層樣式簡單制作3D立體字效果,PS教程,16xx8.com教程網(wǎng)

圖16

13、選擇文字圖層,按鍵盤快捷鍵Ctrl+J復制一個文字圖層副本,并點擊鼠標右鍵,彈出右鍵對話框,選擇刪格文字,在工具欄中分別設置前景色

和背景色的RGB值,設置前景色的RGB值為:243、240、170,按鍵盤快捷鍵Ctrl+Delete填充,調(diào)整后的效果圖,如圖17所示。

Photoshop圖層樣式簡單制作3D立體字效果,PS教程,16xx8.com教程網(wǎng)

圖17

最終效果圖

Photoshop圖層樣式簡單制作3D立體字效果,PS教程,16xx8.com教程網(wǎng)

學習 · 提示

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

關注大神微博加入>>

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