• 内页banner
  • ui1
  • 内页3
技术专栏您当前所在位置: 首页 > 技术专栏

丰泽UI设计培训之AI篇!

更新时间:2017-06-01 17:24:47点击次数:70次字号:T|T

虽然我知道你们基本上不会去看前言,但是我还是要写,你问我为什么,因为我控记不住我记几啊,话唠的病得治啊。其实这是一篇难产了很久的AI教程,我也曾陷入一个UI设计不断尝试失败的循环中,无法自拔。其实我一直都在思考本次的UI设计案例要怎么做,吃饭,跑步,上班的闲暇时间(其实需求是很饱和的!啧啧啧!)。UI设计培训AI教程

UI设计培训

因为以前用渐变工具,做的太多的UI设计案例,从视觉上分析,这次的案例可能也是渐变做的。但是不行啊,怎么做都不行啊。心都碎了,蛋也碎了。直到一个炎热的下午,突然虎躯一震,好像悟到点什么,于是就把这个烂尾多年的再拿出来试试,反正成功了就成功了,失败了就继续烂尾吧!哈哈哈...

我确实是这么打算的。可是命运给我开了一个玩笑,这次居然成功了,估计是命运同情我太久没出UI设计教程了吧,再不搞点事情,估计就要被主页君遗忘了吧,好了,接下去我终于舍得开始和各位分享我这个难产的UI设计培训案例了。(话唠完露出心满意足的微笑)

贴个图,装装逼,太久没发UI设计教程了,一时激动的没控制住自己!

UI设计培训班

  

    有人和我说需要分分钟的UI设计教程,分分钟UI设计教程还要出效果,还要满足广大新手小白。所以这次,以上的统统会考虑到~一个包你满意的分分钟UI设计培训教程!!!

听好了!

第一步:打字,打个你喜欢的英文字。

第二步:转曲,接着用剪刀工具截取锚点,将文字的路径无情的打断。

第三步:将路径的粗细设置为O.01px。

UI设计培训机构

第四步:绘制一个正方形。

第五步:复制出一排正方形,并填充颜色。

第六步:将条状正方形拉长!

UI设计培训学校

第七步:将条状正方形旋转90°

打开符号面板,将倒下的正方形设置为符号。

UI设计培训

UI设计培训班

接下来就是见证UI设计培训奇迹的时刻了!

第八步:选中S路径,打开“效果-3D-凸出和旋转”窗口,然后设置如下

UI设计培训机构

第九步:点开贴图面板,设置字形的纹理,设置好条纹,点击“缩放以适合”按钮。

UI设计培训学校

每一个面都要设置!整容前后的对比是不是非常滴强烈啊?UI设计特效棒棒哒!

UI设计培训班

为了更好展示UI设计作品,老板,加个背景呗~

UI设计培训

本次的AI案例就华丽丽的结束了,丰泽UI设计培训谢谢您的观赏!