平面设计：制作摄影图标集

创建新文件

在处理所有项目时，首先要设置一个新文档（文件>新建或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），以完成图标本身的制作

完成啦！