如果你很喜歡毛茸茸的小玩意兒,那今天這個教程就不要錯過咯。這個教程教大家怎樣通過筆刷、圖層和濾鏡,創建可愛的毛茸茸文字,收藏起來找時間練習一下吧。

好文推薦:
《設計師們!來了解一下2014年春季流行色》
《PS教程:一個寫實風格唱機圖標的設計思路》
《PS教程!制作絢麗的閃光粒子字體特效》

最終效果圖:

PS教程:創建可愛的毛茸茸條紋文字效果

小提示:教程演示版本是CS6,你也可以CS3及以上的版本。

素材:微盤下載

  • Titan One 字體
  • 麻袋紋理
  • 白色紋理圖案

下載好了,咱們就開始吧。

Step 1

創建1000 *460 px大小的新文件,前景色設置:#9193c3,背景色設置:#525578。使用漸變工具——徑向漸變,從中心拉到角落,默認的前景色到背景色的漸變就行,效果如下。

PS教程:創建可愛的毛茸茸條紋文字效果

把「麻袋紋理」拖進去,圖層模式改為「正片疊底」,調整大小到你覺得好看就行。

PS教程:創建可愛的毛茸茸條紋文字效果

安裝好字體后,打開字體的設置面板,參數如下:顏色#d8d8d8,大小250pt,字符間距50,字體隨喜。

PS教程:創建可愛的毛茸茸條紋文字效果

Step 2

為文字添加圖層樣式,參數如下:

陰影模式的顏色參數是:#d8d8d8

PS教程:創建可愛的毛茸茸條紋文字效果 PS教程:創建可愛的毛茸茸條紋文字效果

紋理,加載素材里的「白色紋理圖案」,截圖未加載,見諒

PS教程:創建可愛的毛茸茸條紋文字效果

添加內陰影,顏色參數:#PS教程:創建可愛的毛茸茸條紋文字效果PS教程:創建可愛的毛茸茸條紋文字效果PS教程:創建可愛的毛茸茸條紋文字效果b5b5b5,其他如圖:

PS教程:創建可愛的毛茸茸條紋文字效果

添加投影,參數如圖:

PS教程:創建可愛的毛茸茸條紋文字效果

完成效果如下,有3D的效果呦

PS教程:創建可愛的毛茸茸條紋文字效果

Step 3

調出畫筆窗口,設置如下:

PS教程:創建可愛的毛茸茸條紋文字效果

PS教程:創建可愛的毛茸茸條紋文字效果

PS教程:創建可愛的毛茸茸條紋文字效果

設置稍繁瑣,究竟要干嘛,接下來:

右擊文字圖層——創建工作路徑,然后新建圖層,命名為「筆畫」,此時工具欄應停在「畫筆」處。

PS教程:創建可愛的毛茸茸條紋文字效果

設置前景色#cdcdcd,背景色#f3f3f3,敲「Enter」鍵 5——7次 ,給文字添加描邊路徑,如果你想看下效果,摁快捷鍵「A」到直接選擇工具,然后回車,路徑木有了。

PS教程:創建可愛的毛茸茸條紋文字效果

Ctrl+單擊文字圖層縮略圖,得到選區。

PS教程:創建可愛的毛茸茸條紋文字效果

創建一個新圖層,命名「紋理」,改變前景色#d8d8d8,背景色#858585,然后濾鏡>渲染> 分層云彩。

Ctrl/Cmd + D 取消選區。

PS教程:創建可愛的毛茸茸條紋文字效果

濾鏡 > 雜色 > 添加雜色,參數如圖

PS教程:創建可愛的毛茸茸條紋文字效果

把這個圖層的混合模式改為柔光,有益渲染模糊效果。

PS教程:創建可愛的毛茸茸條紋文字效果

Step 5

依剛才的方法選中文字選區,新建圖層,命名:條紋。

圖層混合模式改為線性加深。

PS教程:創建可愛的毛茸茸條紋文字效果

設置你喜歡的前景色,這里是#e890b9。選擇硬邊圓畫筆,大小隨喜。

摁住「Shift」從左到右拖過去,以此類推繼續下一個條紋,你可以重新調整畫筆大小,這樣不會太單調。

PS教程:創建可愛的毛茸茸條紋文字效果

選擇鋼筆工具,注意選項欄是路徑。繪制路徑,如圖。

PS教程:創建可愛的毛茸茸條紋文字效果

Step 6

選擇橡皮擦工具,調出畫筆面板,設置如圖。

畫筆筆尖形狀:

PS教程:創建可愛的毛茸茸條紋文字效果

形狀動態:

PS教程:創建可愛的毛茸茸條紋文字效果

看一下工具欄選擇的是不是橡皮擦工具,確認了,摁一下回車,給條紋添加柔和的邊緣。

PS教程:創建可愛的毛茸茸條紋文字效果

調出畫筆面板,選擇小草圖案,設置如下。

畫筆筆尖形狀:

PS教程:創建可愛的毛茸茸條紋文字效果

形狀動態:

PS教程:創建可愛的毛茸茸條紋文字效果

新建一個圖層,命名為「條紋邊緣」,確認前景色是條紋的顏色,之后敲3——5下回車,加強邊緣效果。

PS教程:創建可愛的毛茸茸條紋文字效果

成果看起來滿意了之后,取消路徑選擇,打開濾鏡 > 銳化 > 銳化邊緣。

改變條紋的圖層混合模式為正常。

PS教程:創建可愛的毛茸茸條紋文字效果

同時選中條紋和條紋邊緣兩個圖層,合并圖層(Ctrl+E),改變圖層混合模式為線性加深。

PS教程:創建可愛的毛茸茸條紋文字效果

此時,確認前景色是條紋顏色,背景色改為白色。確認完畢后,選擇濾鏡 > 雜色 > 添加雜色,參數如下:

PS教程:創建可愛的毛茸茸條紋文字效果

把筆畫圖層拖到頂部。

PS教程:創建可愛的毛茸茸條紋文字效果

復制文字圖層和筆畫圖層,之后選中原文字圖層,右擊 > 清除圖層樣式

PS教程:創建可愛的毛茸茸條紋文字效果

合并復制的兩個圖層,命名為:陰影

將圖層拖到如下位置:

PS教程:創建可愛的毛茸茸條紋文字效果

為陰影圖層添加樣式,參數如下:

PS教程:創建可愛的毛茸茸條紋文字效果

這樣能為文字添加立體感

PS教程:創建可愛的毛茸茸條紋文字效果

Step 9

選擇畫筆面板,設置如下。

畫筆筆尖形狀:

PS教程:創建可愛的毛茸茸條紋文字效果

形狀動態:

PS教程:創建可愛的毛茸茸條紋文字效果

散布:

PS教程:創建可愛的毛茸茸條紋文字效果

顏色動態:

PS教程:創建可愛的毛茸茸條紋文字效果

重復確認前景色是條紋顏色,背景色是白色。然后在陰影圖層下新建一個圖層,命名為碎絮。

在文字周圍添加一些碎絮。

PS教程:創建可愛的毛茸茸條紋文字效果

馬到功成咯,希望在這個教程你能學到一些技巧以及有用的東西,有任何問題可以評論 ^_^

本文由優設網原創翻譯,轉摘請注明優設網譯文出處,謝謝各位
原文地址:textuts
譯者:@cyRotel

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
PS禮儀手冊:網頁設計師必須修煉的內功技法,更是不可或缺的WEB設計指南http://hao.uisdc.com/ps/
設計微博:擁有粉絲量62萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:

PS教程:創建可愛的毛茸茸條紋文字效果
 

收藏 19
點贊 1

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。