Photoshop绘制一组复古风格学习工具图标教程
本教程教脚本之家的标志logo学习者使用Photoshop绘制一组复古风格学习工具图标，教程非常详细地介绍了背包、笔记本及写作工具等6个学习工具图标的绘制过程，效果比较复古，感兴趣的朋友欢迎前来一起分享学习
教你使用Photoshop绘制一组复古风格学习工具图标，教程主要分为前期准备工作和学习工具图标的绘制两大部分，准备工作主要有文档、图层的设置以及网格的调整，主要介绍的是背包、笔记本、秒表、写作工具、小三角旗及足球6个学习工具图标创建方法，效果很精致复古，好了，话不多说，下面让我们一起去看看具体的制作步骤吧！
效果图：
具体步骤：
1. 设置文档
假设您已经安装了PS并且正在运行，那么让我们快速完成设置文档的过程。首先，进入文件>新建键盘快捷键，然后按如下方式调整不同的选项：
2.设置图层
一旦我们创建了文档，我们必须通过为每个图标创建一组单独的图层来做好准备。通过这样做，我们不仅可以简化工作流程。
因此，假设您知道如何使用“ 图层”面板，请将其打开并创建七个图层，并将其命名为：
网格
背包
笔记本
写作工具
幡
跑表
足球
3.调整网格
PS允许使用网格，因此您应该知道它可以设置网格 / 像素网格。只要使用“查看”顶部菜单下的“对齐网格/捕捉到像素”选项。
由于不同的情况需要不同的网格设置，因此有时您可能会发现自己处于需要调整预先包装在Illustrator中的设置的位置。
我个人已经以最低和同时最精确的价值走了，因为这可以更好地控制我的设计。
要更改这些设置，您必须转到编辑>首选项>指南和网格。在那里您会看到一个小小的弹出窗口，它可以让您调整以下内容：
网格线：1 px
细分：1
一旦你调整了这些设置，为了让所有的像素变得清晰，你所需要做的就是启用“ 查看” 菜单下的“ 对齐网格”选项。
快速提示：您应该知道，每次进入像素预览模式时，对齐网格选项都会转换为对齐像素，但这很完美，因为大部分时间您都会前进到该显示模式。
现在，如果您习惯于在键盘方向箭头键的帮助下移动物体，则可能需要将键盘增量更改为更精确的像素（1像素），以使其尽可能精确。您可以通过编辑>首选项>常规>键盘增量来完成此操作。
通常，当你开始处理任何新图标时，你应该考虑几件事情，其中之一是基本网格。
根据定义，基本网格是一个精确定界的参考表面，为了引导您完成创建图标包资产的过程，它被构建和使用。网格的大小对于每个项目都是主观的，这意味着有时您可能需要创建更小的图标，而其他时候您可能会发现自己需要使用更大的图标。
通常，基本网格的形状是一个完美的正方形，因为与圆形相比，它可以更好地规划和构建形状和线条，从而可以完全控制像素数量。
在我们的例子中，我们将保持简单，并使用矩形工具（M）创建六个96 x 96像素的正方形（），这将定义图标的大小，并添加一个较小的92 x 92像素一（）它们中的每一个将充当我们的活动绘图区域，因此给我们提供全方位的2px填充。#CCCCCC#E6E6E6
网格中的每一个进行分组，然后将它们彼此定位为 60 px，从而创建两排三个网格。
只要你有所有的基本网格，你可以锁定它们的图层，这样你就不会意外移动它们，然后我们就可以开始处理第一个图标。
6.创建笔记本
由于我们现在已经完成了第一个图标，我们可以锁定它的图层并转到下一个图标，即笔记本。
步骤1
我们将首先创建图标的主体，然后逐渐添加细微的细节，就像我们对背包的细节一样。
首先，抓住圆角矩形工具并创建一个66 x 84像素形状（#DD7A7A）， 并使用直接选择工具（A）选择并移除其左中心锚点来调整4 px圆角半径。一旦我们删除了锚点，我们需要按下Control-J关闭路径。
现在我们可以给这个形状提供一个轮廓并将它们定位到基本网格的中心。
第2步
接下来，我们将通过创建一个6 x 84 px的矩形来为主体添加一个较深的部分，我们将使用该矩形，并将#BC6161其放置在前一步创建的主形状的左侧。
第3步
使用矩形工具（M），在我们刚刚创建的形状的右侧添加一个4 x 84 px垂直分隔符（#544F4B）。
步骤4
获得一点创意，并为笔记本添加一些装饰细节线。
第5步
通过添加名称标签来完成此图标，我们将使用矩形工具（M）创建该名称标签。首先，绘制一个28 x 14 px矩形（#DDD2CA），然后通过转到对象>路径>偏移路径并将指定值输入到偏移字段中，然后为其指定一个4像素轮廓（#544F4B）。
添加一堆装饰线段，然后使用Control-G键盘快捷键将所有标签的元素分组在一起。
最后，不要忘记选择笔记本的所有组成部分，并将它们组合在一起，以免错误放置。
8.创建彭南特
假设你已经设法创建了书写工具图标，锁定了它的图层，然后转到下一个图层，以便我们开始处理这个小三角旗。
步骤1
首先绘制棒子部分，我们将使用一个4 x 84像素的矩形来 创建棒子部分，#DDD2CA然后给它一个4像素的轮廓（#544F4B）。
不要担心这两个图形的位置，因为一旦图标完成，图标就会居中。
第2步
创建三个小的4 x 2 px矩形，相互之间以2 px垂直隔开，并将它们放置在三角旗的填充形状上，朝向其底部部分。
然后，选择所有棒的形状，并使用Control-G键盘快捷键对它们进行分组。
第3步
使用钢笔工具（P）创建一个右指三角形，开始在三角旗的旗帜上工作。使用该颜色进行着色#DD7A7A ，然后通过转到对象>路径>偏移路径并在值字段中输入4来为其指定4像素轮廓。
一旦你有两个形状，将它们放在棒的顶部，确保它的轮廓与横幅的轮廓重叠。
步骤4
开始通过创建一排1 x 48像素的矩形来为横幅添加细节，这些矩形 彼此相距1 px ，您将位于粉红色的三角形上，并将其作为剪贴蒙版使用。
要创建蒙版，只需制作横幅右指三角形的副本（Control-C），将其粘贴（Control-F）在细节线上，然后右键单击>制作剪贴蒙版。
第5步
接下来，创建一个34 x 24像素的椭圆（#DBC07B），并将其放入您为垂直线创建的剪裁蒙板内。然后给它一个4像素轮廓（#544F4B）并添加三个小2×2像素圆圈（#544F4B）给它一个小小的流行音乐。
最后，选择所有三角旗的元素，并使用Control-G键盘快捷键将它们组合在一起，然后确保将该图标居中到其基本网格。
10.创建足球
我们终于回到了最后但并非最不重要的标志 - 足球。我知道这是一条很长的路，但是我们距离完成这个包只有几步之遥。
步骤1
假设你在正确的图层上，它实际上是最后一个图层，抓住椭圆工具（L）并创建一个50 x 84像素的形状，我们将着色#8C7970，然后给出一个强大的4像素轮廓（#544F4B），确保将两者对齐到图标的基本网格。
第2步
通过创建22行15圈（大小4 x 4像素，颜色）， 相互之间放置2 px，并将它们覆盖在图标上，为球的表面添加一些纹理 。 #6D645E
为了让它看起来更有趣，可以创建一个模式，将一行稍向右推，最后会创建一堆对角线。
一旦你有了它们，不要忘记选择并分组它们（Control-G），因为如果你决定需要编辑它们，你会希望它们很容易被访问。
第3步
正如你所看到的，纹理现在已经到位，但它不在足球的内部填充形状中，这是我们不希望它做的事情。
因此，抓住了浅棕色椭圆（复印件控制-C ），然后将它（粘贴控制-F ）在本身的质感，使我们可以用它来创建剪贴蒙版用右键单击 > 制作剪贴蒙版。
步骤4
通过绘制一个4 x 88 px长方形（#544F4B）并将其集中在足球本身上来添加一个厚垂直分隔线。
第5步
通过创建两个带有4 px粗轮廓线（）的56 x 52 px椭圆（#DD7A7A），并通过选择它并将其放置在纹理的剪贴蒙版内，然后右键单击>隔离选定的剪贴蒙版，添加球的顶部和底部颜色部分。#544F4B
完成后，按退出退出隔离模式，以便我们可以将最后的触摸添加到图标。
第6步
通过添加三个金色（#DBC07B）10 x 4 px矩形和一个4 px轮廓（#544F4B） ，并将其彼此放置在足球本身的中心之间2 px，结束图标。
那是它！
感谢您坚持与我搭讪，因为我知道漫长的阅读时间可能会让您感到疲倦，但不要忘记学习需要耐心。我希望在完成本教程后，您会发现一些可以用来进一步发展自己的技能的新技巧。
下次见！
教程结束，以上就是关于Photoshop绘制一组复古风格学习工具图标教程的全部内容，文章来源于 站酷，感谢作者自设计 给我们带来经精彩的文章！
相关教程推荐：
9.创建秒表
在我们开始处理秒表图标之前，请确保您已锁定上一层并将自己定位在正确的层上。
步骤1
通过创建一个60 x 60像素的圆来定义秒表的主要形状，我们将使用浅棕色（#A3876F）着色，然后给出4像素轮廓（#544F4B）。
然后，选中这两种形状后，将它们放置在图标基本网格的中心，确保轮廓触及较小网格的底部。
第2步
接下来，创建秒表的内部部分，绘制一个44 x 44像素圆圈（#DDD2CA）并给它一个4像素轮廓（#544F4B）。然后将两个形状放在浅褐色的身体部分上，确保将它们对齐。
第3步
在我们开始制作秒表指示器之前，让我们稍微有点创意，并在棕色圆圈中添加一个漂亮的木质纹理，确保将线条限制在戒指上。
使用与之前一样的2 px Stroke Weight与Round Cap， 然后慢慢来，因为你想要把它做好。
完成之后，将所有木线组合在一起（Control-G），因为如果您需要在将来的某个时刻访问和修改它们，将会更容易。
步骤4
通过添加主参考时间点，即顶部，底部，左侧和右侧中心线，开始使用指示器标尺。
为此，只需创建一对4 x 10 px的矩形（#544F4B），一个朝向顶部，一个朝向底部，然后创建一个副本（Control-C> Control-F）并旋转它，以便线条将现在被水平放置。
一旦你拥有了所有四个人，不要忘记将他们分组（Control-G），这样他们就不会四处飞走。
第5步
现在将四个小4×4像素圆圈（#544F4B）添加到量表的每个角落，确保将它们组合在一起（Control-G）。
第6步
通过添加指示器和几个圆形形状来完成测量，使中间的部件有一点弹出使用#DD7A7A。
你并不需要遵循我制作的参考作品的确切风格，因为看到你能想出什么可能会很有趣，所以最终你会给它一点个人风格。
这就是说，一旦你拥有了秒表主体的所有部分，将它们组合在一起（Control-G）， 这样你就可以将所有东西都固定到位。
第7步
随着腕表和主体完成，我们现在可以继续前进，并开始在顶部环上工作，您通常会使用它将绳子缠绕并沿着颈部固定。
首先，创建一个10 x 4像素的矩形（#8C7970），给它一个4像素轮廓，然后将两个形状分组（Control-G），将它们放在手表的顶部，确保它们位于下方它（右键点击>排列>发送到后面）。
第8步
通过创建一个带有4像素轮廓（）的 8 x 8像素圆圈（#A3876F），将您的组合（Control-G）并放置在矩形块下方（右键单击>排列>发送至后面），我们在前一步中创建的，确保其底部的一半以上部分被重叠隐藏。#544F4B
第9步
要结束图标，只需创建一个戒指托，无论是实际戒指还是像我一样的更长方形戒指。使用颜色内部部分#DDD2CA，然后像往常一样给它一个不错的4像素轮廓（#544F4B）。
最后，选择所有秒表的元素并对它们进行分组（Control-G），以便它们不会错位。