
建立新文件
在处理所有项目时,设置一个 新文档 (File> New或Control + N)开始,使用以下设置进行调整:
宽度: 800像素
高度: 600像素
单位: 像素
在“ 高级” 标签中:
色彩模式: RGB
栅格效果: 屏幕(72 ppi)
我们使用Pixel Perfect Workflow创建图标 ,因此,建议您提前花一点时间去了解 ,以使您快速上手

设置图层
建立新文档后,使用几个不同的层来分离图层,因为这样可以一次专注于一个项目来简化工作流程,从而使我能够完全跟踪每个形状时间
因此,打开“ 图层” 面板,让我们创建总共四个图层,并将其命名如下:
第1层>参考网格
第2层>公路自行车
第3层> bmx自行车
第4层>城市自行车

创建参考网格
对项目文件进行了分层后,就可以开始创建参考网格,这将有助于我们通过关注大小和一致性来创建图标
第1步
抓住 矩形工具(M) ,创建一个 128×128像素的 正方形,使用 #F15A24对其进行着色,然后使用“ 对齐”面板的“水平 和 垂直对齐中心” 选项将其放置在 画板的中心

第2步
创建另一个较小的 120×120像素 正方形,它将用作活动绘图区域,为我们提供了一个 4像素的全 边框。使用白色(#FFFFFF)为形状着色,然后将正方形分组(Control + G),然后通过制作两个侧面副本(Control + C > Control + F 两次)来使用它们来创建剩余的网格,以距原始像素40像素

创建公路自行车图标
放置在下一层(即第二层)后,通过创建第一个图标开始该项目
第1步
通过使用20 px 宽 4 px 厚的 笔触(#3F3330)和 Round Cap来创建左段,开始在前景线上的工作 ,将其与活动绘图区域的 左边缘相距2 px的距离,从其底部的26像素

第2步
使用4 px 宽 4 px 粗的 描边 线(#3F3330)添加较小的线段 ,将其定位为与先前创建的路径相距 36 px

第3步
创建40 px 宽 4 px 粗的 笔触 (#3F3330)第三条线段结束前景,将其放置在活动绘图区域的右侧,相距仅 4 px 从外缘。完成后,使用Control + G键盘快捷键选择所有三个段并将其分组

第4步
创建其轮胎截面 44×44像素 的圆与 4 PX 厚 中风(#3F3330),在顶部位置时,对准至有源绘图区域的 左边缘

第5步
使用较小的34×34 px 圆和 2 px 厚的 笔触 (#3F3330)添加边缘部分 ,将其居中对齐到先前创建的形状

第6步
使用12×12 px的 圆创建中心部分 ,使用 #F9BB5A对其进行着色,然后将其居中对齐到先前创建的形状。完成后,在继续下一步之前,将所有三个组成的形状选择并分组(Control + G)

第7步
完成后,(Control + C> Control + F)创建前轮,将其放置在活动绘图区域的另一侧 ,确保将其与外部对齐如参考图片所示

第8步
通过创建36×32 px 矩形 (厚 4 px的笔触(#3F3330)和Round Join) 开始研究自行车的车架, 将其左下锚点对准后轮毂的中心

第9步
调整我们刚刚创建的形状,方法是使用直接选择工具(A)选择其顶部锚点,然后 使用“移动”工具将其顶 到右侧 20 px(右键单击>“变换”>“移动”>“水平> 20像素)

第10步
使用36×40 px 矩形和 4 px 厚的 笔触 (#3F3330)创建座管和头管 ,通过选择其底部锚点并将其 向右推 20 px的距离来进行调整 (右键单击>变换>移动>水平> 20像素)。完成后,通过将结果形状的右下角锚点 对准前轮的轮毂来定位结果形状 ,以使它们与框架重叠,如参考图像所示

第11步
通过使用添加锚点工具(+)在其顶部和底部边缘的中心 添加新的锚点 ,然后按Delete来立即选择并删除它们,从而打开我们刚刚创建的形状的路径

第12步
花一些时间,通过延长头管的路径(如参考图所示),绘制杆和车把节,并确保将 Stroke's Cap and Join设置为Round

第13步
通过使用“ 直接选择工具”(A)选择其右锚点来 对车把进行修整 ,然后从“ 实时角” 输入框中将其半径设置 为 4 px

第14步
选择座管的路径,然后通过设置其调整其形状 帽 到 轮 从withing描边面板

第15步
通过创建一个8×8像素的 圆圈开始在座椅上工作 ,使用 #F9BB5A对其进行着色,然后将其与 活动绘图区域的 左边缘相距32像素,与顶部区域相距26像素

第16步
通过使用 直接选择工具(A)选择其右锚点,然后使用“移动”工具将其向右推12 px的距离,来开始调整刚创建的形状 (右键单击>“变换”>“移动” >水平> 12像素)

第17步
通过选择并重新定位其锚点的 控点来继续调整结果形状, 直到获得与参考图像相似的形状

第18步
通过使用12×12 px的 圆创建主体,开始使用踏板齿轮, 使用 #F9BB5A对其进行着色,然后将其定位在框架的下部,如参考图像所示

第19步
通过创建描边的形状来创建轮廓形状 (Control + C),将其粘贴到前面(Control + F),然后通过首先将其颜色更改为 #3F3330进行调整 然后翻转其 填充 其 行程 (Shift + X)。将结果形状的“权重”设置 为 4 px,然后确保使用Control + G 键盘快捷键将两者选中并分组在一起

第20步
通过使用13 厘米高, 2像素 厚的 带圆帽的行程 (#3F3330) 来创建其曲柄臂,开始右踏板的工作 ,我们将其定位 为使其顶部 锚点与齿轮填充中心对齐形状

第21步
使用具有1 px 角半径的6×2 px 圆角矩形(#3F3330) 添加踏板 ,定位到曲柄底部 锚点的中心。完成后,在进行下一步之前,将两者选择并分组(Control + G)

第22步
通过使用我们刚刚完成的副本(Control + C> Control + F)添加左踏板组件,从而完成自行车及其图标本身的制作,将其水平反映(右键单击>变换>反射>水平),然后定位到齿轮的上侧。将副本放置在齿轮下方(右键单击>排列>发送到背面),选择并将所有组成形状组合在一起(按Control + G组合),然后对自行车和整个图标进行相同操作

创建BMX自行车图标
完成了第一个图标的工作后,锁定其图层,然后移至下一个图标(即第三个图标),将集中精力创建第二个自行车
第1步
首先使用前一个图标的副本(Control + C> Control + F)创建前景,然后将其粘贴到当前图层上,将其与空白的活动绘图区域对齐

第2步
使用较小的40×40 px 圆创建后轮,轮胎的冲程为 4 px厚(#3F3330),轮辋使用 30×30 px,2 px 厚的圆圈(#3F3330)和 12×12 px的 圆(#F9BB5A)用于集线器。拥有所有三个形状后,将(Control + G)分组,然后将它们放置在前景上,使其与活动图形区域的左边缘对齐, 如参考图像所示

第3步
使用刚刚完成的副本的副本(Control + C> Control + F)添加自行车的前轮,将其放置在活动绘图区域的另一侧

第4步
通过创建一个32×20 px 矩形 (厚 4 px的笔画(#3F3330))开始在框架上工作 ,我们将其左下锚点对准后轮轮毂的中心,以对其进行 定位

第5步
通过使用直接选择工具(A)选择右上角的锚点,开始调整刚创建的框架的几何形状, 然后将其向右推34 px ,向顶部推 较小的 8 px (右键单击>变换>移动>水平> 34 px>垂直> -8 px)

第6步
通过选择并将其左上角的锚点 t并向右推24 px距离,继续调整形状(右键单击>变换>移动>水平> 24 px)

第7步
使用绘制座管 30像素 高对角线 笔画线 (#3F3330用) 圆帽,确保该帧的右下部分连接到所看到的参考图像中的左上之一

第8步
花一些时间,使用前轮毂的中心从前轮毂的中心开始,使用带有圆帽的4 px 厚的 冲程线(#3F3330) 绘制自行车的前叉和车把组件 ,如参考图像所示。慢慢来,一旦完成,请继续下一步

第9步
使用前一辆自行车的副本(Control + C)创建座椅,将其粘贴到当前图层(Control + F),然后将其放置在与活动图形区域 左边缘34 px的距离处,和距其顶部40像素的位置

第10步
调整座椅的形状,方法是选择并向右推 固定锚点 至顶部4 px(右键单击>变换>移动>垂直> -4 px),重新放置其手柄,直到获得与参考图片

第11步
通过使用上一个图标的副本(Control + C)添加踏板组件,并完成自行车及其图标本身,将其粘贴(Control + F)到当前图层上,并将其定位到框架右下锚点的中心。完成后,选择并组合(Control + G)自行车的所有组成部分,然后对整个图标进行相同的操作

创建城市自行车图标
完成了第二个图标后,继续进行到下一层(即第四层),在此我们将开始处理第三层和最后一层
第1步
由于城市自行车与公路自行车非常相似,复制后者(Control + C),然后将其粘贴(Control + F)到当前图层上,并将其放置在第三个活动图形上区域

第2步
取消组合(右键单击>取消组合 两次)刚刚创建的副本,然后通过选择和删除其框架的右上锚点开始调整自行车的几何形状, 如参考图像所示

第3步
抓住 钢笔工具(P), 并按照车轮轮胎的形状绘制弯曲路径,将车架连接到头管。慢慢来,一旦完成,请继续下一步

第4步
通过选择并移除当前朝向右的锚点开始对车把进行操作, 然后绘制一个面向自行车车架内部的新车,使用9 厘米高的 2像素 粗的 带圆帽的描边线 (#F9BB5A) 添加小装饰弦段 ,将其放置在车把的下方(右键单击>排列>发送到返回),距离仅 2像素 从它的左边缘开始。慢慢来,一旦完成,请选择并组合(Control + G),然后再继续下一步

第5步
通过使用 2 px 厚的带圆帽 和 Join的 Stroke(#3F3330) 绘制自行车的主要形状,开始在自行车的行李架上工作。使用参考图像作为主要参考,确保绘制与座管平行的对角线

第6步
通过使用 20×3 px 矩形(带有 2 px粗 笔画 (#3F3330)和Round Join) 添加其上部,完成机架及其图标本身,将其放置在我们已经拥有的形状的顶部刚刚画。放置好形状后,选择并组合(Control + G)两者,对自行车的所有组成部分和整个图标进行相同的处理

大功告成啦

网友评论