PS教程!可爱搞怪3D立体表情包!(含素材下载)

时间:2021-05-30
类别:PS教程
水平:入门
观众:3.1w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

教程作者:设计师就业衔接班05期-68-墨隐

交作业:#优设每日作业#

关于教程

今天我们来使用PS制作一张3D表情包,步骤简单,小白也可以轻松完成喔!

大体步骤如下:1、寻找合适的表情包素材 2、新建文档 3、创建背景 4、绘制表情包 5、调整 6、添加背景装饰物 7、存储与导出,接下来将详细说明:

效果图

PS教程!可爱搞怪3D立体表情包!(含素材下载)

教程步骤

Step 01 寻找合适的表情包素材

1.1 为了绘制方便,我们可以优先选择图画类的表情包,可以快速获取五官特征和表情包精髓;

1.2 在绘制3D表情包之前,对其进行预想,根据选取的表情包特征,可以适当删减内容和增加细节。

本教程选取以下表情包为例进行制作。

PS教程!可爱搞怪3D立体表情包!(含素材下载)

Step 02 新建文档

打开PS——点击文件——新建(快捷键Ctrl+N)——宽度:1500、高度:1500、单位:像素、分辨率:72——创建。

参数设置如下:

PS教程!可爱搞怪3D立体表情包!(含素材下载)

Step 03 创建背景

创建新的填充或调整图层——纯色——填充颜色:4d65f7,背景创建完成。

PS教程!可爱搞怪3D立体表情包!(含素材下载)

PS教程!可爱搞怪3D立体表情包!(含素材下载)

Step 04 绘制表情包

接下来,开始绘制表情包,总体分为四步:脸部、眼睛、嘴巴、鼻子。

4.1 脸部

4.1.1 使用矩形工具中的椭圆工具,绘制一个圆,放置于中间,并将图层命名为【脸】。数值如下:

PS教程!可爱搞怪3D立体表情包!(含素材下载)

PS教程!可爱搞怪3D立体表情包!(含素材下载)

4.1.2 为【脸】图层添加图层样式。数值如下:

PS教程!可爱搞怪3D立体表情包!(含素材下载)

(1)这里要做的是【脸】的反光,由于背景色是蓝色,因此内阴影也选择蓝色。

PS教程!可爱搞怪3D立体表情包!(含素材下载)

(2)在日常生活中可以发现脸正中相对较亮,因此选择径向渐变,做出立体效果。

4.2 眼睛

4.2.1 使用钢笔工具绘制左眼,填充颜色为ff4343,无描边,将图层命名为【左眼】。[若对左眼形状不满意,可使用直接选择工具对左眼形状进行调整,使用快捷键Ctrl+T对左眼大小和角度进行调整,调整大小时按住shift键可以等比放大或缩小]

PS教程!可爱搞怪3D立体表情包!(含素材下载)

4.2.2 为【左眼】图层添加图层样式。数值如下:

PS教程!可爱搞怪3D立体表情包!(含素材下载)

PS教程!可爱搞怪3D立体表情包!(含素材下载)

(1)由于我们想要做出眼睛本身的3D效果,因此选择内斜面。

(2)由于我们预设光线来自左上方,因此高光位置调整为左上方,阴影位置调整为右下方。

(3)由于眼睛本身是相对平缓的立体图形,因此等高线选择较为平缓的曲线。

PS教程!可爱搞怪3D立体表情包!(含素材下载)

(4)这里要做的是【左眼】的反光。

PS教程!可爱搞怪3D立体表情包!(含素材下载)

(5)这里要做的是【左眼】在脸部的投影。

4.2.3 使用快捷键Ctrl+J复制【左眼】图层,重命名为【右眼】,将复制的右眼移至右侧。

PS教程!可爱搞怪3D立体表情包!(含素材下载)

4.2.4 在【左眼】图层上方新建一个图层,命名为【打光1】,右键——创建剪贴蒙版。

PS教程!可爱搞怪3D立体表情包!(含素材下载)

4.2.5 选中【打光1】图层,使用柔边圆画笔,画笔大小为120像素,不透明度为25%,流量为25%,颜色为ffffff,给【左眼】打光。数值如下:

PS教程!可爱搞怪3D立体表情包!(含素材下载)

4.2.6【右眼】同理。

PS教程!可爱搞怪3D立体表情包!(含素材下载)

4.3 嘴巴

4.3.1 接下来使用钢笔工具绘制嘴巴,填充颜色为f53939,无描边,将图层命名为【嘴巴】。[使用直接选择工具对形状进行调整,使用快捷键Ctrl+T对大小和角度进行调整,调整大小时按住shift键可以等比放大或缩小]

PS教程!可爱搞怪3D立体表情包!(含素材下载)

4.3.2 为【嘴巴】图层添加图层样式。数值如下:

PS教程!可爱搞怪3D立体表情包!(含素材下载)

(1)这里要做嘴巴外围的3D效果,因此选择外斜面。

(2)我们想要做出嘴巴内凹陷的感觉,因此方向选择下。

PS教程!可爱搞怪3D立体表情包!(含素材下载)

4.3.3 使用钢笔工具绘制喉咙,填充颜色为ce0400,无描边,窗口——属性——设置羽化值为3,将图层命名为【喉咙】,置于【嘴巴】图层上方,右键——创建剪贴蒙版。[使用直接选择工具对形状进行调整,使用快捷键Ctrl+T对大小和角度进行调整,调整大小时按住shift键可以等比放大或缩小]

PS教程!可爱搞怪3D立体表情包!(含素材下载)

PS教程!可爱搞怪3D立体表情包!(含素材下载)

(3)设置羽化值的目的是为了加深层次感,满足近大远小、近处清晰远处模糊的景深视觉需要。

4.3.4 接下来使用椭圆工具绘制舌头,填充颜色为ff2e2e,无描边,将图层命名为【舌头】,置于【喉咙】图层上方,右键——创建剪贴蒙版。[使用直接选择工具对形状进行调整,使用快捷键Ctrl+T对大小和角度进行调整,调整大小时按住shift键可以等比放大或缩小]

PS教程!可爱搞怪3D立体表情包!(含素材下载)

4.3.4 为【舌头】图层添加图层样式。数值如下:

PS教程!可爱搞怪3D立体表情包!(含素材下载)

4.4 鼻子

4.4.1 使用钢笔工具绘制鼻孔1,填充颜色为a85f0e,无描边,将图层命名为【鼻孔1】。[使用直接选择工具对形状进行调整,使用快捷键Ctrl+T对大小和角度进行调整,调整大小时按住shift键可以等比放大或缩小]

PS教程!可爱搞怪3D立体表情包!(含素材下载)

(1)由于形状较小,可使用Ctrl+鼠标滚轮将画面放大,以便调整。

4.4.2 为【鼻孔1】图层添加图层样式。数值如下:

PS教程!可爱搞怪3D立体表情包!(含素材下载)

4.4.3 使用快捷键Ctrl+J复制【鼻孔1】图层,重命名为【鼻孔2】,将鼻孔2移至右侧,使用快捷键Ctrl+T,右键——水平翻转,调整位置。

PS教程!可爱搞怪3D立体表情包!(含素材下载)

4.4.4 使用圆角矩形工具绘制鼻血,填充颜色为f53939,无描边,将图层命名为【鼻血】。[使用直接选择工具对形状进行调整,使用快捷键Ctrl+T对大小和角度进行调整,调整大小时按住shift键可以等比放大或缩小]

PS教程!可爱搞怪3D立体表情包!(含素材下载)

4.4.5 为【鼻血】图层添加图层样式。数值如下:

PS教程!可爱搞怪3D立体表情包!(含素材下载)

PS教程!可爱搞怪3D立体表情包!(含素材下载)

4.4.6 新建一个图层,命名为【鼻血阴影】,置于【鼻血】图层上方,右键——创建剪贴蒙版,使用柔边圆画笔,画笔大小为10像素,不透明度为70%,流量为50%,颜色为ac0d0d,给【鼻血】添加阴影。数值如下:

PS教程!可爱搞怪3D立体表情包!(含素材下载)

4.4.7 为了将【鼻血阴影】显示出来,我们要调整【鼻血】图层的混合模式,使得显示顺序变更为剪贴图层—图层样式—原图层。

(1)显示顺序默认为图层样式—剪贴图层—原图层。

PS教程!可爱搞怪3D立体表情包!(含素材下载)

4.4.8 新建一个图层,命名为【腮红】,置于【脸】图层上方,右键——创建剪贴蒙版,调整【脸】图层的混合模式,使用柔边圆画笔,画笔大小为350像素,不透明度为70%,流量为70%,颜色为fe4343。数值如下:

PS教程!可爱搞怪3D立体表情包!(含素材下载)

PS教程!可爱搞怪3D立体表情包!(含素材下载)

表情包绘制完成。

Step 05 调整

5.1 点击创建新的填充或调整图层——曲线,将此图层置于最上层。调节曲线,使画面变得更亮。如图所示:

PS教程!可爱搞怪3D立体表情包!(含素材下载)

(1)向上调整画面变亮,向下调整画面变暗。

5.2 选中【曲线1】图层,按住shift键,选中【脸】图层,使用快捷键Ctrl+G,将这些图层编组,命名为【表情包】

PS教程!可爱搞怪3D立体表情包!(含素材下载)

5.3 同时按住shift+Ctrl键,点击【右眼】、【左眼】、【脸】图层的图层缩略图,选中选区,回到【表情包】组,点击添加矢量蒙版,即可遮盖多出来的图层样式。

PS教程!可爱搞怪3D立体表情包!(含素材下载)

PS教程!可爱搞怪3D立体表情包!(含素材下载)

5.4 将【表情包】组锁住,在【颜色填充1】图层上方新建一个图层,命名为【背景打光】,使用柔边圆画笔,画笔大小为1500像素,不透明度为75%,流量为75%,颜色为ffffff,给背景打光。数值如下:

PS教程!可爱搞怪3D立体表情包!(含素材下载)

Step 06 添加背景装饰物

6.1 在花瓣网或其他网站搜索3D物品素材,将素材拉入。

PS教程!可爱搞怪3D立体表情包!(含素材下载)

6.2 使用套索工具,选取合适的单个素材,使用快捷键Ctrl+J,生成一个新的图层,也就是我们刚刚选取的单个素材。

PS教程!可爱搞怪3D立体表情包!(含素材下载)

(1)注意要在【装饰】图层使用套索工具。

6.3 选取完毕装饰素材后,将这些单个装饰素材图层选中,使用快捷键Ctrl+G进行编组,命名为【点缀】组,将【点缀】组内的所有图层一一右键,转换为智能对象。
点击【装饰】图层前方的小眼睛,使其不可见。

PS教程!可爱搞怪3D立体表情包!(含素材下载)

PS教程!可爱搞怪3D立体表情包!(含素材下载)

(2)转换为智能对象是为了在后续操作中可以反复多次调整。

6.4 以【图层1】为例,使用移动工具移动【图层1】——使用快捷键Ctrl+T,适当放大素材——滤镜,模糊,高斯模糊,数值设置为10。如图所示:

PS教程!可爱搞怪3D立体表情包!(含素材下载)

PS教程!可爱搞怪3D立体表情包!(含素材下载)

6.5 其他装饰素材同理,注意要符合近大远小,近实远虚的规律。如图所示:

PS教程!可爱搞怪3D立体表情包!(含素材下载)

Step 07 存储与导出

接下来我们要把做好的表情包存储并导出。

7.1 点击文件——存储(快捷键Ctrl+S),这里我们可以给文件命名为【爱心3D表情包】,保存的是PSD源文件。

PS教程!可爱搞怪3D立体表情包!(含素材下载)

7.2 点击文件——存储为(快捷键shift+Ctrl+S),在保存类型中可以选择不同的文件类型,根据个人需要进行存储。

7.3 点击文件——导出——快速导出为PNG,可以快速导出PNG格式的文件。

最终效果图

PS教程!可爱搞怪3D立体表情包!(含素材下载)

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

附件下载

文件名 文件大小 提取码 下载来源
素材下载578Kwesl 点此复制 登录下载
48 收藏 187

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 6

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片