Illustrator绘制扁平化风格的宝石图标

2016-02-16 18:45 31 1 收藏

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐Illustrator绘制扁平化风格的宝石图标,无聊中的都看过来。

【 tulaoshi.com - Illustrator 】

本教程主要使用Illustrator绘制扁平化风格的宝石图标,教程算是一个系列的珠宝、宝石系列的图标设计教程,挺不错的,推荐过来和图老师的朋友们一起分享学习了,下面就一起来学习吧。

我们先来看看最终的效果图吧:

Illustrator绘制扁平化风格的宝石图标,PS教程,图老师教程网

使用线段工具画两根垂直交叉的直线,让它们的交点正好在正方形的中心。然后使用路径查找面板中的分割功能把正方形切成四个独立的部分。

Illustrator绘制扁平化风格的宝石图标,PS教程,图老师教程网

Step 3

现在我们可以对每个部分填充不同的颜色以便制作出红宝石不同的几个切面。我们可以根据以下面板的参数为宝石填充颜色:

Illustrator绘制扁平化风格的宝石图标,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/illustrator/)

Illustrator绘制扁平化风格的宝石图标,PS教程,图老师教程网

Step 4

为了表现红宝石的玻璃材质,我们需要添加更多的高光。

小提示:按以下原文步骤做的话,最终得到的效果会和原作者展示的红宝石效果略有不同。如果一定要和原作中最终效果一致,那就试试改变一下渐变的角度吧;如果你懒得不想去研究的话,可以在本篇文章最后看到按步骤做出的效果。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/illustrator/)

复制粘贴(CTRL-CCTRL-F)宝石的右上部分,然后将它稍微缩小一点儿并且用线性渐变进行填充:暗黄色((R=209,G=181,B=96)渐变到黑色。混合模式改为滤色,这样我们就制作出了高光。此时我们再使用镜像工具垂直镜像出左边的高光部分,如图所示:

Illustrator绘制扁平化风格的宝石图标,PS教程,图老师教程网

Step 5

继续给宝石添加更多的细节让它看上去更立体更有层次感。

在宝石的最上面,以其中心画一个小一点儿的正方形并旋转45度。用线性渐变填充:深粉色(R=228, G=20, B=64)渐变到玫瑰色(R=225, G=107, B=126)。然后用上个教程中制作星芒的办法为红宝石填加闪耀的光芒。

Illustrator绘制扁平化风格的宝石图标,PS教程,图老师教程网

Step 6

用圆形工具给红宝石画一个背景,用线性渐变填充颜色:深绿色(R=81, G=163, B=37)渐变到亮绿色(R=201, G=230,B=85)。最后给红宝石填加一个长投影,于是我们的红宝石图标就完成了~!

Illustrator绘制扁平化风格的宝石图标,PS教程,图老师教程网

红宝石图标完成了~!我们本期的内容也到此结束。

Illustrator绘制扁平化风格的宝石图标,PS教程,图老师教程网

Illustrator绘制扁平化风格的宝石图标,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160216/1571176.html

延伸阅读
标签: PS PS基础
今天的教程,不仅有超详细的步骤解说与多个技巧,而且绘制时能帮同学们深入学习Photoshop的基础形状,教程不难,作为扁平化图标入门教程再合适不过。 先看看效果图 绘制火箭图标 这些调色板上的颜色是我们将要用到的颜色,我选择了一些不那么鲜艳的颜色,这能和扁平化的图标很好地结合,你可以将这个色板储存在你的电脑中,这样你就可以...
标签: PS PS基础
最终效果 1、新建500 * 500画布,填充为:#01dbcd。 2、椭圆工具,画一个362 * 362的正圆填充#01dbcd,描边1像素,命名为圆。 3、用矩形选框工具画一个长方形,填充为黑色,Ctrl + T 旋转45度左右,大小自己调到合适,然后调到恰当位置,命名为阴影。 4、将图层阴影移到圆的后边,不透明度为8%。 5、用椭圆工具画一个252 * 25...
在本教程中,我们将制作一套平面风格的肖像,描绘不同职业的人。这样的头像可以被用来当作社交网络的头像,或者是你个人网站的设计素材(描绘不同的职业类型)。你还可以用这种方法制作自己的扁平化肖像,用作你自己的商业名片。现在让我们开始我们的教程吧。 Adobe Illustrator的几何形状工具在制作矢量图形方面非常棒。我们通过接下来详细的教...
标签: PS PS基础
最终效果 准备工作: 打开Photoshop,新建600 * 600的画布,其它参数默认,点确定。 方法1: 鼠标移至左侧工具栏矩形工具上,点击三角箭头切换成多边形工具。鼠标移至选项栏设置边:4,点击设置图标(齿轮),按下展开,勾选平滑拐角。 按住Shift,按住鼠标左键在画布中央绘制就可以了。 放大之后发现它的边缘是虚的像素,为了...
标签: Illustrator
在本教程中,我们将制作一套平面风格的肖像,描绘不同职业的人。这样的头像可以被用来当作社交网络的头像,或者是你个人网站的设计素材(描绘不同的职业类型)。你还可以用这种方法制作自己的扁平化肖像,用作你自己的商业名片。现在让我们开始我们的教程吧。 Adobe Illustrator的几何形状工具在制作矢量图形方面非常棒。我们通过接下来详细的教...

经验教程

461

收藏

79
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部