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

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

做网站设计,想要有更加美好的用户体验,没有好看的字怎么行,做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做立体字也不是很难,反而简单的几个步骤就能做出来了,以后我们做平面的设计也好,还是需要整体的界面设计也好,都可以掌握住这个方法,好好的开拓我们设计的思维,展示设计的能力,让自己的设计与众不同。

还有什么问题没解决的?点击【咨询专业老师想要咨询相关课程点击【课程咨询

首发地址: UI设计教程之通过AI设计立体字_丝路教程网

资源地址: http://blog.silucg.com/UI/jc/7532.html(分享请保留)


丝路教程网先学习后付款

相关热词:

免费获取最新教程

姓名
手机号
QQ
需求资料
 
Copyright © 2008-2017 blog.silucg.com 丝路教程网 版权所有 网站地图 PS软件 | 3DMAX软件 | Revit软件 | Maya软件 | CAD软件 | AI软件 | BIM软件 | VRay渲染器 |
展开