ui图标手绘(笔记本设计图案)

本文主要介绍ui图标手绘(笔记本设计)，下面跟着东辰网详细了解一下吧。

今天给大家分享一个笔记本风格的UI图标。效果的质感主要是通过图层样式来制作的。我喜欢一起学。先看效果:

现在让我们让我们回忆一下这个笔记本的画图方法。大致可以分为三个部分:衣身、纽扣、腰带。哈哈，3b。那么让我们让我们一个一个来分析。

首先，身体。笔记本的这部分是圆角矩形，使用的图层样式见下图:

而且效果，说实话，真的担心死我了。我用吸管吸色做渐变叠加。因为当时考虑的角度问题，添加以上图层样式后效果并不明显，如图:

所以接下来，我又单独给它加了高光，一层一层叠加高光，最后看起来是这样的。注意右上角，尤其是边缘部分:

然后笔记本的正文部分有一圈虚线。中间带上下有四条虚线，都是笔画路径画出来的。它们实际上非常小。在我关注了是否有必要为此添加图层样式之后，我开始添加。图层样式如下:

所以s它，身体部分完成，然后让让我们来看看身体部位的整体效果:

然后开始画腰带在身体中间的部分(除了最上面的按钮，是第三个部)。腰带效果图如下。让让我们先来看看:

让让我们从画腰带开始。Belt主要使用图层样式、滤镜和笔刷工具。笔刷工具与图层蒙版配合使用。说了这么多，还是看效果图和他们的方法比较方便:

上面第二张图中的开始层就是刚才说的带图层蒙版的笔刷，主要是高光的修饰，很弱的高光。然后胶带上有一条线，这条线使用的图层样式是:

这样，腰带这部分我们也做了，下面只剩下纽扣部分。该按钮的总体效果如下:

注意右下角的部分。因为这个按钮的右端比笔记本的机身要长，所以长出来的部分投影应该是看不见的。只有当笔记本放在桌子上，你可以添加一点光投影，是不是对吗？好吧，让我们让我们来谈谈这个按钮的绘制。

投影在底层。因为刚才提到的长度问题，我为它的投影单独画了形状层，如图:

然后在上面画出细细的棕红色带子:

使用图层样式和过滤器，如下所示:

主体部分完成。然后单独给这个部分加一个高光，就像刚才身体的部分，叠加几层或者调整一下，但还是一个弱高光，尽管有隐约和细微的地方，画与不画。最后的效果肯定不一样。

我折了两层:

最后，扣带上有一个半圆虚线，也是用笔画路径画的，然后添加图层样式，如下图:

这一步之后，下一步是...呵呵，it它不见了。

然后给它加上背景图和投影，最后的效果如下:

今天给大家分享一个笔记本风格的UI图标。效果的质感主要是通过图层样式来制作的。我喜欢一起学。先看效果:

现在让我们让我们回忆一下这个笔记本的画图方法。大致可以分为三个部分:衣身、纽扣、腰带。哈哈，3b。那么让我们让我们一个一个来分析。

首先，身体。笔记本的这部分是圆角矩形，使用的图层样式见下图:

而且效果，说实话，真的担心死我了。我用吸管吸色做渐变叠加。因为当时考虑的角度问题，添加以上图层样式后效果并不明显，如图:

所以接下来，我又单独给它加了高光，一层一层叠加高光，最后看起来是这样的。注意右上角，尤其是边缘部分:

然后笔记本的正文部分有一圈虚线。中间带上下有四条虚线，都是笔画路径画出来的。它们实际上非常小。在我关注了是否有必要为此添加图层样式之后，我开始添加。图层样式如下:

所以s它，身体部分完成，然后让让我们来看看身体部位的整体效果:

然后开始画腰带在身体中间的部分(除了最上面的按钮，是第三个部)。腰带效果图如下。让让我们先来看看:

让让我们从画腰带开始。Belt主要使用图层样式、滤镜和笔刷工具。笔刷工具与图层蒙版配合使用。说了这么多，还是看效果图和他们的方法比较方便:

上面第二张图中的开始层就是刚才说的带图层蒙版的笔刷，主要是高光的修饰，很弱的高光。然后胶带上有一条线，这条线使用的图层样式是:

这样，腰带这部分我们也做了，下面只剩下纽扣部分。该按钮的总体效果如下:

注意右下角的部分。因为这个按钮的右端比笔记本的机身要长，所以长出来的部分投影应该是看不见的。只有当笔记本放在桌子上，你可以添加一点光投影，是不是对吗？好吧，让我们让我们来谈谈这个按钮的绘制。

投影在底层。因为刚才提到的长度问题，我为它的投影单独画了形状层，如图:

然后在上面画出细细的棕红色带子:

使用图层样式和过滤器，如下所示:主体部分完成。然后单独给这个部分加一个高光，就像刚才身体的部分一样，叠加几层或者调整一下，但还是弱高光。虽然有薄弱和细微的地方，但无论有没有画，最终的效果肯定是不一样的。

我折了两层:

最后，扣带上有一个半圆虚线，也是用笔画路径画的，然后添加图层样式，如下图:

这一步之后，下一步是...呵呵，it它不见了。

然后给它加上背景图和投影，最后的效果如下:

了解更多ui图标手绘(笔记本设计模)相关内容请关注东辰网。