创建新文件
在处理所有项目时,首先要设置一个新文档(文件>新建或Control + N),我们将对其进行如下调整:
宽度: 800像素
高度: 600像素
单位: 像素
在“高级”标签中:
色彩模式: RGB
栅格效果: 屏幕(72 ppi)
设置图层
对于每个新项目,我喜欢利用不同层来独立设计,因为这样我可以通过一次专注于一个项目来简化我的工作流程,这使我可以随时跟踪每个形状
因此,打开“图层”面板,让我们创建四个图层,我们将其命名如下:
第1层>参考网格
第2层>镜头
第3层>相机
第4层> Flash
在工作流中使用这些层的方式非常简单,锁定除将要处理的形状以外的所有形状,以免意外移动或放错某些形状。然后,完成当前图标的设置后,可以锁定其图层并继续前进到下一个图标的设计
创建参考网格
对项目文件进行了分层后,开始创建参考网格,这将通过关注一致性和大小来帮助我们创建图标
第1步
抓住矩形工具(M),创建一个128×128像素的正方形,使用#F15A24对其进行着色,然后使用“对齐”面板的“水平和垂直对齐中心”选项将其放置在画板的中心
第2步
创建另一个较小的120×120像素正方形,它将用作活动绘图区域,从而为我们提供了一个4像素的全边框。使用白色(#FFFFFF)为形状着色,然后将正方形分组(Control + G),再创建三个副本,使它们与原始像素相距40 px
创建镜头图标
通过创建第一个图标启动项目,确保将自己放置在第二层上,并放大第一个参考网格
第1步
使用32×12 px矩形为镜头连接器创建主形状,使用#D3C7C2对其进行着色,然后将其与活动图形区域的底部边缘居中对齐,将其放置在距其4 px的距离处
第2步
通过使用描边方法创建轮廓的轮廓,方法是创建该轮廓的副本(Control + C),然后将其粘贴到前面(Control + F),然后通过先将其颜色更改为#3F3330进行调整,然后翻转其Fill其笔触(Shift + X)。将结果形状的“权重”设置为8 px,并确保在继续下一步之前将两者同时选中并分组(按Control + G)
第3步
通过创建一个12×6 px矩形(#3F3330),结束当前部分,我们将居中对齐较大的填充形状的底部边缘,完成后将所有三个形状选择并分组(按Control + G)
第4步
创建一个稍大的48×12像素矩形(#DB7252),通过使用“移动”工具(右键单击>“变换”>“移动”>“水平”>“底部”锚点并向内推4 px的距离进行调整)。 + / – 4像素,具体取决于您从哪一侧开始。完成后,将得到的形状放在上一节的上方
第5步
给生成的形状一个8像素厚的轮廓(#3F3330,然后是一个较小的24×6像素矩形(#3F3330)),将其底部边缘居中对齐,确保选择并分组(Control + G)所有的三个形状
第6步
使用64×24 px矩形(#756F6D)和8 px粗轮廓(#3F3330)创建镜头的主体,将其分组(Control + G),然后将其居中对齐上一部分,将上面的两个放置在它的上面
第7步
通过创建一个8×24 px矩形(#3F3330)开始向当前部分添加细节,将其放置在与较大的基础形状右侧相距8 px的位置
第8步
使用两个彼此间隔4 px宽的4 px高的矩形(#3F3330)添加小的虚拟文本行来结束当前部分,对它们进行分组(Control + G),然后将其定位在距像素4 px的位置较大轮廓的左边缘。完成后,使用Control + G键盘快捷键选择所有组成的形状并将其组合在一起
第9步
使用具有8 px粗轮廓(#3F3330)的56×12 px矩形(#56504F)创建较小的连接器部分,对其进行分组(Control + G),然后将其放置在上一部分的上方
第10步
通过创建一个64×32 px矩形(#756F6D)和一个8 px粗轮廓(#3F3330)开始对缩放环进行操作,对它进行分组(Control + G),然后将其居中对齐上一部分,将其放在上方它
第11步
使用九个4×32 px矩形(#3F3330)添加垂直的细节线,这些矩形水平彼此堆叠2 px,我们将其分组(Control + G),然后居中对齐较大的基础形状
第12步
创建一个8×8像素的圆(#3F3330),并将其放置在第二条垂直详图线的中心,然后选择并分组(Ctrl + G)所有当前截面的形状
第13步
使用56×10 px矩形(#DB7252)和8 px粗轮廓(#3F3330)添加镜头主体的上部,将其分组(Control + G),然后将其居中对齐到先前创建的部分,定位他们之上
第14步
通过使用40×20 px椭圆(#7DB1D1)和8 px粗轮廓(#3F3330)创建玻璃,完成镜头的加工,我们将其分组(Control + G),然后将其居中对齐到活动绘图区域的顶部边缘,请确保将它们放置在所有其他部分的下面(右键单击>排列>发送到背面)。完成后,选择并组合(Control + G)图标的所有组成部分,然后继续进行下一个
创建相机图标
假设您已成功完成第一个图标的工作,请锁定其图层,然后继续前进至下一个图标(即第三个图标),我们将在此开始设计小型相机
第1步
使用96×48 px矩形(#DB7252)和8 px粗轮廓(#3F3330)创建相机的主体,将其分组(Control + G),然后将其居中对齐到活动图形区域的顶部边缘,并将其定位相距18像素
第2步
创建一个较小的88×8像素矩形(#3F3330),然后将其居中对齐到刚刚分组的形状的底部边缘
第3步
使用一个6×6像素的圆圈(#3F3330)添加聚焦辅助传感器,我们将其放置在主体的右上角,并确保在其周围留有4像素的间隙
第4步
使用14×28 px矩形(#756F6D)添加夹点,我们将通过在“变形”面板的“矩形属性”中将其右上角的半径设置为8 px来进行调整。给生成的形状一个8像素粗的轮廓(#3F3330),在其顶部添加一个较小的8×12像素的圆角矩形(#3F3330),其圆角半径为4像素,选择并分组(Control + G)所有当前部分的形状在一起,然后对相机的身体进行相同的处理
第5步
使用96×12 px矩形(#D3C7C2)创建相机的上身,在其顶部将添加一个较小的32×6 px矩形(#D3C7C2),使用Pathfinder的统一形状模式将其统一为一个较大的形
第6步
使用“笔触”方法为生成的形状提供8像素粗的轮廓(#3F3330),并确保随后使用Control + G键盘快捷键将其选中并分组在一起
第7步
使用8×12 px矩形(#3F3330)添加垂直分隔线,将其放置在相机上部的左侧
第8步
使用16×6 px矩形(#3F3330)创建闪光灯,将其放置在上身右侧部分的中心。完成后,使用Control + G键盘快捷键选择当前部分的所有形状并将其分组在一起
第9步
使用16×10 px矩形(#3F3330)添加两个按钮,然后再将另一个8×8 px矩形(#3F3330)与其相距2 px,将它们分组(按Control + G),然后定位在距上身左边缘16像素的距离
第10步
创建镜头,方法是创建一个48×48像素的圆圈(#AFA7A5),其轮廓为8像素(#3F3330),然后将其分组(Ctrl + G),然后将其居中对齐相机的主体,移动它们稍微向上移动4像素(右键单击>变换>移动>垂直> -4像素)
第11步
使用较小的24×24像素圆圈(#756F6D)和8像素厚的轮廓线(#3F3330)创建镜头的内部区域,将其分组(Control + G),然后将其居中对齐到先前创建的形状
第12步
在镜头的中央添加另一个较小的12×12像素的圆圈(#3F3330),然后选择所有组成形状并将其组合在一起
第13步
使用12×12像素的圆圈(#3F3330)创建镜头释放按钮,将其放置在其右下侧。完成后,使用Control + G键盘快捷键选择当前部分的所有组成形状并将其分组
第14步
使用两个12×8 px矩形(#3F3330)添加皮带环,将它们放置在相机主体的侧面,并确保使用Control + G键盘选择和分组到目前为止的所有形状捷径
第15步
使用20×96 px矩形和4 px厚的笔触(#3F3330)创建皮带的左侧部分,通过在“转换”面板的“矩形属性”中将其底角的半径设置为10 px进行调整。将生成的形状放置在相机的左侧,确保将其发送到所有其他形状的背面(右键单击>排列>发送到背面)
第16步
使用已经拥有的相机带的副本(Control + C> Control + F)添加相机带的右侧部分,以完成相机及其图标本身的制作,然后将其放置在较大相机带的另一侧身体。完成后,请使用Control + G键盘快捷键选择图标的所有组成部分并将其分组
创建Flash图标
现在我们到了第三个也是最后一个图标,因此假设您已经将自己放置在活动的参考网格上,请放大它,然后进行总结
第1步
使用24×12像素矩形(#D3C7C2)和8像素厚的轮廓线(#3F3330)创建闪光灯的连接器,底部将对齐一个较小的8×6像素矩形(#3F3330)。将所有三个形状组合在一起(按Control + G),然后将它们居中对齐到基础活动图形区域的底部边缘
第2步
使用40×16 px矩形(#56504F)和8 px粗轮廓(#3F3330)创建Flash的底部,将其分组(Control + G),然后定位在较小的连接器上方
第3步
在当前部分中添加一些详细信息,方法是在其顶部边缘的中心创建并放置一个24×6 px矩形(#3F3330),然后在其底部边缘放置一个较小的16×8 px(#3F3330)。完成后,使用Control + G键盘快捷键选择所有组成的形状并将其组合在一起
第4步
使用64×44 px矩形(#756F6D)和8 px粗轮廓(#3F3330)创建闪光灯的主体,将其分组(Control + G),然后定位到上一节的上方,以便两个轮廓结束向上重叠
第5步
通过创建32×44 px椭圆(#DB7252),轮廓为8 px(#3F3330),开始进行红外传感器的工作,将其分组(Control + G),然后居中对齐较大矩形的顶部边缘,因此只有身体的下半部分最终与身体重叠
第6步
通过从下方将矩形的副本(Control + C)作为剪贴蒙版,将其粘贴在前面(Control + F),以遮罩我们刚创建的形状。获得副本后,同时选择它和椭圆,然后右键单击>“制作剪贴蒙版”
第7步
使用两个4×4像素的圆圈(#3F3330)添加设备的小螺钉,将其放置在其底角上,并在它们的底部之间留出2像素的间隙
第8步
使用12×4 px矩形(#3F3330)创建一个小的虚拟文本行,然后使用另一个较小的8×4 px矩形(#3F3330),将彼此隔开4 px,进行分组(Control + G),然后居中对齐,使其与较大部分的轮廓相距4像素
第9步
使用8×12 px矩形(#3F3330)添加两个侧面按钮,然后再添加另一个较小的8×8 px矩形(#3F3330),彼此垂直堆叠2 px。拥有两个形状后,将它们组合在一起(Control + G),然后将它们放置在较大主体的右侧,然后对整个部分进行相同的操作
第10步
通过创建一个80×40像素的圆角矩形(#756F6D),一个8像素的转角半径和一个8像素的粗轮廓(#3F3330),开始在Flash的上部工作,将其分组(Control + G),然后然后放在上一节的顶部
第11步
使用一个56×16 px矩形(#D3C7C2)和一个8 px粗轮廓(#3F3330)创建覆盖LED的前面板,将其分组(Control + G),然后将其居中对齐较大的基础形状
第12步
将28×4像素的矩形(#3F3330)添加到较小部分的中心,然后添加两个6×4像素的矩形(#3F3330),将其放置在两侧,确保选择并分组(Ctrl + G)他们
第13步
关闭闪光灯,并在其上部的每个侧面上添加一个8×16 px的矩形,然后将其所有组成的形状选择并分组(Ctrl + G),以完成图标本身的制作