从零开始!学习绘制3D表情的详细指南

在2020 年的苹果全球开发者大会(WWDC),苹果发布了新的 macOS 11(又名 Big Sur)。其中在UI视觉方面macOS Big Sur 系统最大的变化就是图标上, Big Sur更新了很多新设计风格的 3D应用图标,3D设计的确可以提升UI整体的视觉氛围,并且现在在一些APP中已经可以看到小范围3D案例。

表情符号成为生活中丰富情感的必要交流工具。用表情符号,几个像素就能以有趣、清晰、能引起情感共鸣的方式表达我们的想法和感受。最近微软官方更新了 1800 多个全新的 3D 表情,这套全新的表情设计已经被刷屏。有的设计师说不会 3D 工具,现在用「即时设计」一样可以制作漂亮好看的 3D 表情,一起来学习临摹吧!

3D表情临摹详细教程解析icon-default.png?t=N7T8https://js.design/f/uiko2K?source=csdn&plan=bttjc59

新建画板

使用快捷键(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,嘴巴的基本图形就完成了。

添加背景

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

添加阴影

拟3D的效果主要是通过内外阴影营造,面部主要是由渐变和内阴影相结合形成的立体感,再给每个元素添加投影。大家参考我们提供的数值参数,就能做出可爱的emoji表情啦,也可以根据自己的实际情况调整,赶快上手开始操作吧!眉毛 投影参数:色值#F08307 (X=0,Y= 7,模糊=14,拓展=0) 色值#704F54 (内阴影 X=0,Y= 4,模糊=8,拓展=0) 色值#261422 (内阴影 X=0,Y= -6,模糊=11,拓展=0)

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

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

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

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

为提高整体的立体感和增加视觉效果,在脸部原有的渐变基础上可以再次叠加多个渐变和内阴影,使脸部更加具有立体感。脸部 填充参数:线性渐变 (色值#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%)

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

操作到这一步,emoji表情部分已经完成啦,可以根据自己的喜好添加一些文字或者其他修饰。接下来我们只需要把整个表情整体复制一个出来,点击垂直翻转,调整至合适的位置,调整不透明度,好啦,大功告成,是不是很简单呢?小伙伴们都学会了吗?

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/606405.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Linux——socket编程之tcp通信

前言 前面我们学习socket的udp通信,了解到了socket的概念与udp的实现方法,今天我们来学习一下面向连接的tcp通信。 一、tcp套接字创建 UDP和TCP都是通过套接字(socket)来实现通信的,因此TCP也得使用socket()接口创建…

企业架构领域的天花板——TOGAF证书

TOGAF证书是一项重要的企业架构认证,为专业人士提供了广泛的知识和技能,帮助他们在企业架构领域取得突破。 一、TOGAF证书的重要 提升专业知识和技能:TOGAF证书提供了广泛的企业架构知识和最佳实践,使专业人士能够更好地理解和应…

ESD静电问题 | 电容谐振频率点及选择

静电枪放出的静电属于共模干扰 针对静电整改加电容的时候选择频率在17.5MHz~350MHz区间的电容 【转自微信公众号:韬略科技EMC】

漫画对话 ai翻译

復讐の教科書ーー81 81-1 いい加減吐け!!冴木!! 快说吧!!冴木!! お前が一連の事件の犯人なんだろ!? 你就是连续事件的犯人吧!? だか…

elementUI表格table文字不换行

在对应不需要换行的列加上属性::show-overflow-tooltip"true" 即可

leetcode 1235

leetcode 1235 代码 class Solution { public:int jobScheduling(vector<int>& startTime, vector<int>& endTime, vector<int>& profit) {int n startTime.size();vector<vector<int>> jobs(n);for(int i0; i<n; i){jobs[i] …

CMakeLists.txt语法规则:数学运算 math

一. 简介 前面几篇文章学习了 CMakeLists.txt语法中的一些常用变量&#xff0c;常用命令&#xff0c;双引号的作用。条件判断语句&#xff0c;循环语句等等。 本文简单学习一下 CMakeLists.txt语法中数学运算 match。 二. CMakeLists.txt语法规则&#xff1a;数学运算 math 在…

【动态规划】子数组、子串系列I|最大子数组和|环形子数组的最大和|乘积最大子数组|乘积为正数的最长子数组长度

一、最大子数组和 最大子数组和 算法原理&#xff1a; &#x1f4a1;细节&#xff1a; 1.返回值为dp表每个位置的最大值&#xff0c;而不是只看最后一个位置&#xff0c;因为可能最后一个位置都不选 2.可以直接在填dp表的时候就进行返回值的比较 3.如果初始化选择多开一个位…

Apifox 教程:如何实现跨语言调用(Java、PHP、Python、Go 等)

在一些特定场景下&#xff0c;比如需要在 Apifox 中对文件进行读写、加密、转换格式或者进行其它业务的操作时&#xff0c;仅使用 Apifox 内置的 JS 类库可能无法满足业务需求&#xff0c;这时&#xff0c;就可以借助「外部程序」作为解决方案。 外部程序是保存在「外部程序目…

Tower for Mac:Git管理的新境界

Tower for Mac&#xff0c;让您的Git管理进入新境界&#xff01;这款专为Mac用户打造的Git客户端&#xff0c;凭借其出色的性能和丰富的功能&#xff0c;成为众多开发者的首选工具。 Tower不仅支持常规的Git操作&#xff0c;如提交、推送和拉取&#xff0c;还提供了许多高级功能…

AR人脸美妆SDK解决方案,让妆容更加贴合个人风格

美妆行业正迎来前所未有的变革&#xff0c;为满足企业对高效、精准、创新的美妆技术需求&#xff0c;美摄科技倾力打造了一款企业级AR人脸美妆SDK解决方案&#xff0c;为企业打开美妆领域的新世界大门。 革命性的人脸美妆技术 美摄科技的AR人脸美妆SDK解决方案&#xff0c;不…

攻略:ChatGPT3.5~4.0(中文版)国内无限制免费版(附网址)【2024年5月最新更新】

一、什么是ChatGPT&#xff1f; 1、ChatGPT的全名是Chat Generative Pre-trained Transformer&#xff0c;其中"chat"表示聊天。"GPT"则是由三部分组成&#xff1a;生成式&#xff08;generative&#xff09;意味着具有创造力&#xff1b;预训练&#xff0…

计算机毕业设计 | vue+springboot图书借阅 书籍管理系统(附源码)

1. 开发目的 实现图书的智能化、信息化和简单化&#xff1b;实现图书信息的增加、删除、修改、查找、借阅、还书、收藏的显示操作及实时数据库的提交和更改和对普通用户的增、删、改、查&#xff1b;提高图书管理员工作信息报送及反馈的工作效率&#xff0c;减轻管理员的劳动负…

基于Spring Boot框架实现大学生选课管理系统

文章目录 源代码下载地址项目介绍项目功能界面预览 项目备注源代码下载地址 源代码下载地址 点击这里下载源码 项目介绍 项目功能 教务处管理 开课、开班审批&#xff0c;排课处理&#xff0c;班级操作&#xff0c;选课时间段管理** 使用了sql解决了开课开班的时间段的冲突…

Python的Web框架Flask+Vue生成漂亮的词云图

生成效果图 输入待生成词云图的文本&#xff0c;点击生成词云即可&#xff0c;在词云图生成之后&#xff0c;可以点击下载图片保存词云图。 运行步骤 分别用前端和后端编译器&#xff0c;打开backend和frontend文件夹。前端运行 npm install &#xff0c;安装相应的包。后端…

再也不用担心 AI 图片脸崩手崩了

如果你经常用 Stable Diffusion 画人物&#xff0c;相信你一定画出过脸崩的图片。这也是目前文生图 AI 工具普遍存在的问题。连 Midjourney V6 也不例外&#xff01;当它画一个人的时候表现还好&#xff0c;当画面里的人一多&#xff0c;局面就难以控制了。 看&#xff0c;这就…

远动通讯屏的作用

远动通讯屏的作用 远动通讯屏有时有称为调度数据网柜&#xff0c;远动通讯屏具体干啥作用&#xff1f;远动通讯屏是以计算机为基础的生产过程与调度自动化系统&#xff0c;可以对现场的运行设备进行监视和控制、以实现数据采集、设备测量、参数调节以及各类信号报警等各项功能。…

segment anythin 新标注工具 paddleocr训练自己的数据

快递单ocr检测 1.总结2.需求3.方案4.面单定位4.1反转图片扩充数据集4.2新的标注方式4.3json2yolo4.4yolov5推理 5.paddleocr5.1 数据标注5.2 文本检测训练5.3 文本识别训练检测结果 1.总结 按照惯例&#xff0c;先吐槽一下。反正也没人看我比比歪歪。做事全部藏着掖着&#xf…

致力于双碳减排服务——安科瑞推出碳电表

1. 概述 全球首个“碳关税”——欧盟碳边境调节机制于2023年10月启动试运行。自此&#xff0c;首批纳入欧盟碳边境调节机制的6个行业相关产品在出口至欧盟国家时需提供碳排放数据&#xff0c;这会倒逼国内制造业企业加快开展产品碳足迹核查的步伐。以钢铁行业为例&#xff0c;…

怎样把excel表格转换成图片格式?学会这3个Excel小技巧,表格操作不求人,工作效率翻倍

一&#xff0c;前言 excel是办公必备的表格处理软件&#xff0c;每个表格都包含大量的数据和函数逻辑关系&#xff0c;牵一发而动全身。传输excel表格时可以将文件转换成图片或者pdf&#xff0c;这样有利于传输&#xff0c;而且不会改变表格原有的格式。那么怎样才能把excel转…