用电脑如何做出版画谷歌肌理插画的插画

来源：蜘蛛抓取(WebSpider) 时间：2018-05-27 06:13 标签： 插画肌理颗粒效果
Sina Visitor System插画师Naomi Elliott：用眼睛感受版画肌理_网易艺术
插画师Naomi Elliott现居伦敦，毕业于伦敦大学金史密斯学院。她的插画创作中结合了版画和手绘的元素，令纹理的质感非常丰富。（来源：VOICER）
插画师Naomi Elliott：用眼睛感受版画肌理绘画教程：肌理插画
&&&&评论 &&&
上一篇： 下一篇：
猜你还会喜欢如何使用 Sketch 绘制肌理插画？
如何使用 Sketch 绘制肌理插画？
写在前面：前几天的时候在网上看到了一组很漂亮的空状态界面，全部都是由 Sketch 完成，并且添加了肌理颜色清爽、界面干净。正好我前一段做的产品当中也用到 Sketch 做了一些肌理插画，所以在这里给大家讲解一下如何用 sketch 当中的杂点绘制肌理插画，分享一些小经验给大家。（ps：好吧，我觉得我对肌理插画有执念，哈哈）本文主要内容：1、UI 设计中的肌理插画分析2、Sketch 中的杂点是如何运用的3、肌理插画教程（附详细步骤图）4、我画的肌理插画展示，啦啦啦一、UI 设计中的肌理插画分析上面的 6 幅图是我从看到的那组图当中选取出来的，我们可以看到，这些界面中的插画在阴影部分和某些元素上都添加了杂点和渐变，使插画的立体感和层次感都更好的体现了出来。下图当中我把插画当中添加杂点的地方以及具体的参数都标注了出来。二、Sketch 中的杂点是如何运用的？想要画出这样的插画，我们就要先了解一下 Sketch 中的杂点是如何使用的。1、杂点在哪里添加？答：在检查器里填充的第六个2、杂点的参数如何设置
？答：杂点的文本主要有四种：原始、黑、白、颜色
叠加模式和 PS 当中的一样，通过分析上面的肌理插画，我发现常用的主要有三种：正常、叠加、变暗。 强度不用设置太大，在 5%-30% 以内就可以了。3、杂点的四种文本有什么区别？答：通过下面的图我们可以发现，杂点的密度：颜色>白>原始>黑，可以根据插画所需要的杂点强度选择不用的文本。需要注意的是，杂点层要在颜色填充层的上方，不然杂点会被盖住。另外在深色背景上可以选用变暗叠加模式，在浅色背景上可以选用叠加模式。这个也需要具体问题具体分析。三、肌理插画教程下面我们以这幅图为例，来讲解一下如何使用 Sketch 绘制一幅肌理插画1、先来分解一下这些元素，是不是分解开就觉得很简单了呢2、新建一个 375*667 的画板，设置画板的 Background color 为 #EFF1F3，再新建一个 375*227 的矩形，填充渐变为 #ffffff-#DFE2E63、把植物进行分解，用钢笔工具把这些形状绘制出来，不要忘记加渐变哦。4、用同样的方法把杯子也进行分解，用钢笔画出来5、把书也进行分解了，绘制好之后复制一个就可以了6、把这些元素进行组合，添加上文案，添加上杂点，杂点的添加方式前面已经讲过了哦，具体参数如下图。四、我画的肌理插画展示这里选取了部分，主要是 APP 的引导页和一些日程详情页面，部分是 Sketch 画的，部分是 AI，杂点都是 Sketch 加的，我加的杂点的强度都比较小，大家可以根据自己的情况进行调节。以上内容都是自己总结的，可能还是会有许多不足，最后作为教程的这幅插画的源文件放到附件里了。欢迎大家加我微信和我交流：wangmeirui630，也可以关注我的公众号：MaryDesign，以后 UI 中国上的文章都会在公众上进行同步，刚开始运营公众号，希望大家支持一下哦。原网页已经由 ZAKER 转码以便在移动设备上查看
大家都在看如何使用Sketch绘制肌理插画？
写在前面：前几天的时候在网上看到了一组很漂亮的空状态界面，全部都是由Sketch完成，并且添加了肌理，颜色清爽、界面干净。正好我前一段做的产品当中也用到Sketch做了一些肌理插画，所以在这里给大家讲解一下如何用sketch当中的杂点绘制肌理插画，分享一些小经验给大家。（ps：好吧，我觉得我对肌理插画有执念，哈哈）本文主要内容：1、UI设计中的肌理插画分析2、Sketch中的杂点是如何运用的3、肌理插画教程（附详细步骤图）4、我画的肌理插画展示，啦啦啦一、UI设计中的肌理插画分析上面的6幅图是我从看到的那组图当中选取出来的，我们可以看到，这些界面中的插画在阴影部分和某些元素上都添加了杂点和渐变，使插画的立体感和层次感都更好的体现了出来。下图当中我把插画当中添加杂点的地方以及具体的参数都标注了出来。二、Sketch中的杂点是如何运用的？想要画出这样的插画，我们就要先了解一下Sketch中的杂点是如何使用的。1、杂点在哪里添加？ & &&答：在检查器里填充的第六个2、杂点的参数如何设置 &？ &&答：杂点的文本主要有四种：原始、黑、白、颜色& 叠加模式和PS当中的一样，通过分析上面的肌理插画，我发现常用的主要有三种：正常、叠加、变暗。 强度不用设置太大，在5%-30%以内就可以了。3、杂点的四种文本有什么区别？答：通过下面的图我们可以发现，杂点的密度：颜色>白>原始>黑，可以根据插画所需要的杂点强度选择不用的文本。需要注意的是，杂点层要在颜色填充层的上方，不然杂点会被盖住。另外在深色背景上可以选用变暗叠加模式，在浅色背景上可以选用叠加模式。这个也需要具体问题具体分析。4、关于杂点的渐变效果答：以下面这幅插画当中的光束为例，讲解一下怎么做渐变效果，注意杂点是做不了渐变效果的，要在新的一个图层上作。三、肌理插画教程下面我们以这幅图为例，来讲解一下如何使用Sketch绘制一幅肌理插画1、先来分解一下这些元素，是不是分解开就觉得很简单了呢2、新建一个375*667的画板，设置画板的Background color为#EFF1F3，再新建一个375*227的矩形，填充渐变为#ffffff-#DFE2E63、把植物进行分解，用钢笔工具把这些形状绘制出来，不要忘记加渐变哦。4、用同样的方法把杯子也进行分解，用钢笔画出来5、把书也进行分解了，绘制好之后复制一个就可以了6、把这些元素进行组合，添加上文案，添加上杂点，杂点的添加方式前面已经讲过了哦，具体参数如下图。四、我画的肌理插画展示这里选取了部分，主要是APP的引导页和一些日程详情页面，部分是Sketch画的，部分是AI，杂点都是Sketch加的，我加的杂点的强度都比较小，大家可以根据自己的情况进行调节。以上内容都是自己总结的，可能还是会有许多不足，最后作为教程的这幅插画的源文件放到附件里了。欢迎大家加我微信和我交流：wangmeirui630，也可以关注我的公众号：MaryDesign，以后UI中国上的文章都会在公众上进行同步，刚开始运营公众号，希望大家支持一下哦。
打开微信“扫一扫”，将本文章分享到朋友圈
快给朋友分享吧！
647人已收藏
Ctrl+Enter
你的打赏就是我的动力！
悄悄说，听说打赏的人收入都比我高，不信你试试。
注: 打赏金额随意，完成后，请手动关闭本窗口。
Ctrl+Enter
您将要删除您的首页推荐大作
如何使用Sketch绘制肌理插画？
在她入驻到UI中国的日子里
总共吸引了18280位设计师的驻足流连
总共收获了518位设计师的由衷赞赏
总共获得了647位设计师的悉心珍藏
总共引起了46位设计师的深入讨论
依然要删除吗？

我要回帖

更多关于 插画肌理颗粒效果 的文章

 

随机推荐