標題是平面設計作品中一個非常重要的部分,所以標題設計也至關重要,優秀的標題設計除了可以把標題中的信息清晰傳達之外,還要與畫面的風格相符,并且能使畫面整體更加美觀和更有設計感。為此,蔥爺來給大家分享 5 個很不錯的標題設計技巧,而且還附上了詳細的設計步驟。

相關技巧:

加橢圓曲線

超實用!5個簡單出效果的標題設計技巧

這個技巧最近可以在很多設計中看到,效果很時尚、很現代,過稿率超高,并且操作起來也非常簡單。

① 在AI中輸入標題,選擇一比較簡單、現代的字體,當然,自己設計的也行。

超實用!5個簡單出效果的標題設計技巧

② 用橢圓工具畫一個橢圓線框,線的描邊不要太粗,然后使其與標題斜交叉。

超實用!5個簡單出效果的標題設計技巧

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

超實用!5個簡單出效果的標題設計技巧

也可以把橢圓復制一層,描邊顏色填充成白色,然后把描邊模式改成“使描邊內側對齊”,做出橢圓把文字進行裁剪的效果,當然,也可以真的做裁剪。

超實用!5個簡單出效果的標題設計技巧

超實用!5個簡單出效果的標題設計技巧

④ 畫一個四角星放在橢圓的路徑上,并使其左右兩邊與橢圓路徑隔開一點距離。

超實用!5個簡單出效果的標題設計技巧

超實用!5個簡單出效果的標題設計技巧

⑤ 顏色可以根據自己的需求進行更改,做完了。

超實用!5個簡單出效果的標題設計技巧

曲線疊加

超實用!5個簡單出效果的標題設計技巧

這也是很簡單的一個技巧,適合用在電商詳情頁、微信長圖、折頁等設計中。

① 在AI中輸入標題,最好再配一個英文標題作為裝飾。

超實用!5個簡單出效果的標題設計技巧

② 選擇畫筆工具在標題上“隨意”畫一條曲線,要注意整體的美觀性與平衡性,線條描邊不要太粗,以免對標題形成過大干擾。

超實用!5個簡單出效果的標題設計技巧

③ 給線條填充一個比較鮮艷的顏色就完成了。

超實用!5個簡單出效果的標題設計技巧

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

超實用!5個簡單出效果的標題設計技巧

波紋效果

超實用!5個簡單出效果的標題設計技巧

① 在Ai中輸入一個標題,然后按快捷鍵:Ctrl+shift+O將其轉曲。

超實用!5個簡單出效果的標題設計技巧

② 用橢圓工具在標題正中央畫一個小圓,然后復制一個圓,等比拉大到類似下圖的位置。

超實用!5個簡單出效果的標題設計技巧

③ 同時選中兩個圓框,并用混合工具依次點擊這兩個圓的描邊位置,再雙擊混合工具,把指定步數改成5,得到如下效果。

超實用!5個簡單出效果的標題設計技巧

超實用!5個簡單出效果的標題設計技巧

④ 將圓形組擴展描邊,使描邊變成形狀,然后一起選中圓圈和文字,打開路徑查找器,選擇修邊效果。

超實用!5個簡單出效果的標題設計技巧

⑤ 取消群組,單獨把圓圈部分群組,并把透明度降低。

超實用!5個簡單出效果的標題設計技巧

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

超實用!5個簡單出效果的標題設計技巧

超實用!5個簡單出效果的標題設計技巧

⑦ 刪除掉圓圈路徑,保留最中間的小圓圈,因為此處的小圓圈沒有與文字重疊,最后,再變換一下顏色就完成了。

超實用!5個簡單出效果的標題設計技巧

超實用!5個簡單出效果的標題設計技巧

扭曲效果

超實用!5個簡單出效果的標題設計技巧

這種扭曲效果有點像可口可樂的飄帶圖案,用作海報標題還不錯,做法同樣很簡單。

①在Ai中輸入標題(字數在4-8之間效果比較好),然后將標題轉曲,并把文字分為最右兩組。

超實用!5個簡單出效果的標題設計技巧

② 選中第一組文字,在頂部菜單欄中選擇對象-封套扭曲-用網格建立,然后在彈出的參數面板中把網格行數和列數全部設置為1。

超實用!5個簡單出效果的標題設計技巧

超實用!5個簡單出效果的標題設計技巧

③ 拖動網格框的四個角上的錨點和手柄,將文字扭曲成下圖效果。

超實用!5個簡單出效果的標題設計技巧

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

超實用!5個簡單出效果的標題設計技巧

⑤ 將文字復制到Ps中,并填充成白色,背景色設置成黑色。

超實用!5個簡單出效果的標題設計技巧

⑥ 用畫筆工具在文字“轉”和“星”的轉角處涂一點灰色,再添加一點雜色,做完了。

超實用!5個簡單出效果的標題設計技巧

火焰文字

超實用!5個簡單出效果的標題設計技巧

火焰文字不是啥新鮮的效果,不過搭配上對比很強的漸變色,效果也是很酷的。

① 在PS中新建一個畫板,將背景色填充成黑色,然后輸入一個標題,任意填充一個顏色,然后柵格化文字,并通過變換扭曲工具將標題扭曲成如下效果。

超實用!5個簡單出效果的標題設計技巧

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

超實用!5個簡單出效果的標題設計技巧

③ 通過調整涂抹工具的畫筆大小重復涂抹,火苗的長度大概是文字高度的兩倍左右,盡量保證火焰的底端與文字的頂端是對齊的。

超實用!5個簡單出效果的標題設計技巧

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

超實用!5個簡單出效果的標題設計技巧

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

超實用!5個簡單出效果的標題設計技巧

⑤ 將文字和涂抹圖層組合起來,并復制一層進行合并處理,執行高斯模糊效果,選擇一個合適的模糊數值,顏色填充為高飽和度的深藍色,塑造出發光效果,如果覺得不明顯可以復制一層。

超實用!5個簡單出效果的標題設計技巧

⑥ 文字下沿的發光可以適當減弱一點,由于火焰圖層的顏色受藍色發光影響比較大,可以把火焰圖層再復制一層,到這里火焰標題就做完了。

超實用!5個簡單出效果的標題設計技巧

注:這個效果跟參考中的效果不大一樣,因為我覺得 ps 中的涂抹工具做出的效果更像火焰,如果想要參考中的效果可以用液化濾鏡中的向前變形工具或 AI 中的變形工具進行涂抹,也可以直接用鋼筆工具勾輪廓。

結語

任何技巧都不是萬能的,用在合適的地方可以錦上添花,用在錯誤的地方就是災難,所以大家對自己的設計需求要有正確的評估,一切以得到好的效果為最終目的。

歡迎關注作者的微信公眾號:「蔥爺」

超實用!5個簡單出效果的標題設計技巧

收藏 349
點贊 85

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。