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

ps設(shè)計(jì)疊起的紙片文字效果(5)

來源:PS學(xué)堂 作者:移花接木 學(xué)習(xí):14120人次

比較新穎的字體設(shè)計(jì)風(fēng)格,字效是由多層剪好的紙張組合成的文字,其中每個(gè)字母做了類似筆記本中的掛孔效果,再配上紙張?jiān)兀拐w效果非常的偏紙張化。喜歡的朋友讓我們一起來學(xué)習(xí)吧。
教程素材:http://pan.baidu.com/share/link?shareid=3514598208&uk=1949529330

效果:

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

教程:

1、創(chuàng)建一個(gè)新的大小1152*864像素文件。

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

復(fù)制背景圖層。

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

打開提供的‘格子圖案’,執(zhí)行‘編輯-定義圖案’,然后關(guān)閉它。

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

雙擊剛才復(fù)制得到的圖層,應(yīng)用下面的圖層樣式:

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

效果圖:

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

 

2、用提供的‘bevan’字體在畫布中輸入文字,字號(hào)250大小,顏色:#e2d8ca。

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

打開提供的‘紙張紋理’,執(zhí)行‘編輯-定義圖案’,然后關(guān)閉它。

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

雙擊文字圖層,應(yīng)用如下圖層樣式:

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

確定后的效果:

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

 

3、復(fù)制文字圖層,得到文字圖層副本。右鍵副本圖層-柵格化文字。

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

雙擊副本圖層,更改陰影中的設(shè)置,如下:

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

更改后表面上看沒效果,但這將使層之間的陰影更加的微妙。

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

按Ctrl+J復(fù)制副本圖層4次。

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

選擇‘選擇工具’,用鍵盤上的方向鍵移動(dòng)各個(gè)被復(fù)制后的圖層,達(dá)到紙張層層疊放的效果。

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

4、選擇‘橢園工具’,在頂部的選項(xiàng)欄中自定義設(shè)置如下(注: 填充26時(shí)要在后面加上px)。

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

設(shè)置前景色為黑色,然后在字體的某個(gè)腳處拉出一個(gè)圓。

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

自定義設(shè)置比例為20px,按住Alt鍵在黑色圓的中間單擊,這樣會(huì)減掉圓的中間部分,得到一個(gè)黑色的圓環(huán)。

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

雙擊圓環(huán)圖層,應(yīng)用如下圖層樣式:

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

得到的效果如下。

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

再復(fù)制圓環(huán)圖層,并將復(fù)制的移到其它字母上的某個(gè)腳上。

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

5、選擇‘畫筆工具’選擇23像素的硬筆尖。

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

新建圖層,并命名為‘底色’,在每個(gè)圈環(huán)上點(diǎn)一圈黑色,效果如下。

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

將‘底色’圖層移到所有文字圖層的下面,按住Ctrl鍵單擊底色圖層的縮略圖載入選區(qū)。

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

然后一個(gè)一個(gè)選擇文字圖層,在選擇文字圖層的時(shí)候按Delete鍵刪除,直到你能看到黑色的底,然后按Ctrl+D取消選區(qū)。

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

6、將‘底色’圖層的填充度改:0%。

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

雙擊底色圖層應(yīng)用如下圖層樣式:

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

應(yīng)用好的效果會(huì)使你看到圈內(nèi)有一個(gè)小小的影子。

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

 

7、將前景色設(shè)為:#272423,然后創(chuàng)建新個(gè)圖層并移到最頂層,命名為‘過渡’。

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

選擇漸變工具,在項(xiàng)部選項(xiàng)欄中選擇徑向漸變,由中間往某個(gè)角拉出出漸變。

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

更改圖層混合模式為:柔光

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

8、用提供的‘aescrawl’字體輸入想要的文字,最后自己根據(jù)情況調(diào)整一下,完成最終效果。

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

Photoshop設(shè)計(jì)創(chuàng)意紙張疊加效果的藝術(shù)字

 

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
初音愛言葉2017-06-21 04:15
你好 那個(gè)素材鏈接已經(jīng)被封了吧 能不能重新提供下呢 我真的很想學(xué)
李玉子涵2017-05-28 08:55
這里教程真全
陽光的haoxcf2017-05-28 08:32
這里教程太多了
溢香的腳丫子2017-05-28 03:29
看不過來
玄苑丫頭2017-05-28 03:05
就愛來16xx8看教程
布拉德皮蛋2017-05-27 09:18
完全看不懂
你不行換人2017-05-27 06:49
早想學(xué)這種了
姐姐永遠(yuǎn)2017-05-27 03:59
好教程
斜陽下木易2017-05-27 03:57
好喜歡
帥小伙er2017-05-27 02:23
ps教程論壇不錯(cuò)
溢香的腳丫子2017-05-27 01:48
我就是在這網(wǎng)站學(xué)會(huì)的
裊裊生煙2017-05-27 12:29
喜歡這個(gè)教程
蘭小黎2017-05-27 12:20
還有別的嗎?
饒小咖2017-05-27 09:51
大愛

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

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