恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
5分钟教你绘制win11全新emoji
0.0°
2021-08-30 原创文章 教程 举报 5286 20 6 2

教程使用工具➡emoji有奖临摹活动

下面我们通过来制作右面这份案例,详细教大家如何制作这种 3D 表情,并把它运用实际项目中。本次临摹时长约 10-15 分钟,就可以拥有专属Emjio

关键点:内阴影、轮廓化

一、新建画板

1.使用快捷键(F/A)新建 800PX ^ 600PX 的画板,并给画板填充背景色 #FFFFFF 。点击右下角的提示按钮选择 快捷键指南 可以查看快捷键,更方便你后期的创作。

2、双击圆形,选中圆形中的最上方的锚点向下移动5px,选中最下方的锚点向上移动5px,选中左侧锚点向右移动5px,同理,选择右侧锚点向左移动5px,这样可以使头型更有形态感,也可以根据自己的个人偏好设置。

3、再绘制一个80PX ^ 80PX圆形,双击圆形选中用鼠标框选右方和下方的两个锚点,点击Delete键删除锚点,选中路径添加14PX的描边,点击更多设置选项中的圆头端点和圆角顶点。右键选择轮廓化(快捷键command+shift+O)路径转换成形状,填充颜色#4A2607。选中形状并复制,旋转75度,选中一个形状使用水平翻转,调整至合适位置

4、再绘制一个140PX ^ 140PX圆形,双击圆形,鼠标停放在两个锚点之间,自动添加锚点,上方左右两侧各添加一个锚点,选中其他锚点按Delete键删除,添加30px的描边,同样选择圆头端点和圆角顶点,右键轮廓化,填充白色(色值#FFFFFF)。再绘制一个28PX^28PX的圆形,调整到合适位置,作为眼珠,并填充#4A2607。

5、再次绘制一个250PX ^ 250PX的圆形,添加14px的描边,双击圆形,添加锚点,删除上半部分,同样再次选择圆头端点和圆角顶点,右键轮廓化,并填充#4A2607,嘴巴的基本图形就完成了。

二、添加背景

选中画板,点击插件里的渐变色工具,可以选择自己喜欢的渐变色,方便大家的使用,我们按色系做了分类,能让大家快速的找到想要的颜色,操作试试吧。

三、添加阴影

1、拟3D的效果主要是通过内外阴影营造,面部主要是由渐变和内阴影相结合形成的立体感,再给每个元素添加投影。大家参考我们提供的数值参数,就能做出可爱的emoji表情啦,也可以根据自己的实际情况调整,赶快上手开始操作吧!

眉毛 投影参数:色值#F08307 (X=0,Y= 7,模糊=14,拓展=0)

色值#704F54 (内阴影 X=0,Y= 4,模糊=8,拓展=0)

色值#261422 (内阴影 X=0,Y= -6,模糊=11,拓展=0)

2、眼睛  投影参数:色值#C9610C (X=-8,Y= 4,模糊=12,拓展=0,不透明度=77%)

3、嘴巴 投影参数:色值#B04D07 (X=0,Y= 7,模糊=14,拓展=0)

色值#704115 (内阴影 X=0,Y= 4,模糊=8,拓展=0)

色值#3B1D03 (内阴影 X=0,Y= -6,模糊=11,拓展=0)

4、为提高整体的立体感和增加视觉效果,在脸部原有的渐变基础上可以再次叠加多个渐变和内阴影,使脸部更加具有立体感。

脸部 填充参数:线性渐变 (色值#FFF700,不透明度=100%)(色值#FFF700,不透明度=0%)

线性渐变 (色值#FC6F03,不透明度=50%)(色值#FC5E03,不透明度=50%)

线性渐变 (色值#FFDF66,不透明度=100%)(色值#DE5607,不透明度=100%)

投影 填充参数:色值#FC77B7 (内阴影 X=0,Y= -15,模糊=20,拓展=0)

色值#FFF700 (内阴影 X=-15,Y= 0,模糊=30,拓展=0,不透明度=50%)

5、贱萌的表情怎么能少了红红的脸蛋呢?绘制一个大小合适的椭圆填充#FF5733,选择模糊中的高斯模糊,参数为22,萌萌的腮红就出来啦!

总结

这期win11拟3D风格的emoji表情主要利用内外阴影与渐变色叠加出3D立体效果。我们提供的教程数值参数只是参考,并不是固定的,大家都可以根据自己的喜好来调整数值参数。大家可以通过这次的临摹练习,拓展一下设计思路,尝试创新出一些更好更有趣的。页面里还有一些风格延伸,大家可以在临摹的时候进行参考,行动起来吧,加油哦!


Powered by Froala Editor

更新:2021-08-30

收藏

20人已收藏

  • 3

    作品

  • 0

    粉丝

  • 0

    关注

  • 每周临摹
  • 车载 HMI 设计

    猜你喜欢

      2021-08-30 原创文章 教程 举报 5286 20 6 2

      5分钟教你绘制win11全新emoji

      0.0°

      你确定要举报5分钟教你绘制win11全新emoji

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2021年08月26日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      6
      20
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录