這個技巧最近可以在很多設(shè)計中看到,效果很時尚、很現(xiàn)代,過稿率超高,并且操作起來也非常簡單。 ? 在AI中輸入標(biāo)題,選擇一比較簡單、現(xiàn)代的字體,當(dāng)然,自己設(shè)計的也行。
? 用橢圓工具畫一個橢圓線框,線的描邊不要太粗,然后使其與標(biāo)題斜交叉。
也可以把橢圓復(fù)制一層,描邊顏色填充成白色,然后把描邊模式改成“使描邊內(nèi)側(cè)對齊”,做出橢圓把文字進行裁剪的效果,當(dāng)然,也可以真的做裁剪。
? 畫一個四角星放在橢圓的路徑上,并使其左右兩邊與橢圓路徑隔開一點距離。
? 顏色可以根據(jù)自己的需求進行更改,做完了。
02.曲線疊加
這也是很簡單的一個技巧,適合用在電商詳情頁、微信長圖、折頁等設(shè)計中。 ? 在AI中輸入標(biāo)題,最好再配一個英文標(biāo)題作為裝飾。
? 選擇畫筆工具在標(biāo)題上“隨意”畫一條曲線,要注意整體的美觀性與平衡性,線條描邊不要太粗,以免對標(biāo)題形成過大干擾。
另外,還可以通過描邊面板中的選取效果功能,給該描邊路徑添加一些藝術(shù)效果,就能得到不同質(zhì)感的曲線。
03.波紋效果
? 在Ai中輸入一個標(biāo)題,然后按快捷鍵:Ctrl+shift+O將其轉(zhuǎn)曲。
? 用橢圓工具在標(biāo)題正中央畫一個小圓,然后復(fù)制一個圓,等比拉大到類似下圖的位置。
? 同時選中兩個圓框,并用混合工具依次點擊這兩個圓的描邊位置,再雙擊混合工具,把指定步數(shù)改成5,得到如下效果。
? 將圓形組擴展描邊,使描邊變成形狀,然后一起選中圓圈和文字,打開路徑查找器,選擇修邊效果。
? 取消群組,單獨把圓圈部分群組,并把透明度降低。
? 根據(jù)圓圈波紋的路徑,用鋼筆工具給文字往外增加類似下圖的小色塊,上、下、中間都要有。
? 刪除掉圓圈路徑,保留最中間的小圓圈,因為此處的小圓圈沒有與文字重疊,最后,再變換一下顏色就完成了。
04.扭曲效果
這種扭曲效果有點像可口可樂的飄帶圖案,用作海報標(biāo)題還不錯,做法同樣很簡單。 ?在Ai中輸入標(biāo)題(字數(shù)在4-8之間效果比較好),然后將標(biāo)題轉(zhuǎn)曲,并把文字分為最右兩組。
? 選中第一組文字,在頂部菜單欄中選擇對象-封套扭曲-用網(wǎng)格建立,然后在彈出的參數(shù)面板中把網(wǎng)格行數(shù)和列數(shù)全部設(shè)置為1。
? 拖動網(wǎng)格框的四個角上的錨點和手柄,將文字扭曲成下圖效果。
? 將文字復(fù)制到Ps中,并填充成白色,背景色設(shè)置成黑色。
? 用畫筆工具在文字“轉(zhuǎn)”和“星”的轉(zhuǎn)角處涂一點灰色,再添加一點雜色,做完了。
05.火焰文字
火焰文字不是啥新鮮的效果,不過搭配上對比很強的漸變色,效果也是很酷的。 ? 在PS中新建一個畫板,將背景色填充成黑色,然后輸入一個標(biāo)題,任意填充一個顏色,然后刪格化文字,并通過變換扭曲工具將標(biāo)題扭曲成如下效果。
? 按快捷鍵Ctrl+J將文字復(fù)制一層,并將上面的這一層鎖定,選中下面這一層,然后選擇涂抹工具,把強度值設(shè)置為70左右,沿著文字的上沿用涂抹工具向上呈曲線涂抹。(為了涂抹時每個文字不相互影響,可以以每個文字單獨建立一個圖層。)
? 通過調(diào)整涂抹工具的畫筆大小重復(fù)涂抹,火苗的長度大概是文字高度的兩倍左右,盡量保證火焰的底端與文字的頂端是對齊的。
另外,整體火焰的形狀要盡量自然、飽滿,相連文字之間的火焰輪廓要形成互補關(guān)系,有瑕疵的地方可以用畫筆輔助涂抹一下,得到如下效果。
? 將文字層和涂抹層分別填充上漸變色,注意文字的頂端與火焰的底端顏色要是相同的,使其有融為一體的感覺。
? 將文字和涂抹圖層組合起來,并復(fù)制一層進行合并處理,執(zhí)行高斯模糊效果,選擇一個合適的模糊數(shù)值,顏色填充為高飽和度的深藍色,塑造出發(fā)光效果,如果覺得不明顯是可以復(fù)制一層。
? 文字下沿的發(fā)光可以適當(dāng)減弱一點,由于火焰圖層的顏色受藍色發(fā)光影響比較大,可以把火焰圖層再復(fù)制一層,到這里火焰標(biāo)題就做完了。
注:這個效果跟參考中的效果不大一樣,因為我覺得ps中的涂抹工具做出的效果更像火焰,如果想要參考中的效果可以用液化濾鏡中的向前變形工具或AI中的變形工具進行涂抹,也可以直接用鋼筆工具勾輪廓。
任何技巧都不是萬能的,用在合適的地方可以錦上添花,用在錯誤的地方就是災(zāi)難,所以大家對自己的設(shè)計需求要有正確的評估,一切以得到好的效果為最終目的。
原文地址:蔥爺(公眾號)
作者:蔥爺
轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》5個超酷的標(biāo)題設(shè)計技巧,So easy!