来源:网络 作者:佚名
通过添加名称标签来完成此图标，我们将使用矩形工具（M）创建该名称标签。首先，绘制一个28 x 14 px矩形（#DDD2CA），然后通过转到对象>路径>偏移路径并将指定值输入到偏移字段中，然后为其指定一个4像素轮廓（#544F4B）。
添加一堆装饰线段，然后使用Control-G键盘快捷键将所有标签的元素分组在一起。
最后，不要忘记选择笔记本的所有组成部分，并将它们组合在一起，以免错误放置。
和以前一样，一旦完成笔记本图标，不要忘记锁定其图层并转到下一个图层，以便您可以清楚地关注目前正在处理的内容。
步骤1在我们开始之前，我想指出这个图标有点不同，因为它实际上由三个小对象组成，即铅笔，木制尺子和橡皮。
我们将开始使用标尺，因为它占据了基本网格的整个高度 ，因此更容易定位图标其余部分的组成部分。
因此，首先抓住矩形工具（M）并创建一个22 x 84像素的形状，我们将使用浅棕色（#A3876F）进行着色，然后给出通常的4像素轮廓（#544F4B）。
正如你所看到的，形状稍微偏向网格的左侧，但现在你不需要担心这一点，因为一旦我们拥有了所有三个元素，我们就会将它们置于基本网格的中心。
随着统治者的主要形状的位置，我们可以开始添加细节。
我们需要补充的第一件事是白色的白色塑料部分。选择矩形工具（M）并创建一个6 x 84像素形状（#DDD2CA），并将其放置在标尺的棕色部分上，朝向其左侧。
一旦添加了塑料部分，请在其右侧创建并添加一个4 x 84 px的分隔线，并使用它进行着色#544F4B。
在这一点上，我们可以开始添加小测量指标线，使其看起来像一个实际的标尺，而不是巧克力棒。
因此，使用矩形工具（M） ， 创建有关13 4×2像素的线段（#544F4B），和在距离他们的另一下一个的位置4 PX每件之间。然后将一些片段的宽度调整为2 px， 这样就可以有一个更长的片段，然后是三个较小的片段，然后再一个更长的片段。
使用椭圆工具（L）， 创建一个4 x 4像素圆，并将其放置在标尺的棕色部分上，朝向其底部。
由于我们有所有必要的细节来使它看起来像一把尺子，我们可以开始创建木制图案。
首先，选择钢笔工具（P） ，将笔触颜色设置为大纲的（#544F4B）离开填充空白，然后用2像素描边粗细与圆帽，发挥创意并绘制几行，使一个不错的小图案。
由于我们不希望线条超出标尺的轮廓，请尽量将定位点限制在其表面。
完成后，选择所有木线，并将它们组合在一起（Control-G），以防止意外移动它们。对统治者也一样，以确保其构成要素没有被误放。
既然我们现在有统治者，我们可以开始在铅笔上工作。
首先，选择矩形工具（M）并创建一个4 x 56像素的形状，我们将使用淡黄色（#DBC07B）进行着色并给出4 px轮廓（#544F4B）。然后，选择两种形状，将它们放在标尺的左侧，两者之间留出4 px的间隙。
一旦你有铅笔的主要形状，通过细节工作，并开始添加底部橡皮擦。
使用椭圆工具（L）， 创建一个4 x 4像素的圆，我们将使用该颜色#E29F9F，然后给出一个4像素的 轮廓（#544F4B），确保将它们放置在铅笔底部，位于其主要形状下方。
接下来，使用矩形工具（M）创建一个4 x 4像素形状，使用#DDD2CA它的颜色并将其放置在铅笔主体底部（黄色形状）。
在先前创建的形状中添加几行，使其看起来像拿着橡皮擦的金属外壳。
一旦完成了橡皮擦的外壳，在铅笔的黄色部分添加一些细节，使其看起来更有趣。
最后，通过添加尖锐的小尖端来完成铅笔。
这次你必须选择钢笔工具（P），并首先绘制一个三角形（#544F4B），并确保使其尖端圆形，然后创建轮廓。
然后，一旦你有更大的形状，你可以通过绘制一个小梯形（#CEC0B7）来创建填充部分。
一旦你完成了，将这两个（Control-G）分组，并选择所有的铅笔元素，并对他们做同样的事情，这样你就不会误事。
既然我们有铅笔和尺子，我们就需要开始创造小橡皮。
首先，使用矩形工具（M），创建一个12 x 22像素形状（#DDD2CA），并给它通常的4像素轮廓。
如您所见，我们需要将两个形状放置在标尺的右侧，距离相同的4 px，确保垂直中心将它们与标尺的主体对齐。
接下来，在橡皮擦的主要形状上添加一个12 x 22像素的矩形，并将其放在底部，确保使用它的颜色#DD7A7A。
然后向粉色部分的顶部添加一个12 x 4 px水平分隔线，并添加一些细节线以使其更有趣。
完成后，将所有橡皮擦元素分组在一起（Control-G），ui设计教程，然后使用铅笔，尺子和橡皮擦创建另一组，然后将它们置于基本网格中间。
假设你已经设法创建了书写工具图标，锁定了它的图层，然后转到下一个图层，以便我们开始处理这个小三角旗。
步骤1首先绘制棒子部分，我们将使用一个4 x 84像素的矩形来 创建棒子部分，#DDD2CA然后给它一个4像素的轮廓（#544F4B）。
不要担心这两个图形的位置，因为一旦图标完成，图标就会居中。
创建三个小的4 x 2 px矩形，相互之间以2 px垂直隔开，并将它们放置在三角旗的填充形状上，朝向其底部部分。
然后，选择所有棒的形状，并使用Control-G键盘快捷键对它们进行分组。
使用钢笔工具（P）创建一个右指三角形，开始在三角旗的旗帜上工作。使用该颜色进行着色#DD7A7A ，然后通过转到对象>路径>偏移路径并在值字段中输入4来为其指定4像素轮廓。
一旦你有两个形状，将它们放在棒的顶部，确保它的轮廓与横幅的轮廓重叠。
开始通过创建一排1 x 48像素的矩形来为横幅添加细节，这些矩形 彼此相距1 px ，您将位于粉红色的三角形上，并将其作为剪贴蒙版使用。
要创建蒙版，只需制作横幅右指三角形的副本（Control-C），将其粘贴（Control-F）在细节线上，然后右键单击>制作剪贴蒙版。
接下来，创建一个34 x 24像素的椭圆（#DBC07B），并将其放入您为垂直线创建的剪裁蒙板内。然后给它一个4像素轮廓（#544F4B）并添加三个小2×2像素圆圈（#544F4B）给它一个小小的流行音乐。
最后，选择所有三角旗的元素，并使用Control-G键盘快捷键将它们组合在一起，然后确保将该图标居中到其基本网格。
在我们开始处理秒表图标之前，请确保您已锁定上一层并将自己定位在正确的层上。
步骤1通过创建一个60 x 60像素的圆来定义秒表的主要形状，我们将使用浅棕色（#A3876F）着色，然后给出4像素轮廓（#544F4B）。
然后，选中这两种形状后，将它们放置在图标基本网格的中心，确保轮廓触及较小网格的底部。
接下来，创建秒表的内部部分，绘制一个44 x 44像素圆圈（#DDD2CA）并给它一个4像素轮廓（#544F4B）。然后将两个形状放在浅褐色的身体部分上，确保将它们对齐。
在我们开始制作秒表指示器之前，让我们稍微有点创意，并在棕色圆圈中添加一个漂亮的木质纹理，确保将线条限制在戒指上。
使用与之前一样的2 px Stroke Weight与Round Cap， 然后慢慢来，因为你想要把它做好。
完成之后，将所有木线组合在一起（Control-G），因为如果您需要在将来的某个时刻访问和修改它们，将会更容易。
通过添加主参考时间点，即顶部，底部，左侧和右侧中心线，开始使用指示器标尺。
为此，只需创建一对4 x 10 px的矩形（#544F4B），一个朝向顶部，一个朝向底部，然后创建一个副本（Control-C> Control-F）并旋转它，以便线条将现在被水平放置。
一旦你拥有了所有四个人，不要忘记将他们分组（Control-G），这样他们就不会四处飞走。
现在将四个小4×4像素圆圈（#544F4B）添加到量表的每个角落，确保将它们组合在一起（Control-G）。
通过添加指示器和几个圆形形状来完成测量，使中间的部件有一点弹出使用#DD7A7A。
你并不需要遵循我制作的参考作品的确切风格，因为看到你能想出什么可能会很有趣，所以最终你会给它一点个人风格。
这就是说，一旦你拥有了秒表主体的所有部分，将它们组合在一起（Control-G）， 这样你就可以将所有东西都固定到位。
随着腕表和主体完成，我们现在可以继续前进，并开始在顶部环上工作，您通常会使用它将绳子缠绕并沿着颈部固定。
首先，创建一个10 x 4像素的矩形（#8C7970），给它一个4像素轮廓，然后将两个形状分组（Control-G），将它们放在手表的顶部，确保它们位于下方它（右键点击>排列>发送到后面）。
