UI设计中标题字制作

落下了两天的文章了,今天再给大家带来点小干货,绝对平时工作上用得着的哈。。UI设计中标题字制作相对复杂一点,尤其是字体部分,需要自己先在纸上画好或者在PS中慢慢调整,达到美观及吸引眼球的效果;然后用图层样式及纹理等装饰,让文字更具视觉冲击力。

先来看看最终效果

jc1408071_1a

 

1、新建一个900 * 500像素,分辨率为72的画布,打开背景素材,拖进来,适当调整混合模式及不透明度。

打开文字素材,拖进来放好位置,也可以输入自己想要的文字。

 

jc1408071_2a

jc1408071_3a

jc1408071_8

jc1408071_9

2、给文字适当变形。

jc1408071_10

3、在变形的文字上线稍微做出效果,进行斜面浮雕、内阴影,渐变叠加设置,参数及效果如下图。

 

jc1408071_11

jc1408071_11a

jc1408071_11b

jc1408071_11c

jc1408071_12

4、此步骤就是执行外面的包边效果,先将变形好的字形进行描边,大概5-6左右,一般描边的边都比较圆滑,这时就需要耐心的去修边,将原本圆滑的边处理到跟字形轮廓一般硬朗。

jc1408071_13

5、此步骤强化外包边的质感,将外包边的质感如生锈般,参数设置如下图。

jc1408071_14

jc1408071_15

6、将前面操作的几个步骤加在一起,我们可以看下图的效果,后面的处理基本上就是细节刻画了。

jc1408071_16

7、将变形好的字体进行细节刻画,在网上可以找些类似金属的纹理,调节好图层样式叠在字形中。

jc1408071_4a

jc1408071_5

jc1408071_6a

jc1408071_17

8、可以根据所处理的画面色调来选择光的颜色,将光叠入字形中,使整个文字更有质感。

jc1408071_7a

jc1408071_18

最终效果:

jc1408071_1a1

 

 

=========================关于中国E盟=========================

chinae.org 中国E盟发布高质量ui设计教程和设计分享经验,希望打造一个最好的ui学习教程平台!