圖案用文字組成的手把手教程【傳智教育UI設計】

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

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

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

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

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

(1)設計前的準備

在制作前先要準備好相應的內容：

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

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

(2) 開始制作

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

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

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

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

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

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

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

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

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

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

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

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

三、延展與總結

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

這種通過圖形范圍進行排版，可以有效的增加設計感以及突出主體，簡單高效。

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

猜你喜歡：

AE螺旋動態(tài)文字設計教程

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

如何利用PS制作藝術海報？

設計原則有哪些？盤點那些深入人心的設計原則

傳智教育UI/UE設計師課程