Illustrator设计长拖影宝石图标效果制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计长拖影宝石图标效果的制作教程。

教程分享:

一、绘制钻石

在我眼中,绘画是一件非常有趣的事,它在还原我们生活的基础上又添加上我们对世界的想象(如果你足够有想象力的话)。因此,请想象一下你曾经见过的钻石的样子。它是什么形状?它是光芒万丈还是星星点点?它是什么颜色?

问了自己这几个问题之后,你再打开AI软件,绘制出你心中所想的钻石的样子。但请记住,扁平化的创作首先是去掉高光、阴影,因此你的色彩搭配是很关键。另外,你的图形要精准得当,这才能表现出物件本身的特点。

在AI新建一个文档,尺寸为W:600px、H:600px,颜色模式为RGB。使用参考线先进行图形的简单的布局。

 


接下来,开始绘制钻石,从底部开始绘制。用几何作图的好处在于能精确的控制图形。比如三角形、四边形、圆形,这些软件自带的图形都能让你非常精准地稳定画面。出现瑕疵的几率很小。这时,我们需要绘制一个三角形,只需要选择多边形绘图,在“边数”里填上“3”。

 


调整好三角形的颜色和位置如下:

 


继续在原来三角形基础上添加另外一个三角形,再在钻石的头部上方增加一个四边形。

 


使用“直接选择工具”,对四边形上方两端点进行移动,都分别往中间移动80px。可以拉入参考线。

 


继续在四边形上方画上两个三角形。

 


 


将头部两个三角形的不透明度分别降低为30%、20%。因为这三个图形的排列位置分别是从下至上,所以在下方的透明度越低,这样才能让越在上的图形色彩更“浅”。

接着,调整好图形内部各图形的色彩,确保能看清它们彼此的轮廓。

然后再将上下三角形每条路径对齐,让整个钻石的切面更完美。最终调整后的效果如下:

 


接着将所有图形编组,编组后调整整个钻石的大小外形,这里,我将它稍微“压扁”。然后跟着也可以适当调整上下参考线的位置。这里的参考线的位置对我而言是记录尺寸的作用,因为接下来我会继续做几个同样的宝石图形,因此我要让它们都保持同样的大小比例。

 


二、添加背景

下面,我要为这个钻石添加背景,画一个正圆,直径为整个画板的宽度。让它排列在钻石图形的底层。并将为这个背景添加一个渐变,渐变模式为120度的线性渐变。这一渐变是为接下的长投影做准备。

 


三、制作长投影

这时,画一个长方形。将长方形旋转至这样一个角度。以刚刚从钻石的右侧延伸出来为基准,调整好长方形的大小和角度。

 


这时,通过“ctrl+[”将这个长方形置于钻石的底部同时又在圆形背景的上方。然后同时选中圆形背景和长方形,使用“形状生成工具”,在按住“alt”键的同时单击圆形背景外的不需要的长方形的部分。处理后的效果如下:

 


为长方形添加渐变,渐变模式为-45度,渐变颜色从蓝色到白色过度。

 


渐变设置好后将长方形的图层混合模式改为“正片叠底”。这时,长投影就做好了。

 


四、继续美化

这时,还可以继续往这个钻石增加一些装饰,例如“闪光”。

 


这类图片很适合作为icon或logo使用。当然,海报的设计中也许也能见到它的出现。

 


好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的设计长拖影宝石图标效果的制作教程解析分享的全部内容了,各位使用者们看到这里小编相信大家现在是非常的清楚了绘制方法了吧,那么大家就快去按照小编上面的教程自己去尝试着绘制一下吧。

时间: 2025-01-26 22:12:47

Illustrator设计长拖影宝石图标效果制作教程的相关文章

photoshop设计电视机主题UI图标效果制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计电视机主题UI图标的制作教程. 教程分享: 首先,我们看看原图,一个400*300的小图.   新建一个1000*800的文档,添加一个渐变调整层,做一个#b4b097到#4e473a的90度的径向渐变,设置缩放为150%,勾选仿色,防止出现色块.   我想大家一定很好奇,我的截图径向渐变中的浅色为何不居中,而是位于中部居上,看我们的GIF演示. 在渐变填充的状态下,我们把鼠标指针放置到屏幕上,出现那个移动工具的图标时,我们拖动,渐变

Illustrator设计一个饮料杯图标效果绘制教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计一个饮料杯图标效果的绘制教程. 教程分享: 1.在Ai软件中,新建一个800*800的文档,选择矩形工具,画一个矩形图形,并填充颜色,如图所示   2.然后选择直接选择工具,把矩形的锚点移动一下,如图所示   3.接着选择椭圆工具,画一个椭圆图形,画一个椭圆图形,并填充颜色,描边改为1pt,如图所示   4.接下来选中椭圆图形,按ctrl+c,按ctrl+f粘贴,把椭圆的一边向上移动一层,并填充颜色,描边改为1pt,如图所示  

Illustrator设计简洁的水晶图标按钮制作教程

给各位Illustratror软件的使用者们来详细的解析分享一下设计简洁的水晶图标按钮的制作教程. 教程分享: 1.在Illustrator中做一个浅色直线渐变的正圆,作为图标的底部图形. 2.做两个圆,一大一小,注意选取相近色阶的填充色,进行混合 . 3.做一个白色圆,适当高斯模糊. 4.做一个渐变色的椭圆,作为半透明遮罩,同时选择二者,打开透明度面板的选项设置,建立不透明蒙板,得到半透明的高光部分. 5.绘制出一个三角形,风格化:圆角.再做高光部分,然后与前面的圆角三角形一起放置. 组合放置

Illustrator设计一个透明质感立方体效果制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计一个透明质感立方体效果的制作教程. 教程分享:         好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的设计一个透明质感立方体效果的制作教程解析分享的全部内容了,各位看到这里的使用者们小编相信各位使用者们现在那是非常的清楚了透明质感立方体的制作方法了吧,那么大家就快去按照小编的教程自己去制作一个透明质感的立方体吧.

Illustrator设计精致无缝纹理图案效果制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计精致无缝纹理图案效果的制作教程. 教程分享: 将某个场景的图案,按照随机的方式罗列整个画布上,这就形成一种纹理式样的图案.而这类纹理图案有两种表现,第一种是细微的质感纹理,这类纹理大部分运用到网页的背景上,它显得比较低调,主要色调为黑白灰;第二种就是以图案为独立细节进行随机散布的图案纹理,如下图.   此类图案纹理能铺开整个画布,直接强调主题,虽然直接运用网页布局的很少见,但也能在制作某个广告图或者某个特别修饰的场景里使用. 今天

Illustrator设计阿尔卑斯奶糖漩涡花纹效果制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计阿尔卑斯奶糖漩涡花纹效果的制作教程. 教程分享: 先上最终效果图   像这样一个图形怎么来实现呢?动手之前,先要想想. 有规律的螺旋形,让我想到了用螺旋线来实现,但是螺旋线只是线状,要形成面可以用两线围成面! 这让我想到可以用实时上色来实现!总体方向确定了,下面开始尝试! 在工具栏中找到直线段工具组,找出其中的螺旋线工具,在画板中点下左键拖拉,得到的螺旋线并不是我们想要的, 所以要进行适当设置,如在画面中单击左键,会出来设置调板,

Illustrator设计逼真漂亮的烛光效果制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计逼真漂亮的烛光效果的制作教程. 教程分享:                             好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的设计逼真漂亮的烛光效果的制作教程解析分享的全部内容了,各位看到这里的使用者,小编相信大家现在是很清楚了制作方法了吧,那么各位就快去按照教程自己去尝试着制作下吧.

Illustrator设计滤镜里的涂抹效果制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计滤镜里的涂抹效果的制作教程. 教程分享:             好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的设计滤镜里的涂抹效果的制作教程解析分享的全部内容了,各位看到这里的使用者,小编相信你们现在是很清楚了制作教程了吧,那么各位就快去按照小编上面的教程自己去尝试着制作一下吧.

Illustrator设计特效多重描边字效果制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计特效多重描边字效果的制作教程. 教程分享:   先作个实验,使用文字工具打一个字母出来,并用选择工具选中(在这里为了看得更加清楚,我做了一个黄色的底)   打开外观调板,按下小三角,在弹出菜单中选择"添加新填色"命令   此时外观调板中多了一个"填色"   选中"填色",使用色板调板将其改为白色.   将"填色"在外观调板中拖曳至"字符"的下