AI+PS教程!手把手教你制作條紋扭曲立體字效

更新時(shí)間:2024-07-21

關(guān)于教程

這個(gè)效果我一開始以為是用混合做的,但實(shí)際動(dòng)手以后發(fā)現(xiàn)細(xì)節(jié)差別很大。

線條還好,可以重新調(diào)整,重點(diǎn)是扭曲的方向沒辦法和原圖做出一樣的效果,而且用混合工具,兩個(gè)數(shù)字之間也很難很好的融合在一起。

最后我選擇了一種比較笨的方法,先做出一個(gè)立體字的框架,然后再用封套扭曲去做紋路。

來吧,讓我們來看看這個(gè)條紋立體數(shù)字是如何完成的吧!

教程步驟

打開Ai,新建畫板,選擇一個(gè)合適的字體打上數(shù)字20,描邊1就可以了,無填充,我這里選擇的是一個(gè)叫做Galeere的字體:

AI+PS教程!手把手教你制作條紋扭曲立體字效

將文字輪廓化以后,取消編組以及釋放復(fù)合路徑,用小白工具去刪除多余的部分:

AI+PS教程!手把手教你制作條紋扭曲立體字效

刪完以后大概這樣子,這一步不用多說吧:

AI+PS教程!手把手教你制作條紋扭曲立體字效

調(diào)整數(shù)字的各部分的位置,大概到如圖所示的樣子,執(zhí)行路徑查找器-輪廓,如果你覺得不太好對(duì)齊的話,可以康秋+y進(jìn)入輪廓模式:

AI+PS教程!手把手教你制作條紋扭曲立體字效

輪廓以后取消編組,重新給上描邊色,然后刪除多余的部分:

AI+PS教程!手把手教你制作條紋扭曲立體字效

下面做數(shù)字的立體框架,按照標(biāo)準(zhǔn)的流程大概需要利用黃金分割的圓來做吧。

我在網(wǎng)上學(xué)了學(xué),方法大概知道,但是做不好這兩個(gè)數(shù)字,鼓搗了一下以后找到了一個(gè)自己的方法,可能不夠準(zhǔn)確,但還是能解決問題。

把20編組,用矩形工具畫一個(gè)正方形,旋轉(zhuǎn)45度擺放到如圖所示的位置:

AI+PS教程!手把手教你制作條紋扭曲立體字效

然后以矩形的四個(gè)頂點(diǎn)作為參考,復(fù)制20這個(gè)編組擺放到如圖所示的位置:

AI+PS教程!手把手教你制作條紋扭曲立體字效

因?yàn)楹竺嫖覀円玫叫螤钌善鞴ぞ?,為了保證各個(gè)地方都是閉合的,所以用直線工具重新畫一下正方形吧:

AI+PS教程!手把手教你制作條紋扭曲立體字效

用直線工具在適當(dāng)弧線位置按住謝福特鍵畫相切的直線:

AI+PS教程!手把手教你制作條紋扭曲立體字效

草圖做好以后,復(fù)制一份放在旁邊,后面有用,然后選中全部對(duì)象,再用形狀生成器工具對(duì)數(shù)字的各個(gè)部分進(jìn)行形狀生成:

AI+PS教程!手把手教你制作條紋扭曲立體字效

這一步其實(shí)沒什么可說的,是容易弄花眼,慢慢來吧,部分細(xì)節(jié)的地方還要清理調(diào)整:

AI+PS教程!手把手教你制作條紋扭曲立體字效

必要的地方可以用鋼筆工具補(bǔ)一下形狀:

AI+PS教程!手把手教你制作條紋扭曲立體字效

接下來做出這樣的黑白間隔矩形條組,這一步不用多說吧:

AI+PS教程!手把手教你制作條紋扭曲立體字效

可以多復(fù)制出來一些黑白矩形條,然后選中矩形條以及數(shù)字的各個(gè)部分,執(zhí)行對(duì)象-封套扭曲-用頂層對(duì)象建立,快捷鍵噢特兒加康秋加C。

注意一下矩形條的朝向以及它和數(shù)字各個(gè)部分的圖層上下關(guān)系哦:

AI+PS教程!手把手教你制作條紋扭曲立體字效

不過有時(shí)候你可能會(huì)發(fā)現(xiàn)某些部分建立封套扭曲以后,線條扭曲變形的很厲害:

AI+PS教程!手把手教你制作條紋扭曲立體字效

這是由于我們形狀路徑的錨點(diǎn)導(dǎo)致的,對(duì)此我暫時(shí)沒有找到其他更好的辦法,只有單獨(dú)對(duì)矩形條添加對(duì)象-封套扭曲-從網(wǎng)格建立:

AI+PS教程!手把手教你制作條紋扭曲立體字效

網(wǎng)格的數(shù)量我建議先是1*1:

AI+PS教程!手把手教你制作條紋扭曲立體字效

再按康秋+y切換到輪廓模式,對(duì)比著形狀的路徑去調(diào)整添加網(wǎng)格封套以后的矩形條。

盡量一致吧,當(dāng)然也不能百分之百和形狀路徑一模一樣,這就需要時(shí)間和耐心了:

AI+PS教程!手把手教你制作條紋扭曲立體字效

當(dāng)錨點(diǎn)調(diào)整好以后,切換回來再選中對(duì)象將封套網(wǎng)格的數(shù)量改為3*3,這樣扭曲的會(huì)比較自然一點(diǎn):

AI+PS教程!手把手教你制作條紋扭曲立體字效

簡(jiǎn)單的弄完了以后,大概是這樣:

AI+PS教程!手把手教你制作條紋扭曲立體字效

剩下的部分就相對(duì)比較麻煩一點(diǎn)了,我試過直接用封套扭曲來進(jìn)行拼合確實(shí)不容易實(shí)現(xiàn),看來后面還需要在PS里去進(jìn)行拼合。

剛才我們的草圖不是復(fù)制出來了一份么,先用鋼筆工具在如圖所示處補(bǔ)一筆:

AI+PS教程!手把手教你制作條紋扭曲立體字效

先復(fù)制一份草圖出來,然后用形狀生成器工具得到如圖所示的部分:

AI+PS教程!手把手教你制作條紋扭曲立體字效

另外一份草圖用形狀生成器工具得到如圖所示的部分:

AI+PS教程!手把手教你制作條紋扭曲立體字效

同樣的道理得到2的下面需要拼接的形狀:

AI+PS教程!手把手教你制作條紋扭曲立體字效

同樣用添加網(wǎng)格進(jìn)行扭曲,這里直接用黑色矩形就可以了,不用黑白相間的也可以:

AI+PS教程!手把手教你制作條紋扭曲立體字效

接下來就是把各個(gè)部分拖進(jìn)PS里,添加圖層蒙版去擦出多余的部分了:

AI+PS教程!手把手教你制作條紋扭曲立體字效

當(dāng)然,蒙板上涂抹也是一個(gè)細(xì)致活,必要的話還可以新建空白圖層對(duì)某些地方來進(jìn)行修復(fù):

AI+PS教程!手把手教你制作條紋扭曲立體字效

最后導(dǎo)個(gè)樣機(jī)看看效果吧:

AI+PS教程!手把手教你制作條紋扭曲立體字效

結(jié)語

這個(gè)效果其實(shí)我嘗試了蠻久的,試出來以后發(fā)現(xiàn)其實(shí)方法還是蠻簡(jiǎn)單的,主要是考驗(yàn)?zāi)托某潭取?/p>

如果是用C4D的話,我想即使模型做好了條紋貼圖也會(huì)比較麻煩。

相關(guān)推薦

→?AI+PS教程!扭曲字體怎么做?一個(gè)封套工具就搞定

AI+PS教程!手把手教你制作條紋扭曲立體字效

→?AI+PS教程!手把手教你制作線性數(shù)字海報(bào)

AI+PS教程!手把手教你制作條紋扭曲立體字效

AI+PS教程!手把手教你制作條紋扭曲立體字效


一個(gè)人做練習(xí)的時(shí)候,做得好沒人發(fā)現(xiàn),做得差沒人點(diǎn)評(píng),總感覺很難堅(jiān)持下去呢···

從今天開始參與「優(yōu)優(yōu)教程網(wǎng) 365 天打卡計(jì)劃」,每天一個(gè)小練習(xí), 4 位U站管理員與大家一起打卡練習(xí),點(diǎn)贊點(diǎn)評(píng),互幫互助。優(yōu)秀練習(xí)還有機(jī)會(huì)被優(yōu)優(yōu)轉(zhuǎn)發(fā) 【參與方式】每天在?#優(yōu)設(shè)每日作業(yè)#?內(nèi),上傳打卡練習(xí),話題微博格式【 DAY 01~365 】轉(zhuǎn)發(fā)視為參加。(動(dòng)圖為打卡演示) 【收獲】更好的自己

AI+PS教程!手把手教你制作條紋扭曲立體字效