編者按：今天分享的教程，背景暖心，字體璀璨，兩者搭配得剛剛好，教程的漸變運用得細(xì)膩巧妙，還貼心地都標(biāo)注了顏色值，全中文界面，很值得新手一試呦。

本教程所用素材：

• 心形圖案
• COPASETI 字體
• 鉆石素材
• PSD 源文件

素材打包 微盤下載

第1步：

打開Photoshop，Ctrl+N新建一個空白文檔。我這里選擇的尺寸是600×380px，你可以根據(jù)自己的需要來定義尺寸。

第2步：

我們首先來創(chuàng)建個紫色背景。按住Alt鍵雙擊背景圖層，使其轉(zhuǎn)換成普通圖層。雙擊背景圖層，打開圖層樣式窗口，選擇漸變疊加。漸變樣式如下圖所示。

第3步：

添加色相/飽和度調(diào)整層，參數(shù)設(shè)置如下圖。選中蒙版縮略圖。然后選擇漸變工具，漸變樣式選擇徑向漸變，顏色為由黑色到透明，在蒙版上由內(nèi)到外拉出漸變。

第4步：

新建一層，選擇漸變工具，顏色為#e3b042到透明，漸變樣式為徑向漸變，由底部向上拉出漸變。

將此漸變圖層的不透明度設(shè)置為70%，填充度設(shè)置為55%（這里的參數(shù)可以根據(jù)自己的喜好來設(shè)置）。

第5步：

新建一層，利用同樣方法在背景上方添加由#fdd135到透明的漸變，并將不透明度設(shè)置為70%。

我們繼續(xù)為背景添加光源。新建一層，添加由 #fefbcd到透明的漸變，這次可以將漸變拉的長一些以覆蓋大部分區(qū)域。

繼續(xù)添加光源。新建一層，添加由#fdfbf2到透明的漸變，這次的漸變尺寸要小一些，已營造出光源近處的場景。

第6步：

下載并安裝COPASETI字體，輸入你喜歡的文字。我使用的文字顏色為#d4ad74，大小為200點。

雙擊文字圖層，為文字添加圖層樣式。首先添加斜面和浮雕樣式，參數(shù)設(shè)置如下，這里注意光澤等高線的設(shè)置。

下載并安裝心形圖案，此處將用到心形圖案的填充。參數(shù)設(shè)置如下。

添加完圖層樣式的文字效果：

第7步：

Ctrl+J將文字圖層復(fù)制一層，右鍵選擇柵格化圖層樣式。

執(zhí)行濾鏡>銳化>銳化。然后將圖層不透明度設(shè)置為60%。

第8步：

選擇減淡工具，范圍選擇中間調(diào)，曝光度設(shè)置為10-30%，在復(fù)制的文字圖層上繪制出光源照射的亮部區(qū)域。這里根據(jù)需要不時切換陰影/中間調(diào)/亮部、曝光度及減淡工具畫筆大小。用同樣方法利用加深工具繪制出暗部。

第9步：

安裝Ctrl鍵點擊字體圖層縮略圖來建立選區(qū)。

執(zhí)行選擇>修改>擴(kuò)展，將選區(qū)擴(kuò)展5px。

在文字圖層下方新建一層，命名為“金邊”，填充為#d4ad74。然后雙擊圖層為其添加圖層樣式。

添加圖層樣式后的字體效果如下圖。按住Ctrl鍵單擊“金邊”圖層以建立選區(qū)，然后在字體圖層上方添加亮度/對比度調(diào)整層，設(shè)置參數(shù)如下。由于選區(qū)的作用，調(diào)整層只對文字區(qū)域起作用。

第10步：

選中調(diào)整層、文字層與“金邊”層（可按Ctrl加選），Ctrl+Alt+E新建合并層，命名為“倒影”。Ctrl+T進(jìn)行自由變換，將其垂直翻轉(zhuǎn)，并移動到文字下方。

為倒影圖層添加蒙版，使用漸變工具創(chuàng)建出倒影。然后將不透明度設(shè)置為80%（數(shù)值可自由調(diào)節(jié)）。

第11步：

下載并安裝光芒畫筆，新建一層，在圖層上利用光芒畫筆繪制不同形狀與大小的光芒。

光芒筆刷 微盤下載

第12步：

接下來新建一層，使用白色圓形畫筆在圖層上繪制，不時改變畫筆大小以創(chuàng)建出隨機(jī)的光斑效果。將圖層不透明度設(shè)置為25%，圖層混合模式設(shè)置為顏色減淡。

第13步：

下載鉆石素材，隨機(jī)擺放在畫面上便大功告成了。（注意在地面上鉆石的投影）

關(guān)于設(shè)計師的暖心故事合集：

為了夢想的設(shè)計師值得尊敬：
《給迷茫的你！設(shè)計師的工作，可以做一輩子嗎？》

一張畫換一杯咖啡的故事：
《超暖心！聊聊那些年大頭幫主與咖啡店的浪漫傳說》

勵志的設(shè)計師妹子自述！
《聊聊我工作的這些年（設(shè)計妹子勵志版）》

原文地址：shejipai
uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量82萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：