平面设计 
首页 > 平面设计 > 浏览文章

Illustrator绘制立体逼真的钻石图标教程

(编辑:jimmy 日期: 2024/11/26 浏览:3 次 )

最终效果图:

Illustrator绘制立体逼真的钻石图标教程

Step 1

按Ctrl+ N创建新文档。从单位下拉菜单中选择像素,在宽度和高度框中输入600,然后单击高级按钮。选择RGB,屏幕(72 PPI),并确保“使新建对象与像素网格对齐”选中该复选框,然后单击确定。

启用网格(视图>显示网格)和对齐到网格(视图>对齐到网格)。

编辑>首选项>参考线和网格>网格,在网格线间隔框中输入5,次分隔线1。

你也应该为实时预览您的形状的大小和位置打开信息面板(窗口>信息)。

不要忘了计量单位设置,从编辑>首选项>单位>常规>像素。

PS:所有这些选项将显著提高您的工作效率。

Illustrator绘制立体逼真的钻石图标教程

STEP 2

选择矩形工具(M),并简单地创建一个90×80px的矩形。然后,并设置其颜色为R =39,G =170 B =225。

切换到直接选择工具(A),选中蓝色矩形的底边,选择这两个锚点,并按下Alt+Ctrl+ J(或去对象>路径>平均)。然后单击确定。

这应该把你的矩形变为一个简单的三角形,像图中所示的第二图像。

Illustrator绘制立体逼真的钻石图标教程

STEP 3

使用矩形工具(M),创建一个90×50像素的形状,设置填充颜色为R= 255,G =222 B =23。

切换到直接选择工具(A),选中黄色矩形的上边,选择这两个锚点,并按下Alt+Ctrl+ J.此外,检查这两个复选框,然后单击确定。

选中黄色三角形的顶边,然后取消选择矩形工具(M)。创建一个90×5像素的形状,设置填充颜色ATR=102,G =45 B =145,并把它如图中第三图像。切换到直接选择工具(A),专注于你的紫色矩形的底边,选择这两个锚点,并再次按下Alt+Ctr+ J.,检查这两个框,然后单击确定。

Illustrator绘制立体逼真的钻石图标教程

STEP 4

使用矩形工具(M),创建一个80×90px形状,设置填充颜色为R=247,G =148 B =30,并把它如图中的第一个图像那样做。围绕这一新的形状,选中删除锚点工具( - )和点击矩形右下角锚点,将其删除。

切换到直接选择工具(A),并选中橘色造型的顶部。选择左侧锚点只需将它下降10px,右移45px。完成后,应该像第二图像那样。

Illustrator绘制立体逼真的钻石图标教程

STEP 5

重新选择橙色的形状,选择效果>扭曲和变换>变换。复选对称X框,移动-水平滑块拖动-80px,在副本框中输入1,然后单击确定按钮。

请确保您的橘色形状仍处于选中状态,然后转到对象>扩展外观。选择复制出来的形状,按下Shift+Ctrl+ G取消组合它。

Illustrator绘制立体逼真的钻石图标教程

STEP 6

使用矩形工具(M),创建一个45×55像素的形状,设置填充颜色为R=141,G =198 B =63,并把按照如图中的第一个图像那样弄。

围绕这一新的形状,选中删除锚点工具( - ),简单地去掉顶部,左侧定位点(用红色圆圈高亮显示)。

切换到直接选择工具(A),并选中绿色形状的底部。选择左侧的锚点,只是将它拖动50像素。完成后,事情应该像在第二图像那样。

重新选择你的绿的造型,并在前面(Ctrl+C > Ctrl + F)得到副本,选择副本并45px移动到左侧,如图中的第三个图像。确保副本保持选中,挑选反映工具(O)。然后只需单击并从右侧拖动到你的形状的左侧翻转,如图第四图像。

Illustrator绘制立体逼真的钻石图标教程

STEP 7

使用矩形工具(M),创建一个35×55像素的形状,设置填充颜色为R=237,G =28 B =36,并把它如图中的第一个图像。

围绕这一新的形状,选择删除锚点工具( - ),简单地去掉底部,右侧定位点(用红色圆圈高亮显示)。切换到直接选择工具(A),并专注于你的红色形状的顶部。选择合适的定位点,并简单地将移动45px下来。在结束时,事情应该像在第二图像。

请确保您的红色形状仍处于选中状态,然后转到对象>变换>反映。检查垂直框,然后只需单击复制按钮。专注于你的画板,选择新创建的形状,将其拖动到左边,并把它作为显示在第三个图像。

Illustrator绘制立体逼真的钻石图标教程

STEP 8

重新选择创建的所有形状,并按下面RGB颜色替换现有的填充颜色。

Illustrator绘制立体逼真的钻石图标教程

STEP 9

重新选择所有形状,点击Ctrl + G将它们群组。移动到图层面板(窗口>图层),双击你的新组,并重新命名为“面孔”。

Illustrator绘制立体逼真的钻石图标教程

STEP 10

使用钢笔工具(P),创建一条90px的水平路径,如图把它放在图中的位置。添加1PT描边,并设置其在R =237,G =28 B =36的颜色。

Illustrator绘制立体逼真的钻石图标教程

STEP 11

使用钢笔工具(P),创建一条55px的垂直路径,并把它放在图中的位置。添加1PT描边,并设置其在R =237,G =28 B =36的颜色。

确保这条新路径选中,看外观面板(窗口>外观)上只需点击描边,打开描边面板。看配置文件,并选择宽度配置为4.

最后,应该看起来像下面的图片。请确保路径顶端清晰。如果是底部清晰,返回描边面板,检查纵向翻转按钮。

Illustrator绘制立体逼真的钻石图标教程

STEP 12

复制刚的垂直路径(Ctrl+C > Ctrl+ F),选择复制,将其拖动到左边,并把它置顶。

使用钢笔工具(P),加如下面的图像的一些新的,尖锐的路径。请确保您使用的是相同的红色描边与宽度配置文件4。

Illustrator绘制立体逼真的钻石图标教程

STEP 13

重新选择带有红色描边路径并按下Shift+Ctrl+O所有路径(或去对象>路径>轮廓笔划)。确保所有的得到的形状被选中,打开路径查找器面板(窗口>路径查找器),然后单击按钮-联集。

选择生成的形状并到外观面板上,设置填充颜色为R=0 G =161 B =75,然后点击该不透明度,打开透明度弹出面板。改变混合模式为颜色减淡,并降低不透明度为80%。在结束时,事情应该像在第三个图像。

Illustrator绘制立体逼真的钻石图标教程

STEP 14

重新选择你的“faces”群组,并在复制一个副本到前面。只选择组副本,然后在路径查找器面板单击按钮-联集。确保生成的形状被选中,在R =0 G =174 B =239设置其填充颜色,然后按下Shift+Ctrl+]将置顶。

Illustrator绘制立体逼真的钻石图标教程

STEP 15

重新选择你的蓝色形状,并在复制一个副本到前面(Ctrl+c > Ctrl+ F)。选择这个副本,填充黑色代替蓝色,然后把它置底(按Shift+CTrl+[)。请确保在此步骤中的形状保持选中并用效果>风格化>阴影。请在投影窗口中使用下图左边的属性,点击确定,再用效果>风格化>阴影。请在看下面右侧窗口中显示的属性,然后单击确定。

Illustrator绘制立体逼真的钻石图标教程

STEP 16

重新在外观面板上选择你的蓝色形状。首先,选择现有的填充,改变其混合模式为颜色加深。

接下来,使用添加新填色的填充按钮(用蓝色圈中的下图指出)为您的造型添加第二个填充。拖动这个新的填充成下面的蓝色,并确保它保持选中状态。

打开渐变面板(窗口>渐变),并只需点击渐变缩略图,添加默认的黑色到白色的线性渐变。

继续关注渐变面板,90度定角,然后移动到渐变的颜色。选择左滑杆并确保颜色设置为黑色(R =0,G =0 B= 0)。然后选择合适的滑块,设置颜色为R =35,G =31 B =32,并降低其不透明度为0%。

返回外观面板,请确保您的下填充仍处于选中状态,改变其混合模式为柔光,使用效果>风格化>内发光。看如下图所示的属性,然后单击确定。

Illustrator绘制立体逼真的钻石图标教程

STEP 17

最后一步,将教你如何可以轻松地重新着色钻石。重新在外观面板上选择多个填充的形状。选择蓝色填充,只需更换该颜色为R=247,G =148 B =30,或者你喜欢的颜色。也可以尝试不同的混合模式或多个填充不同的混合模式。有很多的可能性。

Illustrator绘制立体逼真的钻石图标教程

Illustrator绘制立体逼真的钻石图标教程

最终效果图

Illustrator绘制立体逼真的钻石图标教程

上一篇:AI制作漂亮的高光闹铃图标教程
下一篇:AI简单制作几何形状的柠檬图案包装盒教程
一句话新闻
一文看懂荣耀MagicBook Pro 16
荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap