當(dāng)前位置:首頁>ps入門教程>ps文字教程>普通字效>教程內(nèi)容

絲帶字,設(shè)計線條絲帶文字效果教程(7)

來源:PS聯(lián)盟 作者:點(diǎn)墨圖文 學(xué)習(xí):44244人次

本篇絲帶字教程跟大家分享了絲帶的制作方法,主要用到路徑做出絲帶外形,再用漸變做出絲帶的質(zhì)感,除了做字效,也可以用于絲帶的制作。

先來看看效果:

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

下面開始詳細(xì)講解制作方法:

步驟1

我們新建或Ctrl+N,創(chuàng)建1500x 1200像素大小,分辨率72像素/英寸,RGB顏色,8位,背景內(nèi)容為黑色的新文件。

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

步驟2

設(shè)置前景顏色為#fdfdfd和背景顏色為#9e9a97。選擇漸變工具,選擇前景到背景漸變填充,然后單擊徑向漸變圖標(biāo)。

然后,從文檔的中心單擊并拖動到其中一個角以創(chuàng)建背景漸變,然后復(fù)制“背景”圖層。

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

步驟3

雙擊復(fù)制背景圖層以應(yīng)用圖案疊加效果:

混合模式:線性加深圖案:白色石膏

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

步驟4

轉(zhuǎn)到文字工具(T),在畫布上輸入文字LOVE,字體為方正大黑簡體,字間距為50。

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

步驟5

創(chuàng)建一個新的300 x 300像素的文件。選擇矩形工具,并在文檔的中心創(chuàng)建一個160 x 102像素的矩形。

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

步驟6

選擇直接選擇工具,然后單擊并拖動以選擇左側(cè)的兩個定位點(diǎn)。

按住Shift鍵,鼠標(biāo)點(diǎn)擊左上角的定位點(diǎn)往下移動,獲得類似于下圖所示的形狀。

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

選擇添加錨點(diǎn)工具,然后單擊以在左上點(diǎn)附近添加一個點(diǎn),然后點(diǎn)擊添加3個點(diǎn)在其他部位。如下圖所示

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn


步驟7

接下來,使用直接選擇工具來選擇和移動點(diǎn),以創(chuàng)建下面的形狀。

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn


步驟8

將形狀的填充顏色更改為#b23636。

雙擊圖層打開圖層樣式,應(yīng)用以下漸變疊加圖層樣式:

混合模式:覆蓋風(fēng)格:反映角度:-5使用白色到黑色漸變填充

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

步驟9

Ctrl+J復(fù)制形狀圖層并將副本的填充顏色更改為#2f1616。

雙擊復(fù)制形狀圖層以更改其“漸變疊加”效果的設(shè)置:

角度:-27規(guī)模:150%

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

步驟10

轉(zhuǎn)到編輯>變換路徑>翻轉(zhuǎn)垂直。然后拖動矩形1拷貝圖層到矩形1圖層下方,然后向下移動以無縫連接。效果如下圖所示

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

步驟11

轉(zhuǎn)到圖層,同時選中矩形1拷貝圖層到矩形1圖層,將它們拉入到文字圖層。

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

步驟12

確保選中矩形1拷貝圖層到矩形1圖層鼠標(biāo)點(diǎn)擊右鍵,點(diǎn)擊“柵格化圖層樣式”。Ctrl+T對圖形進(jìn)行縮小。

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn


步驟13

復(fù)制矩形1拷貝圖層到矩形1圖層,然后轉(zhuǎn)到圖層>合并圖層,并將合并后的圖層命名為絲帶。并將絲帶圖層向下移動,放置絲帶時的訣竅就是要注意層次的順序,使絲帶的正面和背面不會混淆。

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

步驟14

復(fù)制絲帶圖層,轉(zhuǎn)到編輯-變換-順時針旋轉(zhuǎn)90度,使絲帶變成衡的。然后編輯-變換-水平翻轉(zhuǎn),效果如下圖所示

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

步驟15

Ctrl+J復(fù)制圖層兩次,并向右移動絲帶,得到如下效果

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

步驟16

選擇像皮擦工具(E),確保圖層是絲帶拷貝1,把不需的部份擦掉。

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

步驟17

下面我們開始給字母O做成絲帶的效果。這里有一個技巧來幫助你創(chuàng)建“O”字母。先把水平絲帶放在字母的頂部,輕的一面在左邊。然后復(fù)制絲帶的圖層,Ctrl+T進(jìn)入旋轉(zhuǎn)模式,然后旋轉(zhuǎn)復(fù)制40度,并移動它,使其與水平卷曲連接,然后按回車鍵。

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

步驟18

按Alt + Ctrl + Shift + T鍵幾次,直到創(chuàng)建一個完整的圓,使用橡皮擦工具(E)來去除重疊的部分。

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

步驟19

用這些方法把余下的字母都放上絲帶,完成后,使原始文本圖層不可見。效果如下圖:

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn


步驟20

轉(zhuǎn)到圖層-把個個絲帶文字圖層復(fù)制,得到個個的拷貝圖層,Ctrl+E合并拷貝的圖層,并將圖層命名為絲帶文字。

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

步驟21

雙擊絲帶文字圖層,打開圖層樣式,以應(yīng)用陰影效果:

陰影

不透明度:35%距離:10

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

步驟22

按Ctrl鍵點(diǎn)擊絲帶文字圖層,得到選區(qū),然后在所有圖層的頂部創(chuàng)建一個新圖層并將其稱為金色的

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

步驟23

雙擊金色的圖層以應(yīng)用以下圖層樣式:

斜面和浮雕

選中消除鋸齒框高亮模式:亮光

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

等高線

范圍50%

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

紋理

圖案:黑色磁磚深度:432%

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn


步驟24

設(shè)置前景顏色#ffb94a,選擇畫筆工具,選擇一個95%硬度值的3px畫筆,然后開始在每個卷曲的中間添加條紋。這可能需要一些時間,因為有選區(qū)在畫的線都在選區(qū)之間,你可以擦除和重新創(chuàng)建任何你不喜歡的條紋。完成后,Ctrl+D取消選區(qū)。

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

步驟25

點(diǎn)擊“圖層”面板下的“新建填充或調(diào)整圖層”圖標(biāo),然后選擇“色調(diào)/飽和度”。將色調(diào)值更改為-180。

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

步驟26

將調(diào)整圖層放置在金色的圖層下方,你也可以通過調(diào)整層得到任何你喜歡的顏色。

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

好了,我們完成了,希望你喜歡這個教程,并找到有用方法和技巧。

一起來看下完成后的效果:

絲帶字,設(shè)計線條絲帶文字效果教程_theoat.com.cn

以上就是絲字的制作全過程,難度不大,做多幾次就能加快速度,大家也可以嘗試做成裝飾絲帶。歡迎投稿原創(chuàng)教程。

學(xué)習(xí) · 提示

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

萍蹤2021-04-02 04:14
謝謝老師

萍蹤2021-04-02 04:05
我的作業(yè):謝謝老師
卡哇伊的小小2019-01-04 01:24
贊喔
王浩達(dá)2018-04-22 11:37
很不錯
家有福射2018-03-24 08:23
謝謝大神
幻初時2018-03-24 12:59
不錯的教程
北雪炎2018-03-24 08:54
學(xué)習(xí)啦、
不見不念2018-03-24 08:46
1
愛歸期未有期72018-03-24 03:40
來學(xué)習(xí)了。辛苦了
彪彪闖天涯2018-03-24 02:01
簽到
耳菀fly2018-03-24 01:56
學(xué)習(xí)

關(guān)注大神微博加入>>

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