纯净、安全、绿色的下载网站

首页|软件分类|下载排行|最新软件|IT学院

当前位置:首页photoshop教程矢量手绘

搞笑表情 PS表情图标制作教程 学习绘制立体风格的微笑表情

跳跳猪   2021-05-31 我要评论
PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。效果图展示

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

教程步骤

Step 01 草稿绘制

1.1 草稿绘制

选择了一个庆怜的表情包进行参考结合emoji本身的比例和风格用最简单的形状概括表情包内容略去头发头巾等配饰绘制草图。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

Step 02 创建文档并制作背景

2.1 创建文档

新建文档大小为800*800像素分辨率72点击【确定】

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

2.2 制作背景

2.2.1 首先修改背景颜色。

新建图层命名为【背景底色】。在右侧工具栏中找到【渐变工具】设置两端颜色如图所示选择【背景底色】图层鼠标从左下到右上拉出一条线对画布进行渐变颜色填充。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

2.2.2 接下来给背景添加光亮部分。

新建图层命名为【光】。在右侧工具栏中找到【画笔工具】将画笔大小调大至与画布差不多大选择前景色为白色。在【光】图层中轻点一下作出光亮的部分根据画出来的效果调整图层不透明度为30%达到如图所示效果。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

2.2.3 给背景添加暗角。

新建图层命名为【暗角】。在右侧工具栏中找到【油漆桶工具】前景色设置为#471683选择【暗角】图层对画布进行颜色填充。

右下角选择【图层面板】选择【暗角】图层添加图层蒙版。在右侧工具栏中找到【画笔工具】前景色设置为纯黑色(图层蒙版原理黑遮白显)将画笔大小调大至与画布差不多大点击【暗角】的图层蒙版画笔在画面中轻点一下擦除中间部分的颜色。

最后整体调整图层不透明度为60%。选择【暗角】【光】和【背景底色】三个图层给三个图层编组(command+G)命名为【背景】组。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

Step 03 绘制基本形状

形状绘制注意事项:我在绘制形状的时候先不考虑物体的颜色直接用黑白灰简单的区分每个部分后期加光影的时候再一起调整颜色。

3.1 脸部及五官绘制

3.1.1 绘制头部

选择【椭圆工具】点击画布任意位置创建一个390px*390px的正圆命名为【头】。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

3.1.2 绘制嘴巴和牙齿

选择【圆角矩形工具】点击画布任意位置创建一个209.43px* 62 px的长条柱圆角矩形四个圆角均为31px形状命名为【嘴巴】。

选择【圆角矩形工具】点击画布任意位置创建一个34px* 38px的长小圆角矩形四个圆角均为5px形状命名为【牙齿】。选择【牙齿】形状按住【Option】拖动复制相同形状到边缘相接的位置重复这个动作直至一排有7颗牙齿。同理选择已经复制出来的七颗牙齿整排复制上下相贴作出第二排牙齿的形状。将所有绘制出来的牙齿放在【嘴巴】图层上方并且将全部图层都做剪切蒙版。最终效果如图所示。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

3.1.3 绘制眉毛和眼睛

选择【圆角矩形工具】点击画布任意位置创建一个81px* 21 px的长条柱圆角矩形四个圆角均为10.5px形状命名为【左眼】。选择【钢笔】工具通过添加和减少锚点以及调整杠杆达到如图所示的形状。复制【左眼】,把复制的图层命名为【右眼】。

眉毛绘制同眼睛相似根据参考的表情包庆怜的右边眉毛的眉头有断裂部分所以添加【图层蒙版】使用【多边形套索工具】对右边眉毛眉头部分进行选取使用【画笔工具】前景色调为黑色擦除选区部分最终效果如下图所示。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

3.1.4 将所有绘制的形状如图所示摆放在一起面部及五官部分形状绘制完毕。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

3.2 手部绘制

选择【圆角矩形工具】点击画布任意位置创建四个115px* 28 px和一个64px* 28 px的长条柱圆角矩形四个圆角均为14px形状命名为【手指1-5】。将五个手指如图所示排列在画面中选择【钢笔】工具根据手指形状勾勒手掌形状和大小如图所示形状命名为【手掌】。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

3.3 爱心形状绘制

选择【矩形工具】点击画布任意位置创建三个65px* 65px正方形如图所示进行组合排列。(注意正方形2、3的中线和正方形1的边缘对齐)。排列好之后选择正方形2、3点击【属性面板】将两个正方形的圆角拉到最大使正方形变成圆形。最后同时选择三个图形快捷键【Command+E】三个图形组合为一个形状将图形命名为【爱心1】复制形状命名为【爱心2】。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

3.4 形状绘制总结:

所有形状绘制完后组合成如图所示的样子。将图层进行编组整理方便后续的修改。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

Step 04 添加光影效果

4.1 头部光影效果

4.1.1 暗部部分效果

脸部是球体所以暗部的光影是跟制作球体时的光影是类似的。并且光影不是一层完成的而是不断的叠加做成更加真实的光影过度效果。这个表情包的光源来自于右上方后面所的制作都遵循这个光源方向。

首先双击【头】图层右下角的小方块设置球体颜色为#ffd33c。

双击【头】图层打开【图层样式】面板。首先添加【渐变叠加】用【径向】模式确认亮暗部的位置用鼠标直接挪动效果至如图所示的位置。接着叠加两侧【内阴影】使得暗部更加立体所有参数如图所示。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

4.1.2 亮部部分效果

双击【头】图层打开【图层样式】面板。使用【渐变叠加】用【径向】模式制作高光部分用鼠标直接挪动效果至如图所示的位置参数如图所示。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

4.1.3 环境光添加

因为一开始确定了紫色为底色那么球体一定会有受到环境光的影响简单来说就是球体的暗部和反光应该是受到紫色影响。双击【头】图层打开【图层样式】面板。使用两层【内阴影】分别制作收到环境光影响的球体的暗部叠加和反光部分参数如图所示。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

4.1.4 腮红部分效果制作

新建图层命名为【腮红1】放置于【头】图层上方点击【Option】同时鼠标放置于两个图层之间制作【剪切蒙版】。选择【画笔工具】选择【柔边缘】笔刷将前景色设置为#fd9e16画笔调整至适合的大小在球体两侧对称部分直接用笔刷轻点画布。

接着新建图层命名为【腮红2】放置于【腮红1】图层上方点击【Option】同时鼠标放置于两个图层之间制作【剪切蒙版】。选择【画笔工具】选择【柔边缘】笔刷将前景色设置为# fe6c47画笔调整至适合的大小在球体两侧对称部分直接用笔刷轻点画布完成后调整图层透明度至合适的颜色腮红位置如图所示。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

4.2 嘴巴和牙齿光影效果

4.2.1 嘴巴部分基础光影添加

首先双击【嘴巴】图层右下角的小方块设置圆角矩形的颜色为# b44d46。

双击【嘴巴】图层打开【图层样式】面板。使用【投影】制作嘴巴外边缘的反光和暗部的结构使用【内阴影】制作嘴巴内部中空的效果具体参数如图所示。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

4.2.2 牙齿部分基础光影添加

首先双击其中一个【牙齿】图层右下角的小方块设置圆角矩形的颜色为# fffbed右键点击该图层点击【复制形状属性】然后同时选中其他所有【牙齿】图层右键点击【粘贴形状属性】。

双击同一个【牙齿】图层打开【图层样式】面板。使用两层【内阴影】分别牙齿的亮部和暗部部分。制作完成以后右键图层点击【复制图层样式】同时选中其他所有【牙齿】图层右键点击【粘贴图层样式】。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

4.2.3 牙齿弧度效果制作

人的牙齿都是有弧度的简单来说就是前排牙受到光照的地方比较多后排的牙齿因为嘴巴的遮挡导致受光不多为了更加自然的体现这样的前后关系我使用画笔打光来进行效果塑造。

新建图层命名为【牙齿打光】放置于【嘴】编组上方点击【Option】同时鼠标放置于两个图层之间制作【剪切蒙版】。选择【画笔工具】选择【柔边缘】笔刷将前景色设置为# 90241b画笔调整至适合的大小在嘴巴两侧边缘部分直接用笔刷上色最后调整图层透明度。颜色的位置和图层的设置参考图中所示。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

4.3 眉毛和眼睛光影效果

4.3.1 眼睛部分光影制作

简单的形容人的眼睛它应该是在脸里面的所以这里会把眼睛做成凹下去的效果。首先点击【左眼】图形双击右下角的小方块设置圆角矩形的颜色为# 8f4e02。

双击【左眼】图层打开【图层样式】面板。这里的光影制作和嘴巴的光影制作是类似的使用【投影】制作外边缘的反光和暗部的结构使用【内阴影】制作内部中空的效果。所有的图层样式制作完成以后右键【左眼】选择【复制图层样式】选中【右眼】图层右键【粘贴图层样式】具体制作参数如图所示。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

4.3.2 眉毛部分光影制作

人的眉毛是长在外面的这里夸张化的让眉毛处于一个漂浮的状态。首先点击【左边眉毛】图形双击右下角的小方块设置圆角矩形的颜色为# 8f4e02。

双击【左边眉毛】图层打开【图层样式】面板。使用【内阴影】制作暗部结构使用【投影】制作眉毛悬空的投影效果。制作完成以后右键【左边眉毛】选择【复制图层样式】选中【右边眉毛】图层右键【粘贴图层样式】具体制作参数如图所示。(这个地方需要注意因为光源在左上角两个眉毛距离光源的具体不同所以需要使用鼠标拖动投影的距离来区分两个眉毛距离光源的位置如图中眉毛效果图所示。)

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

4.4 手部光影效果:

4.4.1 手部基础光影打造

首先双击其中一个【手指】图层右下角的小方块设置圆角矩形的颜色为# fdb422设置【手掌】和后方的【手指】图层颜色为#ffbd39。

双击该【手指】图层打开【图层样式】面板。使用【内阴影】制作手指缝之间的光影具体参数如图所示。制作完成以后右键【手指】选择【复制图层样式】选中其他的【手指】图层以及【手掌】图层右键【粘贴图层样式】具体制作参数如图所示。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

4.4.2 手指与手掌融合

给前面四个手指添加【图层蒙版】使用【画笔工具】前景色设置为纯黑色根据如图所示的位置进行擦除使得手指和手掌更加自然的融合。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

4.4.3 手部整体光影叠加

根据手在整个画面中的位置对手部进行整体的光影制作。选择所有有关手部的图层右键【转化为智能对象】接着对其进行进一步的光影制作。

首先双击【手】图层打开【图层样式】面板用【内阴影】制作暗部和反光用【渐变叠加】制作手掌后面的高光具体参数如图所示。

接着新建两个图层分别命名为【暗部】和【亮部】选择【画笔工具】选择【柔边缘笔刷】。选择【暗部】图层先沿着手掌左下部分的暗部加入环境色。选择【亮部】图层先沿着手掌右下部分的暗部加入亮色。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

4.4.4 制作手部在脸部的投影

复制【手】图层命名为【手部投影】右键图层【清除图层样式】并且将该图层向左下方挪动到图中所示的位置。

选择图层点击【滤镜】-【模糊】-【高斯模糊】让手部投影产生虚化效果接着右键点击【手部投影】-【栅格化图层】。

双击图层打开【图层样式】面板选择【颜色叠加】颜色选择#c79231模式为正常。调整【手部投影】图层样式为【正片叠底】不透明度设置为78%。

按住【command】点击【头】图层得到圆形选区再选择【手部投影】图层点击图层面板下方的【图层蒙版】使得投影显示在脸部范围之内。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

4.5 装饰物光影效果

这里需要注意的是因为两颗爱心相对于光源的位置不同所以两颗爱心的光影制作是有不一样的地方而不是单纯的用复制粘贴来完成制作。首先点击【爱心1】【爱心2】图形双击右下角的小方块设置爱心的颜色为# ff4133。

4.5.1 左下角爱心效果制作

首先双击【爱心1】图层打开【图层样式】面板用【内阴影】制作暗部、反光以及环境光用两个【渐变叠加】制作两个高光高光的位置需要使用鼠标手动对画面进行拖拽来调整具体参数和高光的位置如图所示。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

4.5.2 右上方角爱心效果制作

首先双击【爱心2】图层打开【图层样式】面板用【内阴影】制作暗部、反光以及环境光用两个【渐变叠加】制作两个高光高光的位置需要使用鼠标手动对画面进行拖拽来调整具体参数和高光的位置如图所示。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

4.5.3 爱心投影制作

选择并复制【爱心1】图层命名为【爱心1投影】右键图层【清除图层样式】并且将投影向下拖拽至图中所示位置。

双击右下角的小方块设置爱心的颜色为# f7870b右键图层点击【转换为智能对象】。

选择图层点击【滤镜】-【模糊】-【高斯模糊】让手部投影产生虚化效果并且于图层面板中调整图层样式为【正片叠底】不透明度设置为80%。

按住【command】点击【头】图层得到圆形选区再选择【爱心1投影】图层点击图层面板下方的【图层蒙版】使得投影显示在脸部范围之内。【爱心2】投影操作方式同上效果如图所示。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

Step 05 添加前景背景装饰物

5.1 添加装饰制造空间感

左侧工具栏找到【文字工具】找到【Apple Color Emoji】字体选择需要的emoji表情灵活使用【自由变换】功能调整表情大小和位置放置在如图所示的位置。

选择相应的图层右键点击选择【转换为智能对象】选择图层点击【滤镜】-【模糊】-【高斯模糊】让手部投影产生虚化效果虚化程度根据整体效果进行调整最终效果如图所示。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

Step 06 整体效果调整

6.1 使用曲线进行调整

在【调整面板】中找到【曲线】在全部图层的最上方点击【曲线】添加调整图层对整体对比度亮度进行统一的调整曲线调整参数如图所示。

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。

最终效果

PS表情图标制作教程:学习绘制立体风格的微笑表情搞笑表情。


相关文章

猜您喜欢

  • 鼠绘漂亮的中国水墨画映日荷花效果图 PS鼠绘教程

    PS鼠绘教程:鼠绘漂亮的中国水墨画映日荷花效果图PS鼠绘荷花水墨画实例教程 一幅看似很简单的作品做出来就不是那么容易这幅水墨荷花色彩和构图方面都非常讲究作者也非常细心,连小小的细节都绘制的很到位! 最终效果 1、新建文档用钢笔工具绘制如图..
  • 学习绘制可爱性感的镜音双子插画图片 PS手绘CG人物教程

    PS手绘CG人物教程:学习绘制可爱性感的镜音双子插画图片CG动漫人物手绘实例类似的教程我们以前也学习过我们需要先画好稿图铺好底色然后慢慢刻画细节注意把握好光影关系即可。 最终效果 1、大致打型出草稿。 2、新建图层二次草稿。 3、草稿调低透..

网友评论

Copyright 2020 www.Musicdownload3mp.com 【飞音下载站】 版权所有 软件发布

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 点此查看联系方式