Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  JQuery UI  >  正文 Illustrator设计漂亮质感的扁平化宝石图标制作教程

Illustrator设计漂亮质感的扁平化宝石图标制作教程

发布时间:2019-05-08   编辑:www.jquerycn.cn
jquery中文网为您提供Illustrator设计漂亮质感的扁平化宝石图标制作教程等资源,欢迎您收藏本站,我们将为您提供最新的Illustrator设计漂亮质感的扁平化宝石图标制作教程资源
给各位Illustrator软件的使用者们来详细的解析分享一下设计漂亮质感的扁平化宝石图标的制作教程。
教程分享:
我们先来看看最终的效果图吧:

 

<center>AI绘制漂亮质感的扁平化宝石图标</center>
使用线段工具画两根垂直交叉的直线,让它们的交点正好在正方形的中心。然后使用路径查找面板中的分割功能把正方形切成四个独立的部分。

 

<center>Illustrator设计漂亮质感的扁平化宝石图标制作教程</center>
Step 3
现在我们可以对每个部分填充不同的颜色以便制作出红宝石不同的几个切面。我们可以根据以下面板的参数为宝石填充颜色:

 

<center>Illustrator设计漂亮质感的扁平化宝石图标制作教程</center>

 

<center>Illustrator设计漂亮质感的扁平化宝石图标制作教程</center>
Step 4
为了表现红宝石的玻璃材质,我们需要添加更多的高光。
小提示:
按以下原文步骤做的话,最终得到的效果会和原作者展示的红宝石效果略有不同。如果一定要和原作中最终效果一致,那就试试改变一下渐变的角度吧~!
如果你懒得不想去研究的话,可以在本篇文章最后看到按步骤做出的效果。
复制粘贴(CTRL-C>CTRL-F)宝石的右上部分,然后将它稍微缩小一点儿并且用线性渐变进行填充:暗黄色((R=209,G=181,B=96)渐变到黑色。混合模式改为滤色,这样我们就制作出了高光。此时我们再使用镜像工具垂直镜像出左边的高光部分,如图所示:

 

<center>Illustrator设计漂亮质感的扁平化宝石图标制作教程</center>
Step 5
继续给宝石添加更多的细节让它看上去更立体更有层次感。
在宝石的最上面,以其中心画一个小一点儿的正方形并旋转45度。用线性渐变填充:深粉色(R=228, G=20, B=64)渐变到玫瑰色(R=225, G=107, B=126)。然后用上个教程中制作星芒的办法为红宝石填加闪耀的光芒。

 

<center>Illustrator设计漂亮质感的扁平化宝石图标制作教程</center>
Step 6
用圆形工具给红宝石画一个背景,用线性渐变填充颜色:深绿色(R=81, G=163, B=37)渐变到亮绿色(R=201, G=230,B=85)。最后给红宝石填加一个长投影,于是我们的红宝石图标就完成了~!

 

<center>Illustrator设计漂亮质感的扁平化宝石图标制作教程</center>
红宝石图标完成了~!我们本期的内容也到此结束。

 

<center>Illustrator设计漂亮质感的扁平化宝石图标制作教程</center>

 

<center>Illustrator设计漂亮质感的扁平化宝石图标制作教程</center>
好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的设计漂亮质感的扁平化宝石图标的制作教程解析分享的全部内容了,各位使用者们看到这里了小编相信目前大家现在是非常的清楚了制作教程了吧,那么各位就快去按照小编上面的教程自己去尝试饿着绘制一下吧。

您可能感兴趣的文章:
PostgreSQL从菜鸟到专家系列教程(1)PostgreSQL介绍
jQuery绘图插件 jqPlot
JavaScript图表绘制组件 Elycharts
怎么让百度快速收录新网站
页面停留时间与网站停留时间详解
基于jquery的15款幻灯片插件
jQuery圆角插件 jQuery Corners
jQuery图表插件 TufteGraph
jQuery信息提示插件 Dynamic tooltip
JQuery+CSS提示框实现思路及代码(纯手工打造)

[关闭]