跳到主要内容

在Illustrator中创建多组产品图标

单击右上角的图标可放大图标

插图图标可以是您的超级添加设计组合,是否包含它们以接触新的潜在客户群,或者向图示的场景添加更多元素。在这Adobe Illustrator教程我将向您展示如何简单轻松地创建图标,以便您可以立即创建大量图标。

我将设计两个图标集:一组数字电话/平板电脑和一套咖啡制作项目。

01.知道你代表的是什么

pictures of phones, tablets and coffee machines

真实世界的产品需要很好的研究水平

无论您的产品是什么,做您的研究!客户希望所有产品都是正确的,您也应该这样做。即使这是个人项目,您也不会意外地将相机按钮添加到原装诺基亚3310或在英式水壶上放置两针插头。如果您要为客户展示产品,请确保了解它的外观,以便将其理解为真实世界的对象。

02.用铅笔画

Coffee makers drawn in simple lines below a row of phones

将对象分解为简单的线条

你可以随心所欲地开始 - 我总是用铅笔绘制所有东西,但对于许多产品你可以追踪照片。如果你有一个棘手的形状来绘制它恰好是对称的 - 例如一个灯泡 - 你可以画出它的一半(我稍后会来的!)。

03.摆脱扭结

坚持直线,完美的角度和平滑的曲线

在创建线条时,始终保持线条和角度平直且干净。您的插图产品图标可能在页面或屏幕上使用得非常小,不必要的扭结或曲线可能会使眼睛混淆并使事情变得不清楚。

这有两个主要提示。首先,使用“形状”工具,按住转移获得完美的圆形和正方形或直立的多边形的关键。第二,用钢笔工具按住转移键只能绘制与轴成45度或90度的角度。

04.利用对称性

Phone with box around screen to highlight symmetry

对称性可以提高工作流程的效率

许多产品都是完美对称的,这使得产品简洁美观。完成线条后,使用选择工具选择全部(CMD + V并且您会在顶部栏中看到一系列对齐按钮。单击水平或垂直对齐中心按钮,具体取决于您的需要,一切都将对齐。您还可以将对象组合在一起,然后将它们与其他对象或组对齐。

05.反映更复杂的物体

An image of a jug reflected

简单的复制和粘贴将使您的对象保持整洁

对于更加匀称的物体的对称性,完美地说明了一半,然后选择这些一半,并通过按住一次复制并粘贴它们SHIFT + ALT并按下右箭头键,这将保持这些线与其原始水平。

仍然选中复制的对象,单击主菜单中的对象>变换>反射,选择垂直选项,然后单击确定。放置物体的这一侧以获得正确的宽度(仅使用左右箭头键使它们保持与另一半对齐)。

使用直接选择工具(CMD + A)通过选择两个行结束并单击来连接每行的两边CMD + J

06.保持一致性

Picture of phones with consistency between them highlighted

所有产品都经历了变革;展示一个人与下一个人的关系

如果您正在处理一系列产品,请确保始终考虑该系列中的其他项目。如果按钮在不同产品中相同,则复制并粘贴它们,如果弯角始终大小相同,则确保使用相同的角。

通常(特别是科技产品)你可以制作一个设备,然后复制/粘贴它,只需调整比例就可以制作下一个图标,这可以真正加快你的工作流程。

07.添加一些颜色

Two coffee pots, one grey, one green

使用灰色金属可能会很无聊,所以用蓝色进行实验

完成线条后,继续使用颜色。一般来说,你想让音调尽可能接近现实,但也有一些例外。例如,大多数金属都是中灰色,这对每个人来说都很无聊!相反,我使用各种蓝灰色调(浅色或深色),通常会迷失在绿松石中。

尝试使用透明蓝色玻璃,因为白色可以感觉冷。我还推荐用于木材表面的橙子和黄色,以真正带来一些温暖。

08.探索渐变

A phone with a green screen gradient

即使是微妙的颜色渐变也会对图标产生真正的影响

当我们创建插图图标时,您不希望在细微的细节和纹理上走得太远。但是,您可以使用渐变来销售产品表面。为了充分利用Adobe Illustrator,请不要创建从一种颜色到下一种颜色的渐变(通常在打印时会产生条纹)。

相反,为对象/形状选择平面颜色,选择形状并复制它(在图层面板中),然后向此顶部对象添加渐变,从不透明度100%降低到0%。

09.尝试包括阴影和高光

创建自己的高光和阴影,并开发自己的图形样式

当我不使用渐变时,我经常复制一个对象,然后在角落处剪切它。我使用钢笔工具(再次按住shift键)创建一个以45度角裁剪的形状,然后我用浅色或深色调着色,以添加简单但有效的阴影或高光。

10.添加额外的细节

通过添加额外的细节,使您的产品生动

最后,如果您使用图标的大小允许,您可以真正实现它们。技术设备在屏幕上看起来没什么吸引力,所以使用这个空间来展示它的功能或出售应用程序。在更大的插图中使用的图形产品插图(例如,如果这些咖啡设施是更广泛的场景的一部分)将吸引观众。

相关文章:



翻译字数超限