百木园-与人分享,
就是让自己快乐。

AI教程!教你3步搞定立体表情包!

视频地址:https://www.bilibili.com/blackboard/html5player.html?aid=799862679&as_wide=1

原图作者:coolvector

教程作者:AI肖博士

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

关于教程

AI教程!教你3步搞定立体表情包!

今天的教程图是作者coolvector所绘制的表情包图形,整体显得十分有空间感与立体感。

AI教程!教你3步搞定立体表情包!

下面,我会教大家制作立体表情包效果。

教程步骤

AI教程!教你3步搞定立体表情包!

首先可以画出正面的表情,并且创建为符号。接着,可以通过3D贴图得到透视的表情效果。(贴图操作方法可看视频)

AI教程!教你3步搞定立体表情包!

给圆形添加径向渐变,参数如上图,得到上图效果。

AI教程!教你3步搞定立体表情包!

接着,给表情右下角添加如上图的色块,并用剪切蒙板,剪切多余部分,最后对色块使用高斯模糊(数值可根据实际情况调整),就能得到柔和的暗部效果。

AI教程!教你3步搞定立体表情包!

同理,在图形左上侧叠加如上图的色块,对色块使用高斯模糊,就能得到柔和的亮部效果。

AI教程!教你3步搞定立体表情包!

接着,可以将表情和聊天气泡组合在一起,并且加入2者之间的投影,得到上图效果。(聊天气泡可通过3D效果得到,投影可用混合得到,混合方法可看视频)。

AI教程!教你3步搞定立体表情包!

最后加入背景,以及高斯模糊后的小球,就能得到上图效果啦。

本周作业题

原创作业:用上述骚操作,原创图形一个。

临摹作业:临摹下图中的图形部分。

AI教程!教你3步搞定立体表情包!

AI教程!教你3步搞定立体表情包!

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


来源:https://uiiiuiii.com/illustrator/1212375376.html
图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » AI教程!教你3步搞定立体表情包!

相关推荐

  • 暂无文章