圖案用文字組成的手把手教程【傳智教育UI設(shè)計(jì)】

今天給大家介紹一個(gè)用文字組成圖案的設(shè)計(jì)教程，話不多說下面開始。

一、圖形區(qū)域文字

在排版設(shè)計(jì)中除了左中右基礎(chǔ)排班外，還可以將文字放置到一個(gè)形狀區(qū)域內(nèi)，這樣排版出來的視覺效果會(huì)更好，并有較強(qiáng)的設(shè)計(jì)感。

但如果只是繪制一個(gè)矩形范圍放置文字，還是過于單調(diào)。如何將文字放置到自己繪制的區(qū)域內(nèi)并可以進(jìn)行形狀匹配呢，接下來我們來學(xué)習(xí)下使用AI軟件中的功能將文字匹配到相應(yīng)的圖形中。

二、形狀區(qū)域文字制作

(1)設(shè)計(jì)前的準(zhǔn)備

在制作前先要準(zhǔn)備好相應(yīng)的內(nèi)容：

1) 確認(rèn)文案、文案可以放置多行、如果太少可以使用英文或相關(guān)的詞匯;

2) 根據(jù)需求準(zhǔn)備相應(yīng)的圖像便于繪制其區(qū)域(以下圖為例);

(2) 開始制作

1)打開AI軟件開始制作，畫布建立尺寸為210mm*285mm(印刷品的A4紙大小，或者根據(jù)需求建立對(duì)應(yīng)的尺寸);

2)將文案輸入后進(jìn)行對(duì)齊與排版(同樣文字可以反復(fù)穿插使用，注意：如果文案較少可以添加相關(guān)文字進(jìn)行補(bǔ)充);

3) 排版完成后將文字進(jìn)行適當(dāng)?shù)淖兓?，增加設(shè)計(jì)感(部分改為描邊效果-實(shí)現(xiàn)主次分明);

4) 排版好的文字放到一邊備用，找到需要的圖像使用AI軟件打開;

5) 使用鋼筆工具繪制形狀邊緣;

6) 將繪制好的圖形復(fù)制到文字畫板中,并放到所有圖層的頂層。選中圖形-菜單-對(duì)象-排列-置于頂層(快捷鍵：ctrl+shift+]);

7) 選中文字和圖形在菜單中執(zhí)行-對(duì)象-封套扭曲-用頂層對(duì)象建立(快捷鍵：ctrl+alt+c)即可得到相應(yīng)的區(qū)域圖形;

8) 制作好的圖形 還可以使用文字工具選中里面的文字進(jìn)行編輯;

9) 除了使用填充描邊來區(qū)分文字主次外，還可以使用不同顏色制作圖形區(qū)域文字;

10)將制作好的圖形區(qū)域文字放置到畫布中，添加顏色與進(jìn)行基本排版

11)可以在圖形邊緣加入之前鋼筆繪制的圖形線條作為裝飾效果

12)在將文字放置到頭部右側(cè)添加裝飾效果，選中添加的文字文字-對(duì)象-封套扭曲，選擇旗幟，調(diào)整對(duì)應(yīng)參數(shù)-使其效果與整體更加匹配

三、延展與總結(jié)

通過以上方法我們可以制作各種圖形范圍文字的設(shè)計(jì)效果(如下圖);

這種通過圖形范圍進(jìn)行排版，可以有效的增加設(shè)計(jì)感以及突出主體，簡(jiǎn)單高效。

界面版式設(shè)計(jì)與構(gòu)圖方法很多，在黑馬UI課程體系中會(huì)較為全面的學(xué)習(xí)到各類方法和技巧，在后續(xù)的分享教程中也會(huì)更多地涉及到，我們可以去靈活運(yùn)用來完成對(duì)應(yīng)的設(shè)計(jì)效果。

猜你喜歡：

AE螺旋動(dòng)態(tài)文字設(shè)計(jì)教程

如何使用PS制作水晶效果字體？

如何利用PS制作藝術(shù)海報(bào)？

設(shè)計(jì)原則有哪些？盤點(diǎn)那些深入人心的設(shè)計(jì)原則

傳智教育UI/UE設(shè)計(jì)師課程