opebet网页版-bet亚洲官网手机版-登录

教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

传智教育|传智播客

一样的教育,不一样的品质

全国校区

 

图案用文字组成的手把手教程【传智教育UI设计】

更新时间:2021年04月07日10时51分 来源:传智教育 浏览次数:

今天给大家先容一个用文字组成图案的设计教程,话不多说下面开始。


文字组成图案效果

一、图形区域文字

在排版设计中除了左中右基础排班外,还可以将文字放置到一个形状区域内,这样排版出来的视觉效果会更好,并有较强的设计感。


文字组成图案01


但如果只是绘制一个矩形范围放置文字,还是过于单调。如何将文字放置到自己绘制的区域内并可以进行形状匹配呢,接下来大家来学习下使用AIApp中的功能将文字匹配到相应的图形中。


二、形状区域文字制作

(1)设计前的准备

在制作前先要准备好相应的内容:

1) 确认文案、文案可以放置多行、如果太少可以使用英文或相关的词汇;

2) 根据需求准备相应的图像便于绘制其区域(以下图为例);


文字组成图案02


(2) 开始制作

1)打开AIApp开始制作,画布建立尺寸为210mm*285mm(印刷品的A4纸大小,或者根据需求建立对应的尺寸);

文字组成图案04

文字组成图案04


2)将文案输入后进行对齐与排版(同样文字可以反复穿插使用,注意:如果文案较少可以添加相关文字进行补充);

文字组成图案06

3) 排版完成后将文字进行适当的变化,增加设计感(部分改为描边效果-实现主次分明);

用文字组成图案07

4) 排版好的文字放到一边备用,找到需要的图像使用AIApp打开;

5) 使用钢笔工具绘制形状边缘;

用文字组成图案08

用户文字组成图案09

6) 将绘制好的图形复制到文字画板中,并放到所有图层的顶层。选中图形-菜单-对象-排列-置于顶层(快捷键:ctrl+shift+]);

用文字构成图案10

7) 选中文字和图形在菜单中实行-对象-封套扭曲-用顶层对象建立(快捷键:ctrl+alt+c)即可得到相应的区域图形;

用文字构成图案11

用文字构成图案12


8) 制作好的图形 还可以使用文字工具选中里面的文字进行编辑;

用文字构成图案13

9) 除了使用填充描边来区分文字主次外,还可以使用不同颜色制作图形区域文字;

用文字构成图案14

10)将制作好的图形区域文字放置到画布中,添加颜色与进行基本排版


用文字构成图案15


11)可以在图形边缘加入之前钢笔绘制的图形线条作为装饰效果

用文字构成图案15

12)在将文字放置到头部右侧添加装饰效果,选中添加的文字文字-对象-封套扭曲,选择旗帜,调整对应参数-使其效果与整体更加匹配

用文字构成图案15

用文字构成图案17

用文字构成图案17

三、延展与总结

通过以上方法大家可以制作各种图形范围文字的设计效果(如下图);


通过文字构成图案18


这种通过图形范围进行排版,可以有效的增加设计感以及突出主体,简单高效。

界面版式设计与构图方法很多,在黑马UI课程体系中会较为全面的学习到各类方法和技巧,在后续的分享教程中也会更多地涉及到,大家可以去灵活运用来完成对应的设计效果。




猜你喜欢:

AE螺旋动态文字设计教程

如何使用PS制作水晶效果字体?

如何利用PS制作艺术海报?

设计原则有哪些?盘点那些深入人心的设计原则

传智教育UI/UE设计师课程

opebet网页版|bet亚洲官网手机版

XML 地图 | Sitemap 地图