注:此教程为英翻教程,软件操作不娴熟的小伙伴儿,谨慎尝试哦。翻译不足之处,自行脑补哦。
1.新建文档使用Ctrl-N 键盘快捷键,然后按如下方式调整它:
并从“ 高级”选项卡:
2.设置一些图层一旦我们获得了项目文件,最好将其分层,以便我们可以建立并维护稳定的工作流程,这将有助于我们一次关注一个图标。要执行此操作,请打开“ 图层”面板,然后创建五个图层,我们将使用简短描述重命名这些图层,以便于识别:
3.创建参考 格该参考 格(或基地电 )是一组精确的界定参考面,这让我们专注于规模性和一致性,以建立我们的图标。通常, 格的大小决定了实际图标的大小,并且它们应该始终是您在开始新项目时做出的第一个决定,因为您总是希望从尽可能小的尺寸开始并在此基础上构建。现在,在我们的例子中,我们将使用一个尺寸创建图标包,更准确地说是128 x 128像素。步骤1锁定除参考 格之外的所有图层,并使用矩形工具(M)创建一个128 x 128像素的红色(#ff6b57)方块,这将定义图标的整体大小。
第2步添加另一个较小的116 x 116 px square(#FFFFFF)作为我们的活动绘图区域,从而为我们提供全面的6 px填充。
第3步使用Ctrl-G键盘快捷键将两个正方形组合在一起,然后创建三个彼此间隔40 px的副本 ,确保将它们对齐到画板的中心。
4.精灵球
步骤1首先在椭圆工具(L)的帮助下绘制一个108 x 108 px圆(),然后我们将位于活动绘图区域的中心,从而对球的上半部分进行处理。#ff6b57
第2步创建一个116 x 52像素的矩形,我们将对齐到活动绘图区域的顶部,然后通过选择两个形状然后右键单击>制作剪贴蒙版来屏蔽我们刚创建的圆 。
第3步通过创建另一个略大的116 x 116 px圆圈(#423b3b),将轮廓添加到球的上部,我们将使用116 x 56 px矩形进行遮罩,确保之后将其发送到背面(右键单击>排列>发送回来)。此外,此时我们还可以对两个形状(Ctrl-G)进行分组,因为我们将使用它们的副本创建下部分。
第4步创建球的下半部分,抓住上半部分的副本(Ctrl-C> Ctrl-F),我们将通过水平翻转它来调整它(右击>变换>反射>水平),然后改变颜色从红色到浅灰色(#ede2e2)。
第5步通过在其中心添加一个108 x 4 px矩形(#423b3b)填充球的两个部分之间创建的空白空隙。
第6步开始处理按钮周围的插入,绘制一个44 x 44像素的圆圈,我们将使用它们进行着色#423b3b,然后朝向参考 格的中心。
第7步通过绘制我们将使用的28 x 28 px圆圈添加按钮底部的主要形状#ede2e2。
第8步通过绘制一个20 x 20 px圆(#423b3b)来创建按钮的轮廓,我们将对齐到先前创建的形状的中心。
第9步通过创建一个12 x 12 px圆圈(#ede2e2)来添加按钮本身,该圆圈将在此部分的所有其他组成形状之上,然后选择并分组它们(Ctrl-G),以便它们不会与一个分开另一个意外。
第10步由于此时我们已经完成了图标的组合形状,我们现在可以继续添加精加工细节,例如高光和阴影。首先,双击分组按钮进入隔离模式,然后创建较大灰色圆圈的两个副本(Ctrl-C> Ctrl-F)。复制到位后,将顶部的一个向下移动约2像素,然后使用“ 探路者 ”的“ 减 形状模式”创建剪切。
第11步通过将其颜色设置为白色(#FFFFFF)然后将其不透明度降低到 80%,将生成的形状转换为高光。
第12步使用相同的过程,为充当物理按钮的较小灰色圆圈添加微妙的高光。
第13步在捅球的上半部分添加一个类似的高光,只有这一次将第二个副本向下移动4 px并使用 柔光进入混合模式,使不透明度达到80%。哦,不要忘了,因为红色圆圈被遮盖了,你必须双击它才能进入隔离模式并将你的高光放在那里,否则最终会重叠轮廓。
第14步将最后一组高光添加到球的下半部分,使用白色(#FFFFFF)作为填充颜色,使用80% 作为不透明度。
第15步完成高光后,在按钮的下半部分添加阴影,方法是创建较小轮廓的副本(Control-C> Control-B),我们将通过将其颜色设置为黑色(#000000)来调整。将其不透明度降低至28%。
第16步通过在灰色半部的底部添加最终阴影,使用与上一步中相同的颜色和不透明度值完成图标。完成后,不要忘记使用Control-G键盘快捷键选择所有图标元素并将其组合在一起。
5.探测器图标步骤1
抓住圆角矩形工具并创建一个72 x 108像素的形状,其中我们将使用4 px角半径进行着色#ff6b57,然后将其定位到活动绘图区域的中心。
第2步通过选择形状为轮廓赋予轮廓,然后转到对象>路径>偏移路径并在偏移值字段中输入4 px。
第3步通过更改颜色来调整生成的形状,#423b3b以使其突出。
第4步在我们开始添加任何图标的组成元素之前,我们需要在其上部添加一个微妙的高光,使用white(#FFFFFF)作为填充颜色,Soft Light作为我们的混合模式,80%作为我们的不透明度。
第5步一旦我们添加了高光,我们可以通过绘制一个8 x 8 px圆(#34d5ea)并使用偏移路径方法给它一个4 px轮廓(#423b3b)创建主镜头,确保使用Ctrl-G对两者进行分组键盘快捷键并将它们定位在左上角。
第6步接下来,通过绘制三个2 x 2 px圆圈(红色:#d96151,黄色:#ffb85a,绿色:)#92db63并给它们稍微更薄的2 px轮廓(#423b3b)来添加小光指示器。将每个圆圈的轮廓(Control-G)分组,然后将它们 彼此相距2 px,将它们放在镜头的右上方。
第7步在指示灯指示灯的情况下,抓住钢笔工具(P)并使用#423b3b填充颜色绘制从翻盖部分划分图标主体的剖面线。
第8步通过在设备主要轮廓的右下部分添加一个4 x 88 px矩形(#ff6b57)和4 px轮廓(#423b3b),为翻盖的铰链创建主要形状。
第9步通过绘制两个4 x 4 px矩形(#423b3b)并在红色形状的每一侧定位一个来向铰链添加一些细节。添加完毕后,选择所有的合成元素,然后使用Control-G键盘快捷键对它们进行分组。
第10步使用钢笔工具(P),绘制小的右向箭头(#423b3b)并将其朝向设备翻盖的中心。
第11步选择圆角矩形工具 并创建一个28 x 2 px形状(#d96151),其中1 px角半径,然后给它一个2 px轮廓(#423b3b),组(Ctrl-G)并将两个形状定位到下半部分翻盖。
第12步因为在这一点上我们已经完成了图标组成部分的工作,我们可以开始添加其余的高光和阴影。话虽如此,花点时间在您认为需要的地方添加细节,完成后,使用Ctrl-G键盘快捷键选择并将所有图标的元素组合在一起。
6.孵化器图标步骤1
使用圆角矩形工具,创建一个68 x 32 px形状(#ede2e2),其中14 px Corner Radius,我们将使用直接选择工具(A)选择其底部锚点并使用Delete 键删除它们进行调整。移除锚点后,按Control-J关闭生成的形状的路径,然后给它一个4像素的轮廓(#423b3b),将其与活动绘图区域的上半部分对齐。
第2步使用Minus Front方法,在孵化器的上半部分添加一个微妙的高光,使用白色作为填充颜色(#FFFFFF)并将不透明度 降低到80%。
第3步在突出显示的情况下,通过绘制一个带有4 px Corner Radius的28 x 10 px圆角矩形开始处理内部面板,我们将使用黄色()进行着色,然后给出2 px轮廓(),定位两个形状在底层部分的中心。#ffb85a#423b3b
第4步使用带有2 px Corner Radius的24 x 6 px圆角矩形(#423b3b)添加面板的内部部分,然后选择其所有三个形状并将它们分组(Ctrl-G)。
第5步抓住矩形工具(M)并创建一个68 x 4像素的形状(#ffb85a)。给它一个4像素的轮廓(#423b3b)并将两个放置在孵化器的较大部分下面。
第6步在仍然选中矩形工具(M)的情况下,创建两个80 x 4 px矩形(#423b3b),并将一个位于黄色部分轮廓的顶部,另一个朝向底部。
第7步在我们对黄色部分的合成元素进行分组之前,在其中心添加另一个26 x 2 px矩形(#423b3b),将其对齐到底部。
第8步通过绘制一个60 x 48 px矩形(#000000)来创建玻璃面板,我们将通过将其不透明度降低到14%来调整,然后定位在我们刚创建的黄色部分下方。
第9步在玻璃面板的左侧和右侧 添加一个4 x 48像素的矩形(#423b3b),作为轮廓。
第10步使用钢笔工具(P),为玻璃面板创建对角线反射,确保在它们与下面的形状之间留出一个全方位的4 px空白空间。使用白色(#FFFFFF)作为填充颜色,将不透明度降低 到60%。完成后,选择所有玻璃面板的组成元素,并使用Ctrl-G键盘快捷键对它们进行分组。
第11步通过抓取我们已有的副本(Ctrl-C> Ctrl-F)并水平翻转(右击>变换>反射>水平)来创建孵化器的下半部分。
第12步通过移除面板和向下突出显示调整下部,以便我们可以添加卵孵化进度指示器。
第13步使用圆角矩形工具,创建一个10 x 24像素的形状,其中我们将使用4 px Corner Radius进行着色#423b3b,然后将其定位到灰色形状的中心。
第14步添加三个4 x 2 px矩形 ,彼此相距2 px,朝向我们刚刚创建的形状的中心,使用green(#92db63)着色前两个,使用red(#ff6b57)将最后一个着色。哦,不要忘记选择它们和底层的形状,并使用 Control-G键盘快捷键将它们粘在一起。
第15步通过添加一些您认为需要的高光和阴影来完成图标,然后将所有组成元素组合在一起(Ctrl-G)。
7.蛋图标步骤1
抓住椭圆工具(L)并创建一个84 x 84 px圆(#f2f0f0),我们将定位到参考 格的底部,为其轮廓留下4 px空隙。
第2步通过使用直接选择工具(A)选择其顶部锚点并使用键盘或移动工具(右击>变换>移动>垂直> -24像素)将其向顶部推顶24倍来调整形状。
第3步对主形状进行调整后,可以使用“ 偏移路径”方法选择它并为其赋予4 px厚的轮廓(#423b3b)。
第4步在蛋的上半部分 添加一个微妙的高光(颜色:白色; 不透明度: 40%),在底部添加一个阴影(颜色:黑色; 不透明度: 14%)。
第5步通过使用两个圆圈(#9fb77d)添加小色点来完成图标,您将通过向外部推动一些锚点来扭曲,然后给它们相同的4像素轮廓(#423b3b)我们已经用于大多数我们的形状。创建斑点后,使用Ctrl-G键盘快捷键选择并将所有图标的元素组合在一起。
声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!