PS教程！手把手教你創建一款色彩繽紛的字體效果

@大俠阿蒼?：今天的教程難度不大，考察同學們對鋼筆工具的使用和漸變色彩的敏感度，拿來練手加強基礎非常合適，而且完成效果也非常漂亮，素材已經打包好，馬克后記得學。

先來張最終效果圖：

熱身練習

1. 使用橢圓工具，選擇路徑選項，按住Shift鍵，畫一個圓形，直徑320px。

2. 選擇畫筆工具，調出畫筆面板（F5），設置參數。

新建一個圖層，保持畫筆工具選中的狀態，按Alt+Enter，描邊填充成功。

3. 選擇直接選擇工具（A），點擊兩個錨點之間的路徑，刪除。然后新建一個圖層，用深一點的顏色填充這個路徑。

4. 選擇鋼筆工具（P），在路徑上加兩個錨點，如圖所示。

使用直接選擇工具刪掉路徑兩端的兩個錨點，然后新建一個圖層，使用更深的顏色填充描邊，效果如下。

5. 按照如上的步驟，繼續添加錨點-刪除錨點-填充描邊，達到如下效果。

正式開始

1. 新建一個圖層1600*1200px，背景設置為#392354?-?#593b70的漸變。

使用橢圓工具畫一個圓，200px，去到路徑面板復制這個路徑。

然后我們要做一個字母C，使用鋼筆工具在路徑“圓副本”上加兩個錨點，然后刪除亮點之間的路徑，如下。

使用大小80px的畫筆，新建圖層填充這個路徑，如下。

選擇路徑“圓”，復制并向右平移，就成為了一個字母“O”。

新建圖層，填充描邊。

復制這個字母“O”。

然后來畫字母“L”，注意高度要和圓的直徑一樣。

2. 接下來就是處理每個字母，步驟參考準備工作。要注意別忘記新建圖層再給路徑填充描邊。處理路徑的時候，別忘記復制一個，因為之后還會用到原來的路徑。

然后添加顏色。選“C”圖層，添加圖層樣式，漸變色值為#ff0096?-?#c20049。

然后依次給每個圖層添加效果。色值從圖層2開始分別為：

圖層2：#ffd200?-?#e900ba

圖層3：#4a6d00?-?#b1d603

圖層4：#4a6d00?-?#eaf900

圖層5：#00dbef?-?#c8db00

分別在圖層2、3、4、5下新建一個圖層，用柔軟黑色筆刷加上投影效果，不透明度為50%。

選擇字母C的路徑，稍微縮小點，新建圖層，使用40px的筆刷填充路徑。添加漸變效果，色值為#fb3a7e?-?#442b5d，然后置于上面數第二層。

繼續縮小這個路徑，然后新建圖層-填充描邊-添加漸變(色值為#e80079?-?#ff6481)，畫筆大小為20px。

然后將第一個縮小的圖形置于上面數第二個正常圖層下方，然后給兩個縮小的圖形分別添加投影。

這樣字母C就做好了，還有三個字母，加油吧！

3. 你可以按照教程里的形狀來做，也可以自己設計。使用和C一樣的漸變色值，以便保持顏色的統一。

步驟同上，不再贅述。

這里作者很任性，他不喜歡最上方的那小半個圓，那就刪掉吧。

接下來是第二個O。

接下來是最簡單的L。

4. ?終于完成四個字母了。下一步是用自由變換工具調整四個字母的位置和角度，如下圖。

接下來給字母添加高光。添加較短的路徑，填充15px的白色描邊，再加一個白色圓點。

給其他字母添加高光，可以適當的調整部分高光為疊加，并降低不透明度，效果如下。

5. 在字母周圍添加一些裝飾性的線段，使用和文字一樣的漸變。簡便方法是選擇想要的漸變圖層，右鍵-拷貝圖層樣式，然后點擊新圖層，右鍵-粘貼圖層樣式。

6. 前景色設置為#754a9，選擇多邊形工具，選擇形狀（這次不是路徑了），邊為3，勾選平滑拐角，在文字周圍添加些圓角三角形。

前景色改為白色，使用橢圓工具，在文字周圍添加些大大小小的圓形。

將這些圓，填充設置為0，應用如下圖層樣式。

然后給這些圓添加2.6px的高斯模糊。

7. 接下來是背景。

在背景層上方新建一個圖層，使用色值為#ff02ea的柔軟的大筆刷，在文字下方涂一涂。

混合模式改為柔光。

使用小的黑色的柔軟筆刷，給文字加上陰影效果。

混合模式改為柔光。

7. 在所有背景層的上方新建一個圖層，按一下D，將背景色改為默認的黑白，①濾鏡-渲染-云彩；②濾鏡-雜色-添加雜色，如下圖；③濾鏡-模糊-高斯模糊，如圖。然后混合模式改為顏色加深，不透明度為20%。

7. 選擇矩形工具，畫一個正方形，旋轉45度。選擇直接選擇工具，按住Alt?+?Shift拖動鼠標，就平行復制一個新的正方形了。然后繼續復制，達到如下效果。

7. 然后就添加一些點綴的花朵，并給它們添加投影，也可以稍微加點模糊效果。花朵素材：http://pan.baidu.com/s/1o6rhQP0

7. 最后一步。在頂層新建一個圖層，前景色為黑色，選擇漸變工具，選擇前景色到透明漸變，徑向漸變，反向，然后從畫布中心到邊緣拉漸變，混合模式為柔光。

恭喜你，大功告成啦！

給堅持下來的你，鼓掌！！！

【這些PS教程的效果超酷炫】

會動的霓虹燈字效：
《PS+AI教程！手把手教你繪制酷炫多彩的動態霓虹燈字效》

你肯定看過但有可能不知道怎么做的效果：
《PS教程！教你打造超酷炫的德羅斯特效應》

一張震撼力Max的海報是怎么做出來的？
《PS教程！教你快速打造視覺沖擊力MAX的街舞大賽海報》

原文地址：design.tutsplus
譯者：@大俠阿蒼

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

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