編者按:今天分享的教程,背景暖心,字體璀璨,兩者搭配得剛剛好,教程的漸變運用得細膩巧妙,還貼心地都標注了顏色值,全中文界面,很值得新手一試呦。
本教程所用素材:
- 心形圖案
- COPASETI 字體
- 鉆石素材
- PSD 源文件
素材打包 微盤下載
第1步:
打開Photoshop,Ctrl+N新建一個空白文檔。我這里選擇的尺寸是600×380px,你可以根據自己的需要來定義尺寸。
第2步:
我們首先來創建個紫色背景。按住Alt鍵雙擊背景圖層,使其轉換成普通圖層。雙擊背景圖層,打開圖層樣式窗口,選擇漸變疊加。漸變樣式如下圖所示。
第3步:
添加色相/飽和度調整層,參數設置如下圖。選中蒙版縮略圖。然后選擇漸變工具,漸變樣式選擇徑向漸變,顏色為由黑色到透明,在蒙版上由內到外拉出漸變。
第4步:
新建一層,選擇漸變工具,顏色為#e3b042到透明,漸變樣式為徑向漸變,由底部向上拉出漸變。
將此漸變圖層的不透明度設置為70%,填充度設置為55%(這里的參數可以根據自己的喜好來設置)。
第5步:
新建一層,利用同樣方法在背景上方添加由#fdd135到透明的漸變,并將不透明度設置為70%。
我們繼續為背景添加光源。新建一層,添加由 #fefbcd到透明的漸變,這次可以將漸變拉的長一些以覆蓋大部分區域。
繼續添加光源。新建一層,添加由#fdfbf2到透明的漸變,這次的漸變尺寸要小一些,已營造出光源近處的場景。
第6步:
下載并安裝COPASETI字體,輸入你喜歡的文字。我使用的文字顏色為#d4ad74,大小為200點。
雙擊文字圖層,為文字添加圖層樣式。首先添加斜面和浮雕樣式,參數設置如下,這里注意光澤等高線的設置。
下載并安裝心形圖案,此處將用到心形圖案的填充。參數設置如下。
添加完圖層樣式的文字效果:
第7步:
Ctrl+J將文字圖層復制一層,右鍵選擇柵格化圖層樣式。
執行濾鏡>銳化>銳化。然后將圖層不透明度設置為60%。
第8步:
選擇減淡工具,范圍選擇中間調,曝光度設置為10-30%,在復制的文字圖層上繪制出光源照射的亮部區域。這里根據需要不時切換陰影/中間調/亮部、曝光度及減淡工具畫筆大小。用同樣方法利用加深工具繪制出暗部。
第9步:
安裝Ctrl鍵點擊字體圖層縮略圖來建立選區。
執行選擇>修改>擴展,將選區擴展5px。
在文字圖層下方新建一層,命名為“金邊”,填充為#d4ad74。然后雙擊圖層為其添加圖層樣式。
添加圖層樣式后的字體效果如下圖。按住Ctrl鍵單擊“金邊”圖層以建立選區,然后在字體圖層上方添加亮度/對比度調整層,設置參數如下。由于選區的作用,調整層只對文字區域起作用。
第10步:
選中調整層、文字層與“金邊”層(可按Ctrl加選),Ctrl+Alt+E新建合并層,命名為“倒影”。Ctrl+T進行自由變換,將其垂直翻轉,并移動到文字下方。
為倒影圖層添加蒙版,使用漸變工具創建出倒影。然后將不透明度設置為80%(數值可自由調節)。
第11步:
下載并安裝光芒畫筆,新建一層,在圖層上利用光芒畫筆繪制不同形狀與大小的光芒。
光芒筆刷 微盤下載
第12步:
接下來新建一層,使用白色圓形畫筆在圖層上繪制,不時改變畫筆大小以創建出隨機的光斑效果。將圖層不透明度設置為25%,圖層混合模式設置為顏色減淡。
第13步:
下載鉆石素材,隨機擺放在畫面上便大功告成了。(注意在地面上鉆石的投影)
關于設計師的暖心故事合集:
為了夢想的設計師值得尊敬:
《給迷茫的你!設計師的工作,可以做一輩子嗎?》一張畫換一杯咖啡的故事:
《超暖心!聊聊那些年大頭幫主與咖啡店的浪漫傳說》勵志的設計師妹子自述!
《聊聊我工作的這些年(設計妹子勵志版)》
原文地址:shejipai
uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量82萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
AI輔助海報設計101例
已累計誕生 737 位幸運星
發表評論 為下方 1 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓