header_v1.7.39

Illustrator如何绘制光明节主题图标

15天前发布

翻译文章 / 多领域 / 教程
UI设计导师 翻译,如需商业用途或转载请与UI设计导师联系,谢谢配合。

老铁要上车啦

1.如何设置新文档

由于我确定您已经在后台启动并运行了Illustrator,因此请将其启动,然后使用以下设置设置新文档文件>新建Control-N):

  • 画板数量: 1

  • 宽度: 800像素

  • 身高: 600 px

  • 单位: 像素

然后从高级选项卡:

  • 颜色模式: RGB

  • 栅格效果:屏幕(72ppi)

  • 预览模式:默认



快速提示:你们中的一些人可能已经注意到,缺少将新对象与像素网格对齐选项,这是因为我正在运行新的CC 2017版本的软件,其中Illustrator 处理方式发生了很大变化形状捕捉到底层的像素网格

2.如何设置自定义网格

由于我们将使用像素完美的工作流程来创建图标,因此我们需要设置一个漂亮的小网格,以便我们可以完全控制我们的形状 - 也就是说,如果我们运行旧版本的该软件。

步骤1

转到编辑>首选项>指南和网格子菜单,然后调整以下设置:

  • 网格线: 1 px

  • 细分: 1



第2步

一旦我们设置了自定义网格,我们需要做的就是确保我们的形状看起来很清晰,可以在视图菜单下找到对齐网格选项,每当您进入像素预览时就会转换为对齐像素模式。

现在,如果您对整个“像素完美的工作流程”很陌生,我强烈建议您仔细阅读我如何创建像素完美的艺术作品教程,这将有助于您立即拓宽技术技能。

3.如何设置图层

在创建新文档的情况下,使用几个图层来构建我们的项目将是一个好主意,因为这样我们可以一次关注一个图标,从而保持稳定的工作流程。

这就是说,调出图层面板,并总共创建四个图层,我们将重新命名为:

  • 第1层:参考网格

  • 第2层:dreidel

  • 第3层:sufganiyot

  • 第4层:烛台



4.如何创建参考网格

 参考网格(或基地电网)是一组精确的界定参考面,这让我们专注于规模性和一致性,以建立我们的图标。

通常,网格的大小决定了实际图标的大小,并且它们应该始终是您在开始新项目时做出的第一个决定,因为您始终希望从最小的可能大小开始并在此基础上进行构建。

现在,在我们的例子中,我们将只使用一个尺寸创建图标包,更确切地说是128 x 128像素,这是一个相当大的尺寸。

步骤1

首先锁定除参考网格图层以外的所有图层,然后抓住矩形工具(M)并创建一个128 x 128像素的橙色(#F15A24)方形,这将有助于定义图标的整体大小。



第2步

添加另一个更小的120 x 120 px one(#FFFFFF),它将作为我们的活动绘图区域,从而为我们提供全方位4 px填充。



第3步

使用Control-G键盘快捷键对组成参考网格的两个方块进行分组,然后在彼此距离为40 px的位置创建两个副本,确保将它们对齐到画板的中心。

完成后,锁定当前图层并转到下一个图层,我们将开始处理第一个图标。



5.如何创建Dreidel图标

我们将通过制作通常带有四个希伯来字母נ(Nun),ג(Gimmel),嘿(Hey)和ש(Shin)的小木制玩具来启动这个项目,只有我们才会仅呈现第三个。这就是说,确保你在正确的层次上(这将是第二个),然后放大第一个参考网格,以便我们可以开始。

步骤1

使用64 x 80 px矩形(#BA8258)创建Dreidel主体的主体形状,我们将通过在“ 变形”面板中将其顶角的半径设置为2 px并将其底部的角度设置为32像素来进行调整 。通过中心对齐底层活动绘图区域的底部边缘来定位生成的形状,距离为4 px



第2步

切换到  像素预览模式(Alt-Control-Y),然后使用添加定位点工具点击它以开始处理尖端,然后调整其边线曲线,方法是先使用选定转换对其进行平滑处理锚点指向光滑的工具,然后玩弄他们的手柄。



第3步

使用“ 偏移路径”方法为结果形状提供轮廓,方法是首先选择它,然后进入“ 对象” >“路径”>“偏移路径”,然后在“ 偏移值”字段中输入4 px



步骤4

将刚刚创建的轮廓的颜色更改为#54423E使其能够从前部填充形状中脱颖而出,然后使用Control-G键盘快捷键选择并将它们分组在一起。



第5步

使用64 x 62 px矩形(#E0A26E)创建玩具的前部分,我们将通过将其顶角的半径设置为2 px并将其底部的角度设置为32 px来进行调整。给出最终形状为4 px厚的轮廓(#54423E),然后将其组合(Control-G),并将两者放置在较大的身体上,将它们对准轮廓的顶部边缘。



第6步

通过创建一个28 x 8像素的矩形来开始制作小嗨符号,我们将使用这个矩形进行着色#54423E ,然后在距离轮廓14像素的距离处居中对准Dreidel的身体。



第7步

选择我们刚刚创建的形状,并通过将其右角的半径 设置为2 px并将其左下角设置为4 px来开始调整。



第8步

使用矩形工具(M)添加一个4 x 4 px正方形(#54423E),我们将把它放在我们在前面步骤中创建的形状的上方,将它与左侧对齐,然后通过设置顶点的半径来调整它,左角4点



第9步

通过创建一个8 x 8像素圆圈(#54423E)来完成符号的上半部分,我们将通过 使用直接选择工具(A)选择其顶部和右侧锚点进行调整,然后通过按删除将其删除 使用钢笔工具(P)合并剩余的锚点,然后选择所有符号的形状,并使用探路者的 统一形状模式对它们进行分组。



第10步

使用8 x 18 px矩形(#54423E)创建符号的左边框,我们将通过将其左上角和右下角的半径设置为8 px来调整,将结果形状放置在我们在先前的步骤,距离 4 px



第11步

使用一个8 x 22像素的矩形(#54423E)创建右边的矩形,我们将通过将其左上角的半径设置为4像素,将其底部像素设置为8像素进行调整,将产生的形状定位在符号的顶部部分正下方距离其右边缘2像素的距离。

然后,一旦完成,使用Control-G键盘快捷键选择并将所有三种形状组合在一起,然后对dreidel的构图形状进行相同操作。



第12步

通过使用12 x 28 px矩形(#BA8258)添加小手柄来完成dreidel ,我们将通过将其顶角的半径设置为2 px来进行调整。给出形状为4 px的轮廓(#54423E),然后组合(Control-G),并将两者对齐到玩具主体的上部。

与往常一样,在继续之前,不要忘记使用Control-G键盘快捷键将所有图标的组合形状组合在一起。



6.如何创建一个Sufganiyot板图标

假设你已经锁定了上一层并转到下一层,放大第二个参考网格,让我们开始研究我们的小Sufganiyot板。

步骤1

使用一个112 x 112像素的圆来为板的主体创建主要形状,我们将使用这个圆#82705B,给它一个4 px厚的轮廓(#54423E)。将两个形状(Control-G)分组,然后将它们对齐到底层活动绘图区域的中心。



第2步

通过创建一个104 x 104像素的圆圈(#54423E),将一条细节线添加到板的中心,从中我们将使用Pathfinder减号前端形状模式从中切出一个更小的100 x 100像素



第3步

使用48 x 48像素圆(#725F4C)和4 px厚轮廓(#54423E)创建板的中心较深部分(),我们将分组(Control-G),然后居中对齐到较大的基础体。



步骤4

使用一个18 x 15 px矩形(#54423E)(1)创建David的Star ,我们将通过 使用Add Anchor Point Tool(+)在其上边缘的中间添加一个新的锚点来调整大卫之星,之后移除边角(2)。 

翻转得到的形状的填充行程控制-X ),它的设置权重 ,以2像素和使其轮(3)。完成调整后,创建一个我们将水平翻转的形状(4)的副本(右键单击>变换>反射>水平),然后向下按5 px右键单击>变换>移动>垂直> 5像素)(5)。最后,组(Control-G)将两个形状组合在一起,然后将它们对齐到板的较暗部分。

由于我们已经在平板上进行了大量工作,因此可以对其构图形状进行相同处理。



第5步

通过创建一个36 x 36像素圆,我们将使用该颜色#FFBB71 并给出4 px厚的轮廓(#54423E),开始制作第一个sufganiyah 。然后分组(Control-G),并通过中心对齐它们到板的轮廓的上边缘来定位两者。



第6步

通过创建一个4 x 4像素圆(#E87552)和一个4 px厚的轮廓(#54423E)(我们将分组(Control-G),然后中心对准甜甜圈的身体来添加果冻填充。



第7步

使用我们将使用的一串2 x 2 px圆添加糖粉来完成甜甜圈#FFE3C5。慢慢来,一旦完成后,请确保使用Control-G键盘快捷方式将圆圈组合在一起,然后重复相同的过程来制作甜甜圈的构图形状。



第8步

使用我们刚刚制作的一个副本(Control-C> Control-F)创建第二个sufganiyah ,我们将把它放置在板的左下侧,与原始距离为4 px

此外,您可以通过水平或垂直翻转来为复制品赋予不同的感觉(右击>变换>反射>水平垂直,具体取决于您决定采用的方式),以便它们不会看起来完全相同。



第9步

添加第三个和最后一个甜甜圈,使用我们将放置在盘子右侧的原始(Control-C> Control-F)的第二个副本,将它定位在  顶部一个16 px和左侧一个12 px

完成后,不要忘记选择所有图标的组成形状,并使用Control-G键盘快捷键将它们组合在一起。



7.如何创建一个烛台图标

我们现在到了项目的第三个也是最后一个图标,所以假设您已经学习了该演练,请放大第三个参考网格,然后让我们开始吧。

步骤1

使用我们将使用的40 x 4像素 矩形创建Menorah底座的主形状#FCC96D,给出4 px厚的轮廓(#54423E),然后居中对齐底层活动绘图区域的底边。



第2步

使用矩形工具(M)40 x 2 px水平细节线添加到我们刚创建的形状的中心,并使用它着色#54423E



第3步

使用两个2 x 8 px矩形(#54423E)添加底座的侧面部分,我们将使用“ 对齐”面板垂直居中对齐,之后选择并分组(Control-G)所有形状。



步骤4

创建使用基底的圆背部28×16像素的椭圆,我们将使用颜色#DDA654,然后通过选择其底部锚点移除其下半部调整 直接选择工具(A) ,然后按删除。使用Control-J键盘快捷键合并得到的路径,然后给它一个4 px粗的轮廓(#54423E),分组(Control-G),并将两者放置在基座下部(右键>排列>发送到后面后面

一旦你有了它们,选择所有基地的组成形状和组(Control-G)。



第5步

创建Menorah的中央脊柱,使用一个2 x 72 px的矩形(#DDA654)和一个4 px厚的轮廓(#54423E),我们将中心对齐基座,定位它们以便轮廓最终重叠。



第6步

开始通过创建针对所述第一组臂的主形状的工作26×26像素的圆(#DDA654),从该我们将切出的较小的22×22像素之一,中心得到的形状对准到脊柱和定位它  23像素从底层的有效绘图区的顶边。



第7步

使用54 x 54像素的圆圈(#DDA654)创建第二组臂,我们将从中删除一个较小的50 x 50像素的圆形,并将生成的形状与上一步的形状对齐。



第8步

使用一个82 x 82像素的圆圈(#DDA654)创建第三组臂,我们将从中切出一个较小的78 x 78像素,将所得到的形状与先前创建的圆圈对齐。



第9步

使用110 x 110像素圆圈(#DDA654)创建第四组和最后一组手臂的主要形状,从中我们将切出一个较小的106 x 106像素,将产生的形状与前一个圆圈对齐。



第10步

一旦你有了所有的四个戒指,把你的时间,并从每一个删除上半部分,通过放置一个足够大的矩形(用橙色突出显示在上面),然后使用探路者减号正面形状模式切割它从底层形状出来。



第11步

假设你已经完成去除上半部分,给每个产生的形状一个4 px厚的轮廓,确保改变它们的颜色#54423E



第12步

由于我们希望武器看起来好像与脊椎连接,所以我们必须选择轮廓,然后右键单击>排列>发送到后面将它们发送回去

一旦你这样做了,选择和分组(Control-G)脊柱及其手臂是不错的主意,这样他们就不会意外分离。



步骤13

使用一个2 x 16 px矩形(#FFE1BD)和一个4 px厚的轮廓(#54423E)来创建Menorah中心蜡烛的主要形状,我们将把它放置在中心脊柱的顶部,确保轮廓重叠。



第14步

将一个12 x 4 px矩形(#54423E)添加到蜡烛轮廓的底部,并在其上再添加一个4 x 2 px one(#54423E),然后选择并分组(Control-G)所有其组合形状。



第15步

使用我们刚刚完成创建的蜡烛的副本(Control-C> Control-F),添加剩余的副本,以便每个臂最终都有一个。



步骤16

使用蜡烛,使用30 x 22 px椭圆(#FCC96D)和4 px厚的轮廓(#54423E)组合(Control-G),然后对准Menorah的中心,为前装饰板创建主要形状,距离其基地31 px的距离。



步骤17

抓住我们为第二个图标创建的大卫之星的副本(Control-C),并将其粘贴(Control-F)到第三个参考网格上,中心与Menorah的装饰板对齐。

一旦你有了它,你可以将它(Control-G)分组,使它们不会因意外而分离。


步骤18

通过使用6 x 4 px椭圆(#FCC96D)和4 px轮廓(#54423E)添加较小的装饰板,我们将组合(Control-G),然后对齐Menorah第四个臂的中心,距离它的底部12px的距离。

一旦你有了这个作品,选择所有图标的组成形状,并将它们分组。



OK完成了!

你有它 - 一个非常简单和非常简单的过程来创建你自己的光明节主题图标包,只需使用基本的工具和形状,你可能已经在定期使用。

我希望你找到了容易遵循的步骤,并且最重要的是学到了一些新的有用的东西。




2
    Hello PM 意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功