5個(gè)超酷的標(biāo)題設(shè)計(jì)技巧,So easy!

2022-5-26    seo達(dá)人

01.加橢圓曲線

圖片

這個(gè)技巧最近可以在很多設(shè)計(jì)中看到,效果很時(shí)尚、很現(xiàn)代,過(guò)稿率超高,并且操作起來(lái)也非常簡(jiǎn)單。 
? 在AI中輸入標(biāo)題,選擇一比較簡(jiǎn)單、現(xiàn)代的字體,當(dāng)然,自己設(shè)計(jì)的也行。

圖片

 

 

? 用橢圓工具畫(huà)一個(gè)橢圓線框,線的描邊不要太粗,然后使其與標(biāo)題斜交叉。

圖片

 

 

? 把橢圓與文字重疊部分的線刪除。

圖片

也可以把橢圓復(fù)制一層,描邊顏色填充成白色,然后把描邊模式改成“使描邊內(nèi)側(cè)對(duì)齊”,做出橢圓把文字進(jìn)行裁剪的效果,當(dāng)然,也可以真的做裁剪。

圖片

圖片

 

 

? 畫(huà)一個(gè)四角星放在橢圓的路徑上,并使其左右兩邊與橢圓路徑隔開(kāi)一點(diǎn)距離。
圖片

圖片

? 顏色可以根據(jù)自己的需求進(jìn)行更改,做完了。

圖片

 

 

02.曲線疊加

圖片

這也是很簡(jiǎn)單的一個(gè)技巧,適合用在電商詳情頁(yè)、微信長(zhǎng)圖、折頁(yè)等設(shè)計(jì)中。 
? 在AI中輸入標(biāo)題,最好再配一個(gè)英文標(biāo)題作為裝飾。

圖片

 

 

? 選擇畫(huà)筆工具在標(biāo)題上“隨意”畫(huà)一條曲線,要注意整體的美觀性與平衡性,線條描邊不要太粗,以免對(duì)標(biāo)題形成過(guò)大干擾。

圖片

 

 

? 給線條填充一個(gè)比較鮮艷的顏色就完成了。

圖片

 

另外,還可以通過(guò)描邊面板中的選取效果功能,給該描邊路徑添加一些藝術(shù)效果,就能得到不同質(zhì)感的曲線。

圖片

 

 

03.波紋效果

圖片

 

? 在Ai中輸入一個(gè)標(biāo)題,然后按快捷鍵:Ctrl+shift+O將其轉(zhuǎn)曲。

圖片

 

 

? 用橢圓工具在標(biāo)題正中央畫(huà)一個(gè)小圓,然后復(fù)制一個(gè)圓,等比拉大到類似下圖的位置。

圖片

? 同時(shí)選中兩個(gè)圓框,并用混合工具依次點(diǎn)擊這兩個(gè)圓的描邊位置,再雙擊混合工具,把指定步數(shù)改成5,得到如下效果。

圖片

圖片

 

 

? 將圓形組擴(kuò)展描邊,使描邊變成形狀,然后一起選中圓圈和文字,打開(kāi)路徑查找器,選擇修邊效果。

圖片

 

 

? 取消群組,單獨(dú)把圓圈部分群組,并把透明度降低。

圖片

 

 

? 根據(jù)圓圈波紋的路徑,用鋼筆工具給文字往外增加類似下圖的小色塊,上、下、中間都要有。

圖片

圖片

 

? 刪除掉圓圈路徑,保留最中間的小圓圈,因?yàn)榇颂幍男A圈沒(méi)有與文字重疊,最后,再變換一下顏色就完成了。

圖片

圖片

 

 

04.扭曲效果

圖片

這種扭曲效果有點(diǎn)像可口可樂(lè)的飄帶圖案,用作海報(bào)標(biāo)題還不錯(cuò),做法同樣很簡(jiǎn)單。 
 
?在Ai中輸入標(biāo)題(字?jǐn)?shù)在4-8之間效果比較好),然后將標(biāo)題轉(zhuǎn)曲,并把文字分為最右兩組。

圖片

? 選中第一組文字,在頂部菜單欄中選擇對(duì)象-封套扭曲-用網(wǎng)格建立,然后在彈出的參數(shù)面板中把網(wǎng)格行數(shù)和列數(shù)全部設(shè)置為1。

圖片

圖片

 

 

? 拖動(dòng)網(wǎng)格框的四個(gè)角上的錨點(diǎn)和手柄,將文字扭曲成下圖效果。

圖片

 

 

? 采用同樣的方式將第二組文字扭曲成如下效果。

圖片

 

 

? 將文字復(fù)制到Ps中,并填充成白色,背景色設(shè)置成黑色。

圖片

 

 

? 用畫(huà)筆工具在文字“轉(zhuǎn)”和“星”的轉(zhuǎn)角處涂一點(diǎn)灰色,再添加一點(diǎn)雜色,做完了。

圖片

 

 

05.火焰文字

圖片

火焰文字不是啥新鮮的效果,不過(guò)搭配上對(duì)比很強(qiáng)的漸變色,效果也是很酷的。 
 
? 在PS中新建一個(gè)畫(huà)板,將背景色填充成黑色,然后輸入一個(gè)標(biāo)題,任意填充一個(gè)顏色,然后刪格化文字,并通過(guò)變換扭曲工具將標(biāo)題扭曲成如下效果。

圖片

 

? 按快捷鍵Ctrl+J將文字復(fù)制一層,并將上面的這一層鎖定,選中下面這一層,然后選擇涂抹工具,把強(qiáng)度值設(shè)置為70左右,沿著文字的上沿用涂抹工具向上呈曲線涂抹。(為了涂抹時(shí)每個(gè)文字不相互影響,可以以每個(gè)文字單獨(dú)建立一個(gè)圖層。)

圖片

 

? 通過(guò)調(diào)整涂抹工具的畫(huà)筆大小重復(fù)涂抹,火苗的長(zhǎng)度大概是文字高度的兩倍左右,盡量保證火焰的底端與文字的頂端是對(duì)齊的。

圖片

 

另外,整體火焰的形狀要盡量自然、飽滿,相連文字之間的火焰輪廓要形成互補(bǔ)關(guān)系,有瑕疵的地方可以用畫(huà)筆輔助涂抹一下,得到如下效果。

圖片

 

 

? 將文字層和涂抹層分別填充上漸變色,注意文字的頂端與火焰的底端顏色要是相同的,使其有融為一體的感覺(jué)。

圖片

 

 

? 將文字和涂抹圖層組合起來(lái),并復(fù)制一層進(jìn)行合并處理,執(zhí)行高斯模糊效果,選擇一個(gè)合適的模糊數(shù)值,顏色填充為高飽和度的深藍(lán)色,塑造出發(fā)光效果,如果覺(jué)得不明顯是可以復(fù)制一層。

圖片

 

? 文字下沿的發(fā)光可以適當(dāng)減弱一點(diǎn),由于火焰圖層的顏色受藍(lán)色發(fā)光影響比較大,可以把火焰圖層再?gòu)?fù)制一層,到這里火焰標(biāo)題就做完了。

圖片

 

注:這個(gè)效果跟參考中的效果不大一樣,因?yàn)槲矣X(jué)得ps中的涂抹工具做出的效果更像火焰,如果想要參考中的效果可以用液化濾鏡中的向前變形工具或AI中的變形工具進(jìn)行涂抹,也可以直接用鋼筆工具勾輪廓。

圖片

任何技巧都不是萬(wàn)能的,用在合適的地方可以錦上添花,用在錯(cuò)誤的地方就是災(zāi)難,所以大家對(duì)自己的設(shè)計(jì)需求要有正確的評(píng)估,一切以得到好的效果為最終目的。

 

原文地址:蔥爺(公眾號(hào))

作者:蔥爺

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》5個(gè)超酷的標(biāo)題設(shè)計(jì)技巧,So easy!

分享本文至:

日歷

鏈接

個(gè)人資料

存檔