新闻中心> 文章详情

南京UI培训教你5分钟绘制卡通UI教程

2016年06月12日

  本次教程很简单,教你5分钟绘制卡通UI,工程量较小,如果你喜欢,就跟着南京万和UI培训一起把它画出来吧!


  ·  STEP 01  ·


  矢量圆角矩形,改变其下方角度。



  ·  STEP 02  ·


  把填充色关闭,把描边点开。右键点击大小输入框,然后选择像素,输入10像素。




  ·  STEP 03  ·


  用钢笔添加几个锚点,随意添加即可。



  ·  STEP 04  ·


  用直接选取工具,框选或者点击一些部分,delete删除。同样可以点击某些锚点上下调整。



  ·  STEP 05  ·


  把描边选项的端点选择圆角。



  ·  STEP 06  ·


  填充色改成蓝色,图层位置调整放在轮廓下方,填充个蓝色。



  ·  STEP 07  ·


  用布尔运算的减去顶层图像,保留一个边儿,将其色彩变成深色一点的颜色作为阴影部分。



  ·  STEP 08  ·


  做一个雪糕的把儿,可以尝试将描边选项的对齐变成外对齐。



  ·  STEP 09  ·


  做一个高亮的部分,仍然是用添加锚点的方式。如果你发现某个部分不是圆角的,可以尝试将钢笔工具的最后一个转换点工具点击一下锚点把角度点下。



  ·  STEP 10  ·


  嘴巴的部分可以用布尔运算切个半圆儿,然后用描边外轮廓并使用圆角。



  ·  STEP 11  ·


  圆角矩形工具做一个小长条的红色舌头,放置即可。



  ·  STEP 12  ·


  做地平线,方法很多。



  ·  STEP 13  ·


  做一个放射小效果,怎么做都可以,也可以用这样的笨方法。



  ·  STEP 14  ·


  基本上完成了,然后对于色彩最后都可以调整一下。



  想和兴趣相投的朋友们一起学习交流吗?那就来江苏万和计算机培训中心吧。江苏万和作为专业的南京UI培训中心,还会定期邀请知名企业的高级UI/UE设计师,项目经理为学生做经验分享会,参与到国内各大UI设计圈沟通交流群,让更多的UI大咖成为你的人脉朋友。

上一篇下一篇
按时发顺丰

技术交流群

Java大数据交流群560819979    加入
Python技术交流群595083299    加入
Oracle技术交流群595119011    加入
Web前端技术交流群604697610    加入
Huawei技术交流群482919361    加入
Redhat技术交流群587875348    加入
UI设计技术交流群511649801    加入
Cisco技术交流群596886705    加入
IT运维技术交流群605888381    加入