photoshop制作3D紋理字體教程
2022-12-25 13:43:10
來源/作者: /
己有:68人學(xué)習(xí)過
本教程主要用illustrator和photoshop結(jié)合來打造3D紋理字體教程,字體的效果非常的華麗,質(zhì)感和立體感表現(xiàn)的也比較完美,一起來學(xué)習(xí)吧.首先看最終的效果

步驟1:
打開illustrator,用文字工具輸入一個(gè)你喜歡的字母,比如本例中的“C”,這里使用的是Adobe CaslonPro字體,你也可以使用任意其他字體,只要保證有點(diǎn)厚度即可。設(shè)置文字大小為400pt,長寬各拉長到150%,不用擔(dān)心字體過大,因?yàn)樗鳛橹悄軐ο笳迟N到photoshop里的時(shí)候,我們可以任意調(diào)整其大小。最后,字體顏色設(shè)置為淡綠色(#8CC63F)。

步驟2:
點(diǎn)擊菜單欄的效果 3D 凸出和斜角,勾選“預(yù)覽”選項(xiàng)。如圖設(shè)置各個(gè)角度的位置,斜角樣式選擇為“長圓形”。以下設(shè)置取決于你選擇的字體,所以你可以根據(jù)具體情況設(shè)置不同的參數(shù),雖然我通常都不建議把斜角設(shè)置調(diào)節(jié)到夸張的數(shù)值。當(dāng)然,你依然可以通過增加“高度”來提升字體的厚度感。

步驟3:
AI完事之后,我們要移步到PS里繼續(xù)后面的工作。Ctrl+N新建一個(gè)文檔(大小任意),把AI里的3D字母復(fù)制到PS里,選擇“智能對象”,確定。

步驟4:
接下來就是在PS大展身手的時(shí)候了,我們將要加入多種多樣的紋理圖案,并且賦予不同的混合模式。關(guān)鍵點(diǎn)就是,不斷的嘗試、調(diào)整,直到你滿意為止。

從我們的素材下載欄目上下載第一個(gè)紋理圖案,在PS里打開圖案,全選、復(fù)制后回到剛才建立的文檔中,我們要將紋理粘貼到字母C之上,但是我們必須告訴PS如何粘貼紋理——按住Ctrl鍵,然后點(diǎn)擊字母C所在圖層的縮略圖——我們可以看到圍繞著字母形狀的選區(qū)被建立出來,接著點(diǎn)擊編輯 粘入,紋理圖案就成功的添加在字母之上了。
混合模式選擇“疊加(Overlay)”,此時(shí)效果應(yīng)該如下圖:

,步驟5: 接著添加第二個(gè) 紋理圖案 ,操作和步驟4一樣,打開我們想要的圖復(fù)制選區(qū)粘入。 唯一不同的是混合模式改為正片疊底(Multiply)。 步驟6: 添加最后一個(gè) 紋理圖案 ,步驟同上。 還是在最后把混合模式改為柔光(
步驟5:
接著添加第二個(gè)紋理圖案,操作和步驟4一樣,打開我們想要的圖→復(fù)制→選區(qū)→粘入。

唯一不同的是混合模式改為“正片疊底(Multiply)”。

步驟6:
添加最后一個(gè)紋理圖案,步驟同上。

還是在最后把混合模式改為“柔光(Soft Light)”。

步驟7:
創(chuàng)建一個(gè)漸變的背景,從深綠色(#020400)到墨綠(#304708)。方式任意(個(gè)人推薦對背景圖層應(yīng)用圖層樣式,這樣后面可以隨時(shí)修改)。

步驟8:
把如圖的四個(gè)圖層全部鏈接。同時(shí)點(diǎn)擊圖層縮略圖和圖層蒙版中間的空白,將其鏈接。

步驟9:

步驟1:
打開illustrator,用文字工具輸入一個(gè)你喜歡的字母,比如本例中的“C”,這里使用的是Adobe CaslonPro字體,你也可以使用任意其他字體,只要保證有點(diǎn)厚度即可。設(shè)置文字大小為400pt,長寬各拉長到150%,不用擔(dān)心字體過大,因?yàn)樗鳛橹悄軐ο笳迟N到photoshop里的時(shí)候,我們可以任意調(diào)整其大小。最后,字體顏色設(shè)置為淡綠色(#8CC63F)。

步驟2:
點(diǎn)擊菜單欄的效果 3D 凸出和斜角,勾選“預(yù)覽”選項(xiàng)。如圖設(shè)置各個(gè)角度的位置,斜角樣式選擇為“長圓形”。以下設(shè)置取決于你選擇的字體,所以你可以根據(jù)具體情況設(shè)置不同的參數(shù),雖然我通常都不建議把斜角設(shè)置調(diào)節(jié)到夸張的數(shù)值。當(dāng)然,你依然可以通過增加“高度”來提升字體的厚度感。

步驟3:
AI完事之后,我們要移步到PS里繼續(xù)后面的工作。Ctrl+N新建一個(gè)文檔(大小任意),把AI里的3D字母復(fù)制到PS里,選擇“智能對象”,確定。

步驟4:
接下來就是在PS大展身手的時(shí)候了,我們將要加入多種多樣的紋理圖案,并且賦予不同的混合模式。關(guān)鍵點(diǎn)就是,不斷的嘗試、調(diào)整,直到你滿意為止。

從我們的素材下載欄目上下載第一個(gè)紋理圖案,在PS里打開圖案,全選、復(fù)制后回到剛才建立的文檔中,我們要將紋理粘貼到字母C之上,但是我們必須告訴PS如何粘貼紋理——按住Ctrl鍵,然后點(diǎn)擊字母C所在圖層的縮略圖——我們可以看到圍繞著字母形狀的選區(qū)被建立出來,接著點(diǎn)擊編輯 粘入,紋理圖案就成功的添加在字母之上了。
混合模式選擇“疊加(Overlay)”,此時(shí)效果應(yīng)該如下圖:

,步驟5: 接著添加第二個(gè) 紋理圖案 ,操作和步驟4一樣,打開我們想要的圖復(fù)制選區(qū)粘入。 唯一不同的是混合模式改為正片疊底(Multiply)。 步驟6: 添加最后一個(gè) 紋理圖案 ,步驟同上。 還是在最后把混合模式改為柔光(
步驟5:
接著添加第二個(gè)紋理圖案,操作和步驟4一樣,打開我們想要的圖→復(fù)制→選區(qū)→粘入。

唯一不同的是混合模式改為“正片疊底(Multiply)”。

步驟6:
添加最后一個(gè)紋理圖案,步驟同上。

還是在最后把混合模式改為“柔光(Soft Light)”。

步驟7:
創(chuàng)建一個(gè)漸變的背景,從深綠色(#020400)到墨綠(#304708)。方式任意(個(gè)人推薦對背景圖層應(yīng)用圖層樣式,這樣后面可以隨時(shí)修改)。

步驟8:
把如圖的四個(gè)圖層全部鏈接。同時(shí)點(diǎn)擊圖層縮略圖和圖層蒙版中間的空白,將其鏈接。

步驟9:
上一篇:教你用ps做凸起和凹陷的文字