当前位置:丝路教程网 > UI设计 > UI教程 >

AI设计立体字

2018-02-02 14:19 来源: 丝路教程网 分类: UI教程
263 作者:丝路教程网

[导读] 做网站设计,想要有更加美好的用户体验,没有好看的字怎么行,做APP界面设计,同样需要有资深的UI设计师来做精美的界面设计,对于字体的使用,通常比较好的有微软雅黑,黑体等等

  做网站设计,想要有更加美好的用户体验,没有好看的字怎么行,做APP界面设计,同样需要有资深的UI设计师来做精美的界面设计,对于字体的使用,通常比较好的有微软雅黑,黑体等等常见字体,那如果想要做一些立体炫彩的字该如何做出来呢,网上也查不到,这时候我们可以通过我们自己的技术来设计出来。今天丝路UI设计教程分享利用AI设计立体字的做法。

  第一步:创建一个1200px*800px的矩形画布,然后输入内容。例如:crystal

  
  选择字体的时候,尽量选择无衬线的粗体,类似黑体的即可。
UI设计教程之通过PS设计立体字
 

  第二步:选中文字,点击菜单栏中的“效果”下的“3D”中的“凸出和斜角”


UI设计教程之通过PS设计立体字
 

  第三步:设置一定的数值,同“绕转”中的命令相似,需要设置好展示角度,以及光源效果。不同的是,凸出和斜角中可以设置斜角样式以及凸出厚度。

  
  在这里,我们可以参考以下数值:
 
UI设计教程之通过PS设计立体字
 

  第四步:扩展外观,并取消编组,让字与字分开,正面和厚度分开


UI设计教程之通过PS设计立体字
UI设计教程之通过PS设计立体字

  第五步:给厚度的面添加渐变,让立体感更强。

 
  点击渐变上的小色标,选中状态下,用吸管按住SHIFT拾色
UI设计教程之通过AI设计立体字

  第六步:厚度上的渐变加好以后,给正面的也加上微弱渐变


UI设计教程之通过AI设计立体字  

  第七步:让他们重合,加上背景。垂直对称下来一组,降低不透明度到20%


UI设计教程之通过AI设计立体字  

  第八步:画一个黑白渐变的矩形遮罩在投影上,做不透明度蒙版,制造渐隐效果。


UI设计教程之通过AI设计立体字
  最终效果:
UI设计教程之通过AI设计立体字
  怎么样,有没有觉得跟着丝路教程网的操作走一遍,觉得UI设计教程用AI做立体字也不是很难,反而简单的几个步骤就能做出来了,以后我们做平面的设计也好,还是需要整体的界面设计也好,都可以掌握住这个方法,好好的开拓我们设计的思维,展示设计的能力,让自己的设计与众不同。

免责声明:

丝路教程网的部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,如权利人发现存在误传其作品情形,请及时与本站联系。

Copyright © 2008-2017 blog.silucg.com 丝路教程网 版权所有 网站地图
点击这里给我发消息
丝路教育