Illustrator绘制逼真的牛奶和燕麦饼干

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

一杯新鲜的牛奶加上一块脆脆的巧克力碎片饼干是我们从小就爱的美味小吃。今天教同学们用AI中的基本形状,结合扭曲、变换效果和渐变,来创建一杯写实的牛奶和超有质感的燕麦饼干。

先看看效果图


Illustrator绘制逼真的牛奶和燕麦饼干,PS教程,思缘教程网

我们开始吧!

1、画一个脆脆的巧克力曲奇饼干

第一步

首先画一个250*250px大小的圆,用椭圆工具(L),同时按住Shift键来画圆。 给圆形填充沙滩黄色,选择“效果——扭曲和变换——粗糙化” 大小调至1%,勾选“相对” 然后将“细节”值调至5,勾选“平滑”。 点击“确定”,圆形的边缘会变的参差不齐。


Illustrator绘制逼真的牛奶和燕麦饼干,PS教程,思缘教程网

第二步

选择“对象——扩展外观”,使用“变形工具(Shift+R)”使圆形边缘的某些地方更参差不齐。(按住Alt键和Shift键可以调节变形工具的大小)


Illustrator绘制逼真的牛奶和燕麦饼干,PS教程,思缘教程网

第三步

对饼干使用径向渐变,中心到边缘由亮到暗。


Illustrator绘制逼真的牛奶和燕麦饼干,PS教程,思缘教程网

第四步

通过在饼干表面增加一些凹痕来使其表面更有质感。 选择“椭圆工具(L)”画一些圆,使它们大小不一,随意地分布在饼干表面。

像之前将饼干的边缘粗糙化的做法一样,将分布于饼干上的圆形粗糙化,但是这一次要使它们的边缘更粗糙,将“大小”值调整为5%,勾选“相对”;然后将“细节”调整至10,勾选“平滑”,点击“确定”。

然后选择“对象——扩展外观”,接着使用“变形工具(Shift+R)”来调整边缘的形状


Illustrator绘制逼真的牛奶和燕麦饼干,PS教程,思缘教程网

第五步

用从白色到橘色的线性渐变填充前面画好的各个形状,在“透明度”的属性面板上将混合模式选择为“正片叠底”。 通过这种方法做饼干表面的凹痕,做出半透明的阴影效果。


Illustrator绘制逼真的牛奶和燕麦饼干,PS教程,思缘教程网

第六步

现在让我们来制作巧克力的形状,撒在饼干的表面。 用椭圆工具画出一些棕色的圆形,然后应用“粗糙化”效果:“大小”为2%,勾选“相对”;细节为“10”,勾选“平滑”。

选择“对象——扩展外观”,调整圆形的边缘,然后应用径向渐变,将渐变色中得浅亮色置于靠近巧克力形状的上边缘。


Illustrator绘制逼真的牛奶和燕麦饼干,PS教程,思缘教程网

第七步

选择一个巧克力豆,复制并黏贴到前面(Ctrl+C,Ctrl+F) 将黏贴后的一层缩小,往上移至靠近巧克力豆的顶部。 给黏贴过来的小的巧克力豆从上到下填充从棕色到黑色的线性渐变色。

将混合模式调为“滤色”,这样就能够将渐变色中的黑色变透明,获得一个光滑的高光。

对剩下的每个巧克力豆重复上述动作,添加高光,使每个元素都更加写实。


Illustrator绘制逼真的牛奶和燕麦饼干,PS教程,思缘教程网

第八步

选择不带高光的巧克力豆的基本形状,复制并黏贴在后面(Ctrl+C,Ctrl+B) 按住键盘上的向下箭头键,将复制的图层向下移动一些。 填充从浅棕色到白色的线性渐变。 调到正片叠底模式,使巧克力豆的下方有微微的投影。


Illustrator绘制逼真的牛奶和燕麦饼干,PS教程,思缘教程网

第九步

让我们再给曲奇饼干添加一些写实的细节。 我们将用AI默认的笔刷在饼干表面画一些裂缝。 选择“窗口——画笔”出现画笔的属性框,点击属性框的左下角画笔库,选择“艺术效果——粉笔炭笔铅笔”。 接着,找到“炭笔-细”画笔,然后选择画笔工具(B)。


Illustrator绘制逼真的牛奶和燕麦饼干,PS教程,思缘教程网

 收藏