AI设计教程 使用AI软件制作一个图标

新消费
2017
04/14
15:10
小册子课堂
分享
评论

AI设计教程 使用AI软件制作一个图标

在本教程中,我们将学习如何使用Illustrator中的3D建模帮助创建“每天24小时”图标。通过3D建模创建的对象需要额外的,通常是耗时的后续重新工作。在创建图标的所有阶段,我们将使用VectorScribe和DrawScribe插件中的工具,大大简化和加快绘制任务。如果你是一个专业或即将成为一个,那么我认为创造的简单性和时间节省对你非常重要...

步骤1

创建带圆角的矩形。通常我使用动态形状工具(VectorScribe Studio插件)为这些目的。这个工具优于本地圆角矩形工具对我来说是显而易见的,因为我们有机会在创建后控制对象的参数。这允许细化结果,而不用从头做几次尝试。

AI设计教程 使用AI软件制作一个图标

在动态形状工具的帮助下,创建一个三角形并将其放置如下图所示。

AI设计教程 使用AI软件制作一个图标

第2步

选择创建的形状,并通过单击“寻路器”面板中的“联合”来组合它们。

AI设计教程 使用AI软件制作一个图标

这导致无处不在的语音气泡形状。使用类型工具(T)并创建文本“24 h”。我认为无衬线字体最适合这里。

AI设计教程 使用AI软件制作一个图标

步骤3

就拿InkScribe工具(部分DrawScribe)或钢笔工具(P),并创建一个由直线段的道路。

AI设计教程 使用AI软件制作一个图标

设置路径的所需宽度,并在“笔触”面板中选择“箭头”。

AI设计教程 使用AI软件制作一个图标

步骤4

为了使箭头的四个角落圆滑,我使用动态角工具(VectorScribe Studio插件),它允许我通过动态角窗口面板或点击拖动注释点来控制圆角半径。

AI设计教程 使用AI软件制作一个图标

为了公平起见,我想提一提的是,你可以使用圆角效果(效果>风格>圆角...)的帮助下,圆角的箭头:

AI设计教程 使用AI软件制作一个图标

...但是这种效果只给出正确的结果,如果舍入适用于直角和直线段(一个巨大的限制!)。此外,使用此效果,您将无法应用不同的半径到同一路径上的不同角落。

步骤5

选择箭头和文本,然后将其另存为“符号”面板中的新符号。

AI设计教程 使用AI软件制作一个图标

现在可以删除这些对象。选择气泡的形状,然后转到效果> 3D>拉伸和斜角...,然后设置效果的参数如下图所示。

AI设计教程 使用AI软件制作一个图标AI设计教程 使用AI软件制作一个图标

步骤6

单击对话框中的地图艺术...,然后选择地图艺术窗口中的第一个曲面,并将其应用于上一步中创建的符号,单击确定。

AI设计教程 使用AI软件制作一个图标

选择曲面的类型“无阴影”,它将允许您在将来使用较少数量的主题。

AI设计教程 使用AI软件制作一个图标

步骤7

选择3D对象,并转到对象>扩展外观...。作为这些动作的结果,3D对象变成一组向量对象。除了必要的对象,该组还可以包含不需要的对象,没有填充和笔画和剪贴蒙版。我们可以删除所有不必要的对象,而不调查“图层”面板。要做到这一点,去对象>剪贴蒙版>发布,然后去对象>路径>清理...。

AI设计教程 使用AI软件制作一个图标

步骤8

不幸的是,由3D建模产生的矢量对象通常有很多额外的点。

AI设计教程 使用AI软件制作一个图标

这个事实使得编辑和增加资源文件的大小变得困难,因为每个点是一点信息。如果你使用的Astute图形的产品,你可以很容易地删除额外的点。PathScribe工具中的智能删除点(VectorScribe插件)和InkScribe工具(DrawScribe插件)功能都是为此而设计的。

AI设计教程 使用AI软件制作一个图标

步骤9

由3D建模产生的对象可以包含开放路径。

AI设计教程 使用AI软件制作一个图标

要关闭它们,请使用PathScribe工具和InkScribe工具中显示的关闭路径功能。

AI设计教程 使用AI软件制作一个图标

步骤10

在Pathfinder面板中的Unite的帮助下,组合对应于同一曲面的所有对象。

AI设计教程 使用AI软件制作一个图标

现在我们可以开始着色我们的图标。

步骤11

要创建金属表面的光泽,我使用线性渐变,应该包含非常暗(几乎黑色)和非常浅(几乎白色)的灰色阴影。

AI设计教程 使用AI软件制作一个图标AI设计教程 使用AI软件制作一个图标AI设计教程 使用AI软件制作一个图标

要在金属表面上创建反射,请创建用黑白线性渐变填充的对象,并对其应用“乘法”混合模式,并降低“透明度”面板中的不透明度。

AI设计教程 使用AI软件制作一个图标AI设计教程 使用AI软件制作一个图标

步骤12

选择图标的上表面,然后转到对象>路径>偏移路径...并设置偏移值。

AI设计教程 使用AI软件制作一个图标

使用任意颜色填充新对象。

AI设计教程 使用AI软件制作一个图标

步骤13

复制并粘贴前面的灰色形状两次(Cmd / Ctrl + C; Cmd / Ctrl + F两次)。将上部形状向下移动几个像素(为了清楚起见,我用红色填充了中间形状)

AI设计教程 使用AI软件制作一个图标

现在选择上部灰色形状和中间红色形状,然后单击路径查找器面板中的减影前部。

AI设计教程 使用AI软件制作一个图标

步骤14

选择通过上一步骤的动作获得的红色形状,以及灰色形状。采取刀具并剪切选定的形状,如下图所示。

AI设计教程 使用AI软件制作一个图标

为了确保刀具刀具沿着直线切割,在使用它时保持Opt / Alt(此工具只能应用于闭合路径,而不能应用于打开路径)。使用包含红色和蓝色颜色的径向渐变填充生成的对象。

AI设计教程 使用AI软件制作一个图标AI设计教程 使用AI软件制作一个图标

使用线性渐变填充边缘处的对象,其中包含相应曲面的较暗的阴影。

AI设计教程 使用AI软件制作一个图标AI设计教程 使用AI软件制作一个图标

步骤15

填充文本和箭头几乎不可见的线性渐变从白色到灰色。

AI设计教程 使用AI软件制作一个图标

我喜欢对所有对象应用渐变填充。这允许你给予额外的体积的印象。

步骤16

在椭圆工具(L)的帮助下创建一个圆,并用从灰色到白色的径向渐变填充它。将乘法混合模式应用于此对象,并放置在所有创建的对象下方。借助直接选择工具(V)将圆形转换为椭圆形。因此,我们创造了一个我们的图标的一般阴影。

AI设计教程 使用AI软件制作一个图标

步骤17

现在让我们在图标下创建一个更加对比的阴影。为了这些目的,我创建了两个对象。较低的,较大的一个具有浅灰色填充和0%不透明度。上部对象具有深灰色填充和100%不透明度。选择两个对象,然后转到对象>混合>制作。

AI设计教程 使用AI软件制作一个图标

不要期望你会立即得到所需的结果。很可能,您需要编辑混合对象中的形状。您可以使用铅笔工具(N)或动态草图工具(DrawScribe插件)移动对象的点,甚至重绘其形状。我更喜欢使用动态草图工具,因为这个工具允许我调整路径后动态调整准确度和平滑度。包含在混合对象中的形状的点的量对结果的质量和平滑度具有显着影响。

AI设计教程 使用AI软件制作一个图标

-----图片来源于网络

来源:小册子课堂

THE END
广告、内容合作请点击这里 寻求合作
3D
免责声明:本文系转载,版权归原作者所有;旨在传递信息,不代表砍柴网的观点和立场。

相关热点

在以往的手机升级中,苹果推出了压感屏功能(3D Touch),虽然被一些科技媒体质疑为“鸡肋功能”,但是仍然有一些消费者青睐压感操控的使用。
手机
相比于过去的血拼与混战,2018年春节档可能更需要品质上的较量。
水煮娱
相比于过去的血拼与混战,2018年春节档可能更需要品质上的较量。
水煮娱
苹果的科学家对如何让无人驾驶汽车更好地识别骑行者和行人,并减少传感器的使用展开了研究,还将结果发布在网上。这似乎是该公司首次公开发布与无人驾驶汽车有关的论文。
VR
继去年的《谍影重重5》之后,又有一部3D电影惹怒了中国观众,那就是好莱坞科幻大片《银翼杀手2049》。对于究竟是“3D”版本还是“2D”版本引发了不少争议。
水煮娱

相关推荐

1
3