提示本站所有资源仅供学习与参考，请勿用于商业用途。转载请注明来自：
您可能也喜欢
请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。「教程不错」用UI设计的手法绘制流行插画 - 知乎专栏
你正在使用一个过时的浏览器。请以查看此页面。
{"debug":false,"apiRoot":"","paySDK":"/api/js","wechatConfigAPI":"/api/wechat/jssdkconfig","name":"production","instance":"column","tokens":{"X-XSRF-TOKEN":null,"X-UDID":null,"Authorization":"oauth c3cef7c66aa9e6a1e3160e20"}}
{"database":{"Post":{"":{"title":"「教程不错」用UI设计的手法绘制流行插画","author":"bucuo_8cuo","content":"大家好，我是小魔女，一名根正苗红的UI设计师。
不久前在站酷传了这一套插画后，很多人都对画法和配色表示感兴趣。（就是下面这套哦）写在前面：在B的插画构思 ，我选择了Butcher(屠夫)。无论是做什么设计，肯定不可能空穴来风，凭空想象，特别是对自己不太熟悉的东西。所以我的第一步就是去花瓣，pintrest，或者dribbble上搜一下关键词，看看能找到到什么灵感。能搜到的不多，质量好点的大概就这些。我们来看看这些屠夫们有什么共同的构成点：彪悍的大叔+大刀+围裙。接下来是不是脑子里就会有些画面感了？对我而言，在我脑中出现的是一个穿着围裙正在卖力剁肉的屠夫大叔。做了很多年的UI设计，规整的图形思维已经深入到了骨髓。所以我在草图绘制的时候会用一些圆形，圆角矩形，方形等去构思主体框架。 鉴于是给自己看的草图，也没想到日后写教程会用到，所以画的比较潦草，请大家见谅，不要随意鄙视~最重要的一步：轮廓勾上一步有说过，这个系列的插画其实用的是UI绘制icon的手法和思维。所以在轮廓勾勒的时候要注意:一定定要用布尔运算！一定定要用布尔运算！一定定要用布尔运算！也就是说，凡是涉及到曲线的部分，一定是用各种圆叠加切割的，而不是用钢笔工具勾勒的。钢笔工具勾或许也可以，但这不是小魔女的插画风格~个人比较喜欢的是规整的圆，整齐的方。以稍微复杂一些的身体为例，它其实是由很多的圆形，椭圆形叠加而成。最后一行的不规则形状，其实是1/4圆。初稿设计的时候填充的颜色都只是大致的颜色。我个人是有一些固定的色卡（色卡在我的小密圈里提供下载哦）；一般都是先用这些颜色 ，之后再根据整个画面重新去做调整。因为是比较扁平的插画，所以阴影叠加起来也很方便。在这套系列里，统一都是右边暗，左边明亮。光阴的叠加分成面的叠加和线的叠加。首先是面：上完明暗后的效果如下图：也还是比较单调的。所以需要加一些线。阴影线的颜色和勾勒形体的颜色相同就好，高光线直接用白色。至于怎么断的，并没什么讲究，看个人喜好就行。我一般是短 - 长 - 短这样的顺序。最后需要添加一些细节，让整个主体的设计更加栩栩如生一些。 既然是屠夫大叔，肯定不修边幅，所以会有胸毛，手毛，同时胡子也不会那么干净整齐，而是有很多的渣渣; 他在那么卖力的砍， 一定很热，所以头上会有汗珠，并且刀上、衣服上都会粘上血渍。 把这些细节一加，主体的设计就大功告成啦。为了更好的帮大叔渲染氛围，后面还补充了个肉架的图。因为不能抢大叔的风头，所以用的是纯面稿，并且透明度也被降低到 25%。以下是100%时的显示。 其实最开始是打算每个插画主体后面都有这么一个氛围渲染的面稿的，后来觉得太废时间，所以就放弃了。加上效果会更好一些。好了，这个系列的创作思路到整个完成的过程就是这样的。 概括的说，其实是在用UI的设计手法去做插画。UI万岁! 最后，本张教程的源文件，全套色卡、以及背景板源文件，需要的同学可以加入我的小密圈下载哦~（尊重知识和经验分享的付费圈）小秘圈：小魔女Design关注微信公众号：bucuo_8cuo (不错研究室)","updated":"T06:59:23.000Z","canComment":false,"commentPermission":"anyone","commentCount":2,"collapsedCount":0,"likeCount":1,"state":"published","isLiked":false,"slug":"","isTitleImageFullScreen":false,"rating":"none","titleImage":"/v2-118d1e72a0ac62e6b6f9b3d3fb6d5a8b_r.jpg","links":{"comments":"/api/posts//comments"},"reviewers":[],"topics":[{"url":"/topic/","id":"","name":"用户界面设计师"},{"url":"/topic/","id":"","name":"交互设计"},{"url":"/topic/","id":"","name":"插画设计"}],"adminClosedComment":false,"titleImageSize":{"width":800,"height":326},"href":"/api/posts/","excerptTitle":"","tipjarState":"closed","sourceUrl":"","pageCommentsCount":2,"snapshotUrl":"","publishedTime":"T14:59:23+08:00","url":"/p/","lastestLikers":[{"profileUrl":"/people/bu-cuo-yan-jiu-shi-ma-liang-zhong-sheng","bio":"设计","hash":"c2a2de2a7c6fcace73b12be6bf0e0fe3","uid":640100,"isOrg":false,"description":"","isOrgWhiteList":false,"slug":"bu-cuo-yan-jiu-shi-ma-liang-zhong-sheng","avatar":{"id":"v2-89cca928bfb3eab8b9bb41fa3c04fca1","template":"/{id}_{size}.jpg"},"name":"不错研究室 馬良重生"}],"summary":"大家好，我是小魔女，一名根正苗红的UI设计师。 不久前在站酷传了这一套插画后，很多人都对画法和配色表示感兴趣。（就是下面这套哦）写在前面： 在B的插画构思 ，我选择了Butcher(屠夫)。无论是做什么设计，肯定不可能空穴来风，凭空想象，特别是对自己不…","reviewingCommentsCount":0,"meta":{"previous":null,"next":null},"commentsCount":2,"likesCount":1,"FULLINFO":true}},"User":{"bucuo_8cuo":{"isFollowed":false,"name":"不错研究室","headline":"","avatarUrl":"/v2-1a4ad7daf19afd7c4e2454d_s.jpg","isFollowing":false,"type":"people","slug":"bucuo_8cuo","bio":"让不错的人听不错的分享","hash":"e6d389a0e00c75e46705cce8ad5e6225","uid":305400,"isOrg":false,"description":"","profileUrl":"/people/bucuo_8cuo","avatar":{"id":"v2-1a4ad7daf19afd7c4e2454d","template":"/{id}_{size}.jpg"},"isOrgWhiteList":false,"badge":{"identity":null,"bestAnswerer":null}}},"Comment":{},"favlists":{}},"me":{},"global":{},"columns":{},"columnPosts":{},"postComments":{},"postReviewComments":{"comments":[],"newComments":[],"hasMore":true},"favlistsByUser":{},"favlistRelations":{},"promotions":{},"env":{"isAppView":false,"appViewConfig":{"content_padding_top":128,"content_padding_bottom":56,"content_padding_left":16,"content_padding_right":16,"title_font_size":22,"body_font_size":16,"is_dark_theme":false,"can_auto_load_image":true,"app_info":"OS=iOS"},"isApp":false},"sys":{}}如何利用现成素材合理进行插画的初步创作
生活已是百般艰难,为何不努力一点。下面图老师就给大家分享如何利用现成素材合理进行插画的初步创作，希望可以让热爱学习的朋友们体会到设计的小小的乐趣。
课题：如何利用现成素材合理进行的初步创作课程所需原始资料提供：课程流程：统一布置任务要求发放素材，查看学生作业，选择最具代表性的一张进行讲解分析和修改主题概念：素材，作为一种元素工具经常被使用在各种艺术创作中。其实每幅作品都是由大大小小不同的素材经过、叠加、删减等多种手法组合而成。素材可分为现成素材和创作素材。创作素材是根据设计者的画面，主题和即时需要而自我创作设计的素材。这里我们称为原创素材。而现成素材则是在互联网高度发展的今天，我们从网上下载到那些被人共享或商业发布的已设计完成的素材。无论哪种素材形式，只要经过合理的应用，加工，修改和再创作，都能做出属于自己的艺术作品。A 讲解分析：(分析前提，绘制作品时为统一下发的素材元素，学生可自由在其中选择任意数量进行组合及再创造。故艺术作品没有绝对的好坏，也没有绝对的对错。以下分析仅为个人观点，供学生学习时参考)作品使用了2种现成素材，一为色彩丰富的圈形组合元素，另一个为黑色手写线条组合效果，个别元素修改了。利用两种现成素材元素进行单纯的叠加组合。1. 全班讨论观看原作品的感受：优点：素材的选择上结合流动性和固定性，表现形式上突出了随意性的共性。构图有一定的张力。不足：过多的直接引用原始素材而不加修改，让人感觉失落，单调，敷衍和缺乏再造性。2. 分析学生原作品：优点：素材的选择上结合流动性和固定性，表现形式上突出了随意性的共性。构图有一定的张力。不足：1. 过多的直接引用原始素材而不加修改，让人感觉失落，敷衍和缺乏再造性。2. 给人感觉散，乱，单薄，作品不完整。因为两种现成素材分开单独观看均有一定的视觉冲击力和表现力。但单纯的相加反而使得整体感觉不统一。分散了观看者的视觉聚焦点，缺乏了画面表现力和画面主体，从而产生散乱薄的感觉。C. 建议修改方向：1. 增强素材间互相结合的形式和方式，充分利用现有软件(Adobe
CS3)的功能和特点进行添加修饰。2. 注重调解构图上的统一，增强视觉集中点，加强作品的完整性。D. 具体操作：1. 缩小全部元素的大小比例，统一构图。2. 利用效果风格化 投影给元素圆形元素添加投影，使其增加一定的空间感。3. 将原黑色手绘划线部分分解重新填色，丰富主题作品。4. 添加几个喷溅效果素材，并赋予颜色，叠加在圆形元素上。并将Transparency(透明度)中的图层样式设为混色。5. 从圆形素材中单独出一个元素进行WarpTool(变形工具)的操作。并将其放置最顶层。Transparency(透明度)中的图层样式设为颜色加深。可适当改变颜色和设置线框。6. 添加两个箭头素材，变换颜色，其中一个置于最顶层Transparency(透明度)中的图层样式设为色相，另一个不变。从圆形素材中单独复制出一个元素将其置于箭头元素的上层，达到交错相叠加的效果。如需需要可以为箭头工具增加增色轮廓线，调节箭头元素的位置。7. 最后添加文字辅助效果，使整张作品更显精致和完整。分析：修改后整体较前作品更完整统一。由于上下箭头的包围将整个视觉点集中到了箭头内的元素范围内。重新设定了颜色并运用了不同的图层样式后色彩上较前作品更显丰富响亮。参与讨论和交作业& 搜索“图老师”或者“tulaoshi_com”加关注，每天最新的美食、、、美妆、、手工DIY等教程让你一手全掌握。推荐关注！【扫描下图可直接关注】
来源:/n/8139.html
点击查看更多与《》相关的文章>>
今天图老师小编要向大家分享个如何快速的五步高效完成用户调研教程，过程简单易学，相信聪明的你一定能轻松get！
夏天到了，大家第一个感受就是非常热，炎炎夏日图老师给大家分享家居风水：家里风水摆设--如何合理利用冰箱，希望可以在这个夏天给大家带来特别的新鲜感。
下面是个超简单的精选国外创意独特的PS人像合成作品设计作品，图老师小编精心挑选推荐，大家行行好，多给几个赞吧，小编吐血跪求~
下面图老师小编要向大家介绍下设计师应该如何学会去收集素材用图，看起来复杂实则是简单的，掌握好技巧就OK，喜欢就赶紧收藏起来吧！
今天图老师小编给大家介绍下精选国外插画大师创意的插画设计欣赏，平时喜欢精选国外插画大师创意的插画设计欣赏的朋友赶紧收藏起来吧！记得点赞哦~
在这个颜值当道，屌丝闪边的时代，拼不过颜值拼内涵，只有知识丰富才能提升一个人的内在气质和修养，所谓人丑就要多学习，今天图老师给大家分享如何创意的使用网页设计中的方块元素，希望可以对大家能有小小的帮助。
热门搜索：
photoshop打造双重曝光效果制作教程
PS画笔描边进行图片处理
简单高端唯美办公室创意设计
现代风格旧金山办公室设计图集
杠铃由杠铃杆、杠铃片和卡箍组成，简笔画亦不能忽视此三类部分，以侧面简笔画绘画方式 更能体验杠铃特色。接下来就让我们通过杠铃儿童简笔画图解步骤来一起学习如何画好看的杠铃简笔画吧！
双节棍又名二节棍双截棍，是一种经典的武器。短小精悍，简笔画中双截棍铁链为重点，为了更能体验双截棍的特性，小朋友在画双截棍环链的时候可用双线方式来绘画。接下来我们就来学习双截棍儿童简笔画图解步骤。
西洋剑是击剑运动的武器，箭身由粗到细，剑柄的绘画也要注意。儿童简笔画绘画学知识，今天我们通过西洋剑儿童简笔画步骤图解教程来学习花剑的简笔画，同时也能了解西洋剑的基本结构。
击剑头盔类似于西方古代骑士头盔，不同的是需要在面罩花纹上画功夫，相较于骑士头盔来说击剑头盔花纹较为简单。接下来就让我们来通过击剑头盔儿童简笔画教学步骤图解来学习怎么画击剑头盔吧！
家居装修是我们都会经历的，每个人对家居装修都有不同的要求，好的居家布置给我们带来的不仅仅是温馨的居家情调，更是轻松舒适的心情。想要除去往日的乏味，让家居变的有品位起来，不妨来看看这些家装布置的小技巧吧。
马上就要迎来夏季了，很多人在春季买了房子后都考虑要不要在夏季装修。装修对于很多人来说都是一件非常重要的事情。那么，到底夏季装修好吗？夏季装修有什么优劣势呢？又有什么需要注意的事项呢？下面就一起来看看吧。
Photoshop是一门非常专业的ps修图课程，很多网页设计的以及美工们修图都是需要用到的，功能非常强大，掌握一定的Photoshop技巧是非常有必要的，今天就给教大家怎么利用Photoshop制作万花筒GIF动画。
很多朋友都信风水一说，对于自己家里房屋客厅的装修也是有一定要求的，因为客厅的风水关系着整个家居的运势，更关系着主人的财运与健康，因而客厅里的风水禁忌是需要我们谨慎注意的，那么风水学中客厅风水禁忌有哪些呢？
春天已经来临了，夏天也不远了，新的一才刚刚开始，时尚爱美的美眉们最关注的就是春夏服装设计的流行趋势了，早早的把握住时尚趋势走在流行的最尖端，今天就给大家整理分享2017春夏女装设计流行趋势 ，你绝对不能错过的亮点。
2017年最新个性家装风格流行趋势！！如今的装修风格已不仅仅局限于中式、欧式、韩式等这些常见的装修类型了，它正变得越来越多元化。那么都有哪些家装新风尚逐渐走进我们的生活呢？下面就提前让大家了解家装风格的风向。
春天来临了，很多买了房子的朋友都开始展开自己的装修计划了，在这个个性张扬的年代，你要是不去改变自己，麻木而千篇一律的装修，也许自己住着也会觉得无趣吧。今天就给大家介绍2017年装修设计五大流行趋势。
男女交往一直都是人们比较关注的一个问题，都说相爱容易，相处不易，交往过的朋友应该都能深刻的体会到，女生常常抱怨着让男生理解自己，但男生也希望多体谅一下他们。尤其不要老是问一些无法回答的问题来考验他们。
2017年最受欢迎的生活服务APP！！生活服务类App的出现为日常生活带来极大便利，我们可以通过手机客户端预约各种家政服务，足不出户就能够享受实惠、便捷的生活服务，那么接下来我为大家推荐一些生活中必备生活app。
由于现在抢红包大热起来，很多app都开始支持发红包抢红包了，因此也出现了微信抢红包神器，可以自动抢微信红包,肯定比认为手动操作快,有消息就会自动打开,然后打开红包。今天就给大家分享2017微信自动抢红包神器大全。您的位置：
用UI设计的手法绘制流行插画
摘 要：用UI设计的手法绘制流行插画
数据正在读取中...
地区：天津 o 天津
地区：广东 o 深圳
地区：广东 o 佛山
地区：河北 o 石家庄
地区：福建 o 福州
地区：山西 o 晋中
地区：广东 o 广州
地区：辽宁 o 沈阳
地区：广东 o 广州
地区：湖北 o 武汉
地区：广东 o 东莞
地区：云南 o 昆明
地区：广东 o 广州
地区：广东 o 深圳
地区：浙江 o 宁波
地区：广东 o 佛山
地区：广东 o 佛山
地区：北京 o 北京
电话：010-}