互联网给了我们很多很精彩的东西 ,但是互联网在过去几十年里真正普及的东西是表情包。UI设计工具一直处于不断升级发展中,从熟知的Adobe Photoshop、Sketch、Figma,再到如今的新一代设计协作工具Pixso,给设计师带来了高效、协作、一体化的设计体验。那么用Pixso怎么制作表情包呢?今天Pixso将教你如何在短短几分钟内制作自定义的表情包,你可以把它添加到自己的Pixso账号或者聊天软件等应用程序中,这样你就可以在与他人聊天或者做作品的时候有属于自己的表情包了。

表情包示例

在我们深入制作之前,可以快速浏览一下我们将要制作的表情包,希望在完成教程后,你将能够重新创建属于自己的表情包并构建自己的表情包合集!

第一步:创建头部

首先,打开协同软件Pixso,选择左上角创建Pixso文件,按快捷键F或左上角的画板工具选项,创建一个大小为 400x400的画板,然后按下快捷键O或Pixso左上角工具栏中的形状工具中的圆形,创建一个 300x300 椭圆形。

创建表情包

第二步:给圆形添加线性渐变

接下来,给圆形添加线性渐变,把渐变从左上角对齐到右下角,并且在最上面的点选择输入Hex色值编号为#EFE3C0的黄色,再在中间添加一个点并且选择色值标号为#FDDF79,在右下角的最后一点,输入色值编号为#EDA52D。

添加线性渐变

第三步:画上嘴巴

接下来按下快捷键O或Pixso左上角工具栏中的形状工具中的圆形,创建 235x235 椭圆形,并且居中对齐,然后选中圆形并且双击或按下回车键,选择移动工具选择最上面的锚点往下偏移调整它的高度,并且拉动左右两个锚点的控制轴,直到你对它比较满意,这就是你的表情包的嘴巴。

表情包嘴巴

小贴士:选择不同的形状可以表达不同的情绪,如果你拉下嘴巴的边缘,你可以表达出悲伤的感觉。

第四步:给嘴巴一些深度

对于嘴巴的内外部样式,可以先添加一个#3C2727的颜色填充以及一些内部的阴影,小编建议内部阴影设置以下数值,但你可以尝试别的样式,直到你找到更满意的样式:

  • X:0 Y:20 模糊:20 扩展:0 色值:80%不透明的#000000

  • X:-26 Y:0 模糊:50 扩展:0 色值:80%不透明的#000000

  • X:26 Y:0 模糊:50 扩展:0 色值:80%不透明的#000000

表情包嘴巴样式

第五步:创建并遮盖舌头

要创建舌头,创建另一个 200x170 的椭圆形,并将其放置在嘴形底部附近,再复制出一个嘴巴并且舌头图层在嘴巴图层上方,选择舌头形状以及嘴巴图层,然后点击鼠标右键选择创建蒙版,或者点击上方工具栏目中间的创建蒙版按钮,你的大部分舌头形状就会隐藏在嘴巴里!

表情包舌头

第六步:给舌头添加线性渐变

再次选择舌头并添加线性渐变,在顶点出输入Hex色值:#E64545,底点处输入色值:#F47A7A;并且调整画布上手柄的位置,直到你对效果比较满意为止。

表情包添加线性渐变

第七步:增加一些可爱

现在是时候添加一些表情包中红润的脸部了,接下来按下快捷键O或Pixso左上角工具栏中的形状工具中的圆形并创建90x90椭圆形,给它一个色值为#F9A038填充,并增加效果高斯模糊数值设置为50,放在嘴巴图层下方并且复制一个放在脸部的两边~可爱的样子就出来了!

表情包增加细节

第八步:添上可爱的眼睛

按快捷键P或Pixso工具栏中的钢笔,在脸部顶部附近绘制一个等腰三角形的形状,度数看自己看着舒适;并在右下角给的描边属性中给它一个色值为#382424的填充,并将线段粗细设置为8px,两头端点选择圆头,然后在上方的圆角选项调整成30,再复制出一个,放置合适位置,这就是你表情包的眼睛,眼睛是心灵的窗户,可以举一反三自由调控而变化出不用的表情包的意思哦!

表情包眼睛

推荐使用新一代协同设计工具Pixso

表情包制作教程仅仅是个开始!基础的制作表情包知识能让你在学习的过程中少走些弯路,但是重要的是思考和创意思维,举一反三才是设计师的能力体现所在哦,希望你可以尝试具有不同表达方式的表情包设计,以表现出你想要表达的每种情感!推荐使用在线UI/ UX设计工具Pixso开启你的表情包绘制之旅。你也可以进入Pixso资源社区搜索【表情包】,选择心仪的表情设计源文件,直接直线打开进行二次创作或下载使用。

Pixso是新一代设计协作工具,不仅实现了和Figma、 Sketch、Adobe XD 的无缝衔接,更基于优秀的组件变体、自动布局等特色功能,让UI设计师在网页上就可以尽情自由创作。作为一款为本土设计师量身打造的国产设计工具,因其实时协作、精细化设计工具等特色功能,收获了广大使用者的喜爱。

Pixso资源社区

团队协作:团队成员面对一个复杂的设计项目,不再需要等主视觉完成后再进行子页面设计。在 Pixso 完全可以多人云端协作设计,实时同步字号、边框、颜色等各种细节。

设计工具:自带组件变体、自动布局等专业设计工具,支持UI/UX设计和原型播放,一体化完成高保真产品设计。

私有化部署:通过内网本地服务器部署,确保团队敏感数据和核心业务数据私有化,还能根据团队配置,进行定制化功能开发,自定义管理权限,规避数据泄露风险。

设计资源:不仅可以直接拖拽使用Pixso自带的设计资源库,还可以将项目中常用的图标、自制组件一键保存,共享至团队资源库,省去大量重复劳动,形成统一视觉规范。