线条 线段 艺术 前言:大家看看下面这个LOGO,波浪形的曲线加上黑白的配色,看起来是不是很有艺术感?那么如何制作抽象艺术LOGO呢?打开你的Adobe illustrator软件,跟着本教程一步一步来做吧!该logo为网络搜集,版权及创意归原作者所有,本文只探讨做法。老规矩,观大思法。三十秒过去了……OK,时间到。这个图形通过线条造型(疏密、粗细)的过渡,营造出高低不一的地表变化,与品牌业务高度契合。既然是过渡,我们自然会想到混合命令,而这个图形就是通过绘制abcde这5根关键的首尾线条,然后再两两混合完成的,如下:混合操作也很简单,直接用混合工具(W)分别点击两条线,间距选择指定的步数,数值为6,如下:看下混合后的效果。绘制过程中,需要注意两点:一是线条的粗细不同,其中a是2pt,bcde是1pt;二是线条的锚点尽量放到极值点,方便调整,如下:混合过程中,如果发现混合结果和原图不一致,也不用着急。如下图所示,我混合后就发现有两段(ab和cd)和原图的造型不同。这时我们可以通过增加锚点的方式控制线条的混合结果,看下动图操作。关于锚点添加的位置,仔细分析两条线段锚点的位置分布就不难理解了,大家多多尝试便能深谙其中的奥义。再举个例子,如果你在混合的时候出现了下面这种情况:说明你这两条线段的绘制起始点不在同一侧,如下:此时只需要用钢笔工具(P)点击线段b的最左端锚点,即可将其定义为起始点,混合效果就正常了,如下:好啦,今天的抽象艺术LOGO案例教程就讲到这里,操作和原理比较简单,建议大家动手实操,这样才能发现问题,解决问题。我们下期再见鸭~作者 | 君小阳来源 | 这logo怎么了(id:wtf-logo)
线条 文字 粗细 在做版式设计的时候,我们经常会用到一种元素来辅助排版——线,“线”具有区隔内容、强调信息、平衡版面、指引、组合、连接、装饰等诸多功能,能有效解决很多版式问题,但“线”的使用并没有表面上看起来那么简单,很多设计新人在用“线”排版时会出现:冗余、死板、不平衡、不美观等问题,所以,葱爷今天就来讲讲,在使用“线”进行排版时需要注意哪些细节。平面干货:平面设计高手教程!全方位解锁「点线面」的运用方法(附实操案例)本文从点线面的定义、作用、设计方法帮你全方位科普点线面在版式设计中的运用,附上实操案例,基础差的平面设计师,这篇别错过了!阅读文章 > 一、线的种类常用于版式设计的“线”有 6 种:1. 长直线线条的长短没有一个明确的界定标准,我自己评估了一下,在中文版面里,线条如果长于 10 个正文的字符宽度,大概就可以称之为长线,否则就是短线。另外,长线用于区隔内容时,其长度一般是大于或等于内容的长度。2. 短直线短线用于区隔信息时,线条会比“文字行”短,短线还常用于组合信息,作用类似于大括号。上图的红色短线就是起到了组合信息的作用。3. 斜直线斜线的主要用于切割文字和图片、规范文字排版、填充空白等,比水平和垂直的线条更具动感。4. 折线折线常用于信息指引,比如产品的功能示意图、信息图表等,另外,用于区隔信息效果也不错。5. 曲线比如波浪线、弧线、或者螺旋线等等,曲线比直线更加柔和、活泼,常用于儿童、女性、或手写体为主的设计中。6. 虚线虚线具有低调、优雅、可爱的特性,常用在正文排版中用于区隔信息。二、线的粗细不同粗细的线条其效果和气质会有明显差异,所以需要根据具体的需求来设置线条的描边参数。细线条比较秀气和精致,如果版面的调性要求高端和优雅,所作用的文字“字重”以regular或light为主,那么细线会更加合适。线条的粗细值通常和其中小号字的较细笔画(衬线体参考横笔划)的粗细差不多。粗线条相对粗犷而显目,如果版面中主要文字的“字重”是medium或bold为主的无衬线体,那么使用粗线条比较合适。如果线条所作用的文字字号只有一种,线条的粗细值通常会比文字笔画略细一点点。而如果所作用文字的字号不只一种,线条的粗细值通常是介于大号文字与小号文字的笔画粗细之间。如果版面中的线条比较多,功能也不一样,那么最好区分一下线条的粗细,以使版面更加精致、层级更加清晰。比如在上图的报纸排版中,区隔报头与目录之间的线条是最粗的,甚至还用了两根线条;目录之间的线条,以及区隔目录与版位的线条要相对细一些;而版位里不同信息板块之间的分隔线是最细的;用于区隔导读和正文的线条又是比较粗的。另外,如果线条的目的是为了强调众多文字中的某些句词,通常也会使用较粗的线条。三、线的长短长线和短线的有些功能是一的,比如区隔内容,那到底什么时候要用长线,什么时候要用短线呢?主要依据是其所作用的内容的长短,通常来说,作用的内容比较长,那么用长线效果比较好;内容不一定只是文字,也可能是文字加图片,甚至是纯图片。如果所对应的内容比较短,则用短线效果会更好,短线的长度通常在所作用文字中“长句”的 1/3-1/5 之间。四、线的位置长线的起点和终点通常要与对应的图文两端对齐,或一端对齐、一端做出血处理,如果同类型的文字段落有长有短,则以最长的为准。短线则要与所对应文字的对齐方式统一,比如统一左对齐、右对齐、居中对齐。如果线条的作用是强调某些词句,那么其与文字的间隔会比较小,大概是线条粗细的1-2倍,甚至会与文字交叉;如果线条的作用是将不同组别的信息区别开,那么线条与文字的距离通常是大于等于 1 行文字的高度(横向区分),或者是大于等于 1 个字符的宽度(竖向区分);文字越少、空间越大,间隔也相应要更大。五、线的呼应关系在文字相对较多的版面里,我们好少看到只有一根线条的情况,因为有几条重复出现的线时,才能形成呼应,以及版面的统一性、平横性和节奏感;而版面中出现不同的线是为了呼应内容本身的结构,也是为了加强版面的对比关系。图三比图一和图二更加平衡、更加精致。六、打破线的束缚如果你希望版式的调性更加灵活和时尚,可以在图文与线之间适当做一些错位、叠加或者交叉的效果,就会有一种打破束缚的感觉。以上葱爷分享了版式设计中“线”的使用技巧和注意事项,当然,这些所谓的方法也觉得不是标准,设计是不存在标准的,所谓的经验和技巧只是能帮助经验不足的设计师可以更快做对、做好,如果你够强,所有的经验都可以打破。关于排版中的其他细节,我们后面慢慢聊。本篇来源:优设网原文地址:https://www.uisdc.com/line-design
人物 线条 形状 关于我:优设大课堂金牌讲师,高级原画师、插画师。多次参与国内外知名游戏项目; 擅长欧美 CG、Q 版卡通等多种绘画风格。想看我更多作品可以关注我的小红书@wuli_石头(明早5月16号10点会有直播),微博@wuli_石头。之前在小红书上分享了一套按《搞笑一家人》里面的罗文姬女士的形象绘制的人物的表情包,收到了很多朋友的转发点赞,看来大家都挺喜欢的这种风格的人物绘画。所以决定出一篇文章,给大家分享一下我绘制人物头像的 6 大步骤,同时会对相关的知识点和技巧做细致的讲解,希望对大家有所帮助。对人物外形的抽象概括传统的人物造型按头部、颈部、肩部、躯干的顺序依次构建,然后再根据透视做进一步刻画。这样画人物会与原照片非常的“像”,但同时也会没有特点,缺少趣味和神韵。我根据自己长期的绘画经验,总结出一套自己的人物造型方法,概括来说就是大胆抽象,夸张对比。大胆抽象,首先需要我们对绘画对象有一个细致的观察。要善于利用自己的直觉,抓住人物给我们的第一印象或者印象最深刻的点。发掘其所带有的一种情绪或者“势能”,然后用简单的形状概括出来。我们看下面 2 张示例,2 张图片虽然都是同一个人物,但是整体神态是不同的。上图中人物是站立的状态,我们可以观察人物头部与躯干的相对位置,是一个比较舒展挺拔的状态,有往上延展的趋势。结合人物色块在整个图形中所占比例(人物色块与背景色块的区别),我们可以选择用一个直立细长的三角形来概括人物整体外轮廓。在第二张图中,我们可以看到人物的头部与躯干重叠,缩着脖子耸肩。这样给人的整体感觉比较内收,像是被压缩了。所以我选择用一个四分之一圆的形式概括整体的外形。确定好主体外形轮廓之后,我们在草稿起形的时候就非常快了。同时我们可以将初步外形做进一步的夸张:将尖锐三角形的进一步拉长,四分之一圆进一步压扁,让形状所代表的气质更加明显。再多给大家展示几个人物轮廓的概括步骤,帮助大家理解:虽然图片上人物头部的轮廓是圆的,但是我选择变方为圆,将人物的脸部连同脖子夸张成一个长条形,肩部部分则横向展开为一个梯形。这样的宽窄对比就会让形状更有节奏感,显得有趣。直接按照图片绘制的话,整体外轮廓会呈现方形, 比较呆板。我们转换一下思路,当人物躺倒的时候,在二维平面上原来的比例都会被压缩,我们可以一个选择扁长的形状,更符合我们直觉中被压缩的感觉。小结绘画的第一步不是拿起画笔就照着图片画,而是要带着思考去观察,用直觉感受绘画对象整体“势”的特征,然后用最能体现这种特征的几何形状去概括。我们在这一步确定的几何形状会主导后面人物造型的方向和特点,影响到成图的整体状态。可能有些同学会觉得,这样夸张的概括有些失真了。但其实这就是夸张的的优势和魅力,只要做到足够夸张,那么就更比照片更能体现人物状态的精髓,也更加生动传神。头身比例及分形在确定好整体的人物外形后,下一步就是划分头身比例并分形。首先需要说明的是,头身比例的划分没有绝对值,看个人风格和习惯。确定好头身比之后,我们就可以进一步划分出第二个几何形。示例 ①第一步已经将人物外形概括为一个细长的三角形。确定好头身比之后,根据人物身体色块在图片中的占据的形状,第二个几何形就确定为一个半圆形。在半圆形之上就是我们头部的位置。我并没有严格依照头骨形状来画,而是按照片上人物皮肤的面积,将其概括成一个椭圆形。然后用线条找出头发的位置,草稿部分就基本完成了。示例 ②第一步我们已经将人物外形概括为压扁的四分之一圆。这里我没有将脸部概括为一个椭圆,而是一个倒三角。原因是,仔细观察人物我们会发现,她的眼睛是向上看的,结合整体看有一个斜向上的趋势。而倒三角形就能展现出这样的一种趋势,如果话概括成纯椭圆的话就没有什么特点了。大家可以再看看下面几张图,多感受一下分形的思路:第一步我们将整体概括为一个长方形加一个梯形,进一步分形时,我将左右头发概括成两个圆形,头顶的发量压缩,这样在外轮廓上就有一个明确的变化,更加有趣。我们已经将整体概括了一个扁平的形状。进一步分形时,按照图片中头部皮肤色块呈现的形状,在内部分出一个稍微扁一点的半圆。再简单概括一下头发和手部的形状。小结在确定好主体的几何形状后,第二步就是确定头身比例,然后做进一步的大方向分型。在对头部或者躯干进行分型时,不一定要按照很精准的人体比例去理解,但是要对色块、元素及他们之间的关系有一个准确的把握。基础透视原理与点对点的处理在前两步的分形阶段,我们用了非常感性的方法对于人物造型进行抽象概括。但想画成一张好看的图,光靠感性和直觉是完全不够的。在基本的分形确定好之后,我们的思维要转到理性的一面,运用基础的透视理论和点对点知识,帮助我们确定正确的五官位置和头身关系。① 纵向中心线人物的分形草稿已经完成,这个时候我们心中需要有几条线:脸部的中心线、脖子的中心线、躯干的中心线。这些都是纵向的线条,分别对应我们的头颅,颈部和身体。只有这三条纵线在垂直方向上是贯通的,我们画出的人才是形体才是正的,不会出现出现形态扭曲。② 横向位置线纵向线条标好之后,我们就能在此基础上进行横向线条的划分。确定眼睛、鼻子、嘴巴的大概位置和互相之间的距离。这是要注意由于透视变化,五官之间距离的变化。透视不对,五官看起来就很怪异。注意线条的倾斜角度和方向的问题。确定五官位置的时候,要仔细观察人物实际状态,线条呈现出对于倾斜的趋势。横向的线条确定好之后,我们就可以在标记好的位置上确定五官的位置了。人体转向角度的不同,中心线的对应位置也会发生变化,眼睛这种原本两侧对称的点位置也会发生偏移。这个时候就要运用「点对点」的方式,以纵向中心线为准,让身体左右两侧的元素保持在同一水平线,并且在透视上保持距离相等。表情绘制与五官分形仔细观察五官线条的走向,是塑造人物表情非常重要的点。准确的线条走向让五官的表现力更强,情绪传达更加饱满。上图中,人物表情是嫌弃、不耐烦。仔细观察五官的线条走向:嘴角下坠,眉毛往中间聚拢,眼睛是向右看。在画草图的时候,就可以把这几个点抓住,用带有方向性的线条标出来,情绪的基本调性就被确定下来了。这张图中,人物双手捂住耳朵,眼睛紧闭,眉毛皱在一起,整体非常抗拒的姿态。在草图中,我们要用线条表达出这些趋势,且这些线条都是往面部中心收缩。在基础的线条方向确定好之后,就可以进一步用简单的形状,对五官的进行分形。我这里还对人物的鼻子做了夸张的处理,做成了一个尖锐的三角形,以进一步凸显人物激烈的情绪状态。小结不同走向的五官线条,会表达出不一样的情感。在保证五官的整体位置是正确的前提下,暗示出这些重要的方向向性线条,就能为五官的刻画定向正确的基调,塑造最终的表情时就会更加准确。五官具体刻画与脸部轮廓确定了五官线条的大体走向,接下来就是五官的具体刻画了。这里给大家分享一个我长期以来使用的画五官的方法:直接眉毛连鼻子,再连人中和嘴巴。即除了眼睛之外,眉毛、鼻子嘴巴都是一根线。这样做的好处就是:确定好单边眉毛的位置,我们就通过「点对点」的方法,确定另一侧眉毛的位置,然后沿面部中线,画出鼻子、人中,嘴巴的形状,五官刻画速度非常快。第四步的时候,我们已经确定好五官线条的大致走向,这里就直接草稿的基础上进一步完善,勾勒出五官的具体形状。此外也可以加入一些睫毛、皱纹等个性化的特色。另外再说一下脸型设计的问题。第一步进行整体外形概括时,用的是一个简单的几何形状。但是在具体刻画时,我们也要更具人物实际状态来概括。比如上图中,人物年纪比较大,脸部的肌肉松弛下垂,那么我们在塑造脸部轮廓时,就需要把脸部的下半部分处理的更宽阔圆润一些,形成一个半圆,与左侧的直线和头部较窄的圆弧形成对比,这样形状轮廓的节奏感也更好。头发的绘制思路头部、躯干、五官都已经讲完了,接下来为大家讲解一下头发绘制的思路。画头发要注意到 2 方面的问题:透视和外形轮廓。透视方面,头部转向的不同,头发呈现的状态不一样。照片中人物的脸是向右转的,那么对于左边的头发整体呈现的就更多,右边的呈现的较少且头发会被遮挡。外轮廓是头部造型的重点,一定要有识别度。如果要表现卷发,那我们就用饱满的半圆形弧线去概括,比软绵绵的弧线来说表现力要强很多。另外就利用分组来归纳发型的表现。先根据照片,对头发进行分块的概括,块面的大小要有对比变化,这样才能体现蓬松饱满的感觉。总结经过以上 6 步,人物头像的线稿就完成了。整个人物头像的绘制思路非常清晰,技巧也并不复杂,在日常联系或者创作中多多运用,肯定会对大家的人物造型有帮助。今天的分享就是这些,喜欢的话可以点赞收藏,后续我会继续为大家分享更多欧美风格人物插画的知识技巧。同时也欢迎大家关注我的小红书@wuli_石头,上面有我的最新作品和日常创作思路分享。零基础也没事!大神教你 5 步画出好看的扁平风人物插画大家好我是花生。阅读文章 > 本篇来源:优设网原文地址:https://www.uisdc.com/people-draw
线条 方法 画出 Hello~大家好!我是优设手绘班的讲师-橙子(全平台ID@啤酒味的橙子酱)对于刚入门绘画的萌新同学,开笔第一步:画线稿,就是一个万年难题。常因为画线稿慢、反复画线稿等问题,没有更多精力去学其他绘画知识,而感到心有余而力不足。今天我来分享一些练线稿的小技巧、临摹的观察方法,以及结合小案例给大家演示线稿的绘制过程。线条的重要性线稿是所有风格的第一步,无论是什么画风,都需要干净又漂亮的线稿。比如目前热门的描边类插画和国潮插画,具有美感的线条能够让画面呈现出非常好的效果。以下所有的案例,都是在线稿的基础上,进行了上色的细化。1. 描边类型插画:2. 个人小周边:3. 国潮插画:4. 表情包的绘制,也保留了基础的线稿:练线条的方法接下来,分享练线条的方法和技巧,帮助大家整理练习的思路。1. 调整画线的习惯很多同学画不好线条,可能是绘画习惯的问题,比如拿笔的方式,发力的方式等。下面整理一些练习中常出错的地方,大家可以对比看看自己有没有这些问题。① 握笔的手太用力画线条的第一步:要学会正确的姿势,这样才能更顺滑的画出好看的线条。握笔太用力会导致线条非常的僵硬,而且画久了手也会非常累。这里大家需要注意放松手腕,用手腕带动画笔运动,也就是以手腕为支撑点,或者也可以以手肘为支撑点,而不是整个手臂发力。② 反复描线条如果在草稿的找形阶段,我们可以反复的描线条帮助我们定位,但是在最后想画出干净完整的线稿,必须改掉反复描线的坏习惯,用下面这个案例,给大家讲一下草稿与完整线稿的差别。详细对比看看:通过上面的案例,我们会发现在草稿阶段的线条会出现重叠的痕迹,因为我们在利用眼睛找形的时候,会留下的一些反复确定线条位置的痕迹。而在线稿阶段,因为要保留线稿的状态,所以我们需要整理线条,所有的线条要干净利落,不可以出现反复描的痕迹。③ 出笔速度太慢画线条的时候如果画线条的速度太慢,一定会导致线条歪歪扭扭,相反如果我们快速出笔,因为一定的缓冲力反而会让线条更加顺畅。2. 基础线条练习方法① 直线的练习方法直线是最常见的一种线条,一般情况我们可以在 PS 当中运用笔刷,结合 Shift 快速的画出直线,但是难免线条会比较的呆板,这里给大家提供一个简单的绘制直线的练习方法:在固定的区域内尝试绘制不同角度的线条,比如横线、竖线、斜线。在做直线练习的时候,注意线条与线条之间的间距,保持力度均匀,锻炼手稳。如果画错不要用橡皮工具,画完一个再另起一个格子重新练习,这样是为了看到自己进步的过程,刚开始练肯定会出现歪歪扭扭的情况,对于初学者来说都是非常正常的,只要多练都可以让手产生肌肉记忆。除了直线,也可以练习曲线:下面给大家提供一个空白的表格方便大家进行练习:② 连线的练习方法除了常规的直接画线条以外,也可以随意的画出一些不规则的点,能增加练线的趣味性。具体方法如下图:相同的点状分布也可以画出不同的线条走势,大家可以根据自己的感觉来练。临摹线稿的方法临摹学习也是初学者常用的练习方法,但是往往因为抓形不准,导致最后画出来的效果和原图差别太大。这时候可以运用以下几个方法结合观察,帮助我们把造型画得更加准确。1. 找参照点找参照点的方式类似画格子,但是不建议大家直接使用过多 PS 的标尺,比如这样:注意:不建议长时间使用这个方法,容易对工具产生依赖性。我们需要学会的是用眼睛观察,在心里画格子。前期练习做不到用眼睛观察,可以少量的拉一些线条帮助观察,参考线可以放在一些有具体区域的位置,比如用来大概确定头部的高度,切记不可用太多哦。2. 运用负空间检查造型什么是负空间呢,这里直接看一张图片就可以理解:以上案例黑色区域为负空间,除了大块的正负,里面的细节也可以分出详细的正负空间。理解什么是负空间之后,就可以利用负空间来检查形准了,一般画出线稿之后,可以检查负空间的面积,或者是线稿产生的角度,以此对比和原图之间的差异。这里我们可以先看线稿部分和临摹原图的造型对比,会发现好像没什么大问题。接下来检查负空间:通过左右两张图的红色区域(负空间)对比,就会发现右侧没有画正确的地方。3. 几何形概括大部分的插画都可以用基础的几何形归纳,基础的几何形分为:圆形、三角形、方形。运用几何形归纳相当于帮助我们简化造型,同时检查线稿存在的问题。根据原图可以分析出画面的几何形,在绘制线稿的时候,注意找一些几何形,帮助我们分析提炼造型。插画线稿绘制过程演示第一个小案例用植物来演示过程。动笔之前可以先分析一下:照片中的花能用什么几何形来概括,也可以画一下负形的轮廓,方便后期画完线稿,检查自己的形准。当然负形也是可以用眼睛对比观察,刚刚开始会有难度,多多练习就可以用眼睛找准位置了。分析完之后,可以开始用铅笔画出大型,注意这个时候多用弧线、长线,帮助我们找形。画好粗略的草稿之后,就可以整理更干净的草稿了,在画最后草稿的时候,可以根据最终想要的风格选择笔刷,这里我依旧用的还是铅笔笔刷,画的时候注意花瓣的穿插关系。第二个案例运用国潮锦鲤演示过程。国潮小案例可以在照片的基础上做一些改动,比如加入一些细节或者夸张,锦鲤的鱼鳍和尾巴可以夸张画得更大,体现出流动感,身体的弯曲角度也可以更加明显,借鉴照片的时候,大家只需要借鉴大概的动作就可以了。草稿阶段依旧使用铅笔笔刷画出大型,注意线条多用长线概括形体。画出大型后就可以新建图层开始整理线稿了,因为国潮的最终效果需要保留线稿,这里使用「硬边圆笔刷」勾出线稿,需要注意线条干净利落,注意线条之间的衔接。画完最终线稿之后,如果想处理材质效果,可以加上金箔的质感,提升完成度。文章到此就结束啦!画线是每个绘画者的基本功,希望大家在空闲时间,能够拿出手中的纸笔,或打开iPad、PS 练一下,争取减少画线精力,去学人体结构、配色方法等绘画系统知识,让自己的画技更上一层楼!如果你觉得自学摸索困难,耗费了太多时间精力,也没能系统掌握画画技能。可以来参加「优设手绘就业衔接班」。我们教你掌握大厂非常欢迎的插画风格,人物、场景、配色、商稿流程都有! 而且上手快,无需手绘板,零基础也能学,Mac/Win/iPad 都能学!更多手绘班的详情,请添加我同事 V 信 uisdc2 或 uisdc37 个常用手绘技巧!每个都能让效率翻倍!Hello~大家好,我们是优设手绘就业衔接班的讲师橙子和阿森今天我们俩来分享一些画画小技巧,看起来好像挺简单,但是学会就能节约大把时间哦!阅读文章 > 本篇来源:优设网原文地址:https://www.uisdc.com/hand-painted-practice
女性 作品 线条 宝马等大牌纷纷与她合作,只因这位插画师笔下的女性实在迷人。优雅却又强大有力,是 Kelly Anna 笔下的女性给人的第一印象。即使没有具象的五官,你也能从画中女性那干净利落、充满张力的身体线条上感知到她的蓬勃的生命力。Kelly Anna 是一位来自伦敦的艺术家。她做过时装插画师,在国际时装周的展览前排为模特作画;当过印刷设计师,为 Beyoncé 的穿着设计图案;现在则成为了一名独立艺术家,创作重点放在与体育运动相关的内容上,并一直坚持在作品中为女性赋能。Kelly Anna 和她在艺术项目“创作者驻留”里的创作Kelly Anna 为切尔西女足俱乐部创作的赛场横幅Kelly Anna 喜欢在作品中表达能量和运动,她作品中的女性形式和各种抽象形状非常夸张,借线条的张力来表达女性的力量。Kelly Anna 的父母都是拉丁舞者,她自己也曾是一名体操运动员,人体在舞蹈和运动中展现出的奇异的扭曲、精巧的平衡和蕴藏的爆发力都令她深深着迷,这些都深刻地影响着她的人体创作。直到现在,Kelly 也会时不时到舞蹈室去现场创作,这是她的灵感来源之一。Kelly Anna 作品中的女性大多是裸体,这对她来说意味着女性自信。在还是少女的时候,Kelly Anna 就对自己的身体线条不满意,觉得拥有丰满的臀部和胸部线条让自己“像妈妈一样”,并不是现代社会年轻女性想要的那种纤细轻盈的感觉,所以每次被别人提及身体的这些特征,都让 Kelly Anna 觉得非常不自在。但是随着社会阅历的增加和内心的成长,Kelly Anna 发现女性并一定要符合所谓的“主流”审美,女性的形式本来就该是多样的——优雅的,强大的、有活力的等等,充满各种可能性。所在她决定通过描绘曲线优美的女性形状来反驳这种“身体羞辱”,展现女性强壮有力的形象,也借此告诉年轻女性要自信——女性的形象有无限种可能性,你可以做任何自己想做的事情,不用在意别人所说的“完美”。成为一名母亲后,Kelly Anna 愈发感受到了女性内在力量的强大与无私。她创作了“ ReBirth”系列作品,以艺术家的角度审视成为母亲后的心态变化。ReBirth 系列以美丽大胆的色彩、夸张的线条形状展现女性与生俱来的包容和强大,作品中乳房、乳汁等母性元素被直白的呈现,体现了艺术家鼓励女性直视自我、自信要源自内心的态度。Kelly Ann 非常喜欢野兽派画家马蒂斯,作品风格也与其有相似之处:色彩绚烂浓烈,人物线条简练夸张,这使得她的画具有极强的装饰感,个人风格鲜明突出。加之 Kelly 的作品展现了女性健康、有力量的形象,并坚持表达女性要勇敢自信地去创造无数可能性的积极态度,使得宝马、H&M、ELLE、Lego、Penguin Books 等知名品牌都愿意与她的合作,借此传达自己品牌支持女性平等、自由、全面发展的态度。她的作品也经常以壁画、空间装饰的形式出现在各种建筑物上和展览中,向人们展示女性力量的澎湃与多彩。Kelly Anna 为帕丁顿广场创作的巨幅壁画“培育自然”为 H&M 创作的平面插画为企鹅图书《美丽的废墟》创作的封面和封底Kelly Anna 曾在采访中表示,希望人们在她的作品中感受到强大和澎湃的力量,忘记日常烦恼的束缚,勇敢的去创造一个有趣的世界。身为一位女性艺术家,Kelly 一直秉持自信勇敢的信念去工作和生活,也持续在作品中展示强大有力的女性形象,以鼓励和影响更多女性。希望 Kelly Anna 的经历和作品能带给你新的感受与启发,也祝每一位女性都能勇敢追求自我和梦想,成为那个美丽自信又强大的自己!「Kelly Anna 个人网站」 https://www.kellyannalondon.com/「Kelly Anna INS 主页」 https://www.instagram.com/kellyannalondon/这10个顶尖大神的作品,是我每日学习的源泉我将分为 C4D 和插画两部分来介绍一下,在 Behance 和 Dribbble 上,小哈关注的宝藏设计师。阅读文章 > 本篇来源:优设网原文地址:https://www.uisdc.com/kelly-anna
线条 网站 图案 在纪录片《但是还有书籍》的第 2 季,有一集专门讲了漫画家的故事,其中漫画《黑血》的绘画者赵佳提到,她最高产量的时候一天能画 60 页,分镜起稿和线稿一天全部能画完,那么画的又好又快的关键在于什么呢?我认为很大程度上在于绘画的基础,对于线条和造型结构掌握较好的绘画者来说,寥寥几笔便让人清晰明白的看出画的是什么,想要表达什么意思。当然也不乏以色彩或者构图为亮点,或以精妙的文字深入人心的画家。今天先以基本功为主,为大家带来一个可以练习绘画线条、整体造型等基础画工的网站,简单易于上手,又十分有趣。TryDraw网站链接:https://www.trydraw.com/整个网站的布局十分简洁,空间分布清晰易懂。首先根据网站的官方引导图简单介绍一下,网站左侧,上方为目录,中间为工具栏,依次是画笔、橡皮擦和两种撤销键,下方为页面设置按钮,下文会具体讲解。网站上方最为重要的就是「Clear」键,如果对自己的不满意,点击清屏即可重新开始。中间则为我们的绘画区域,分为左右两个部分,左方是练习区域,右边为参考图形。以花瓶练习为例,下图左边这个未完成的瓶子,需要你依据右图这个标准图案来进行绘制,这一练习不仅能够锻炼对线条的把控能力,还能够对图案的整个结构有所把握。接下来,跟网站的名字一样,Try Draw,先尝试着画起来吧,跟随着我一起动笔,一切都会十分明了。你会发现,你画在左图的线条会自动呈现在右图,与标准图片进行对比,符合标准的线条不显示,不符合标准的线条则会用红色标注出来,十分清晰,如果你想不断的接近标准图案,可以多次使用画笔和橡皮擦对线条进行修改,直至画出标准的图形。这样的对比画面呈现形式也是网站创作者的初衷,希望大家边学习边练习,从而达到更好的效果。对于左侧工具栏,可以使用快捷键进行切换,W 代表笔,E 代表橡皮擦,Ctrl+Z 代表撤销最后一步,Ctrl+R 代表返回上一步,这样十分方便鼠绘的同学,左手快捷键,右手鼠标画画,快去试试看。如果你觉得目前对你太难或太简单,都可以选择点击左下方的设置按钮,根据自己的实际情况进行个性化的页面设置。高阶选手可以点击 [Hint] 取消对于左边线稿的选择,直接根据右图来全局掌握画面,基础较薄弱的同学可以选择点上所有的选项,辅助线、网格线和边界线都能够更好的助你完成练习。除了花瓶之外,还有很多图案可供你选择。你只需点击画面左上角的菜单,在 [LEARN] 里面进行图案的选择即可。你可以根据自己的需要做各方面的练习,例如五官——手、眼睛、鼻子等等。从细节来看,在右边标准画面上,会有很多带着问号的小圆圈,这其实是给你的一种提示,例如点击倒数第二个问号圆圈,会出现 Lips(提示),提醒嘴巴应该画在这个位置,如果你不需要,可以按照上面说的在设置中取消选择即可。注意后面带有黄色 [pro] 标志的图案是需要网站会员的,每个月 2.5 美元,如果需要的话可以自行开通,但是免费的图案也有很多种类,足够你进行练习。如果你使用 iPad 打开网站,那么搭配上 Pencil 的使用,会更接近于在纸上进行练习,如果你在手机上看到这篇文章,那么动动手指同样可以随时随地进行练习,是不是非常方便呢?最后,如果切换图案的时候,网站反应比较慢的同学,多刷新几次就可以了,期待大家在线条和造型上的进步~三个值得推荐的理由:对绘画工具没有要求,手指、鼠标、Pencil 都能画可根据对比图时刻调整笔法,练习效果直观又清晰人体五官多图免费练,助你多方位提升线稿和结构免费可商用!这个网站提供超过 58 万种组合的手绘插画素材本文要推荐的「Open Peeps」是一个矢量的手绘免费图库,主要以人物为主,比较特别的是它其实是一个有系统的涂鸦,可以在人物间进行混搭,产生更多种变化。阅读文章 > 本篇来源:优设网原文地址:https://www.uisdc.com/trydraw
图层 线条 滤镜 有时有这种情况,我们在看到喜欢的照片,画不出来,那么这个时候,我们可以通过PS来把其中的线稿提取出来,并且通过这个来给它进行一个上色。整体来说,在PS中提取线稿是特别简单的,但是也不是适用于所有的教程,同学们可以根据教程所示来跟着练习一下,尝试着把自己喜欢的动漫提取出线稿来,相信你会很快学会。效果图:操作步骤:1、打开一张照片,执行Ctrl+J先复制一层,保护员图层不受损。在拷贝的图层上执行Ctrl+Shift+U去色。2、再执行Ctrl+J复制一层,在这个图层上执行Ctrl+I反选。3、把混合模式改为“颜色减淡”,会出现一片空白,但是不要担心,这是正常现象哦。4、执行滤镜--其他--最小值,半径设置在2左右。调整数值可以改变线稿的线条,像素越小,线条越不明显。完成:大功告成,输出成JPEG就行了,然后打印出来,安心享受提取线稿的过程,一起来学习一下吧。
粉笔 线条 素材 普通照片转成粉笔画效果,相信这是很多同学们所喜欢的教程,把自己所想要转的不管是数码照片还是一些漫画,变为粉笔画,转变一种形式,看上去感觉就不一样,在画画方面不是所有人都特别擅长,这时Photoshop就可以帮助我们实现这个,找素材的时候尽量找一些边缘比较清晰明显的,这样转为铅笔画的效果就会更为完美,具体如何做一起来学习一下吧。效果图:1.打开一张素材,素材选择大家尽可能选择矢量人物或者边界较明显的照片,这样提取出来的线条比较圆滑也比较美观。2.将照片【图像-调整-去色】进行去色。3.继续【滤镜-风格化-查找边缘】来得到人物线条。4.【图像-调整-反向】将线条转换成粉笔的白色。5.线条有点弱,并且整体有很多杂色,我们利用色阶工具调整暗部和亮部对比,去除杂色让线条也更完整。6.现在基本上粉笔画已经出来啦,我们用【色彩范围】选择高光,提取线条部分。7.选区建立后将粉笔画复制出来。8.寻找一个合适的素材,我这里找了一张黑板的素材,将粉笔画拖拽过来,适当调整大小位置,完成最终效果。教程中我们将照片做成粉笔画,整体思路是再利用滤镜提取线条,再利用色阶工具适当调整来完成制作,整体制作比较简单,同学们来操作一下试试吧。
人物 线条 形状 扁平插画中人物的风格可以是非常多样化的,没有标准答案。所以,在绘制人物的时候,对于身体比例的控制就没有太严格。和正常比例的人物绘制来说,大尺度的夸张人物身体,关注点就应放在色彩和形状的表现上,找寻形色之间巧妙的平衡。在今天的文章中,主要分享扁平化插画的形色平衡的训练为重点,演示创作夸张风格人物的过程。效果图:使用工具:Adboe illustrator (2019)一、草图:生成作品也许只需要30秒我一再强调过草图的重要性,草图不需要画得多好,它是一个想法的探索过程。在我们今天绘制的人物,我希望给人物一个看起来比较像是在舞蹈的动作,这样的画面会看起来更有活力。这是我的草图,看上去很凌乱,不过大家可以看到我在这里的思考脉络。画这个草图用不到十五秒,但是它瞬间捕捉到了我脑海中想要人物呈现的样子,以及可能想要给人物增加了一些场景元素。我也在扁平插画研习社当中和大家提到过,每天不一定能有时间完成一幅练习作品,但是一定可以拿1分钟时间来完成一幅完全原创、天马行空的涂鸦。二、线 Or 非线人物形态确定以后,接下就需要进一步了解到:你需要运用哪种更为细化的笔触来表现插画?扁平插画最基本的划分,其中一个是线性或者是非线性。所谓线性就是要利用线条来对轮廓线或者边线进行处理,而非线性只是采用形状。它们之间的区别除了线条的存在与否以外,线性更需要加强线条本身的表现力,所以对线条的形态本身也需要格外关注。STEP 01首先打开AI,新建文档,文档大小可以设置为1200*1200,分辨率72,色彩模式RGB。先从线条开始起步,设定好线条的大小为3px,绘制出一个圆角矩形。圆角矩形的角度圆弧可以放到最大,呈现一个胶囊形。这也是人物的头部的绘制。描边的形态也要注意一下统一规格,详见下图:三、绘制身体的大形上一部绘制好了头部,接下就可以开始绘制颈部以及身体的其他部分,这时候可以不用绘制细节的部分。重点是要抓住身体的比例以及大型的轮廓。虽说我们绘制的是夸张比例的人物,但是比例仍然是我们绘制的关注点。STEP 02脖子的处理方式很像画一条管子。这里我们采用钢笔工具绘制直线条的方法,然后再将直角变圆角。这是扁平插画中常用的绘制弧形的方式,除非你能很精准的控制钢笔工具的贝塞尔曲线。STEP 03接下处理的身体的部分,首先要画的是领口和肩臂的部分,这两部分其实无法分割,而是作为一个整体来绘制的。这时我们还要确定的是领口的样式,领口究竟有什么样式决定了衣服的样式,一般我们常见的领口样式就是一个圆领和一个V领,所以在这里,我们选择用圆领。要画圆领很简单的方法是用钢笔工具,但是初学者不一定能把这个圆弧画得很精准,这时我们可以借助圆角矩形本身来画。然后利用形状生成器工具(在左侧工具栏中找到),在按住键盘ALT键的同时,对路径进行删减。STEP 04接下绘制肩部和身体,注意跟随草图的思路,同时需要注意线条的表现,弧线要处理到平滑均匀。从下图的右侧可以看出,扁平插画中我们是如何运用几何块状来构型的。STEP 05接下完成另一只手臂,但暂时不绘制手的部分。另外一只手臂也是需要表现出几何形的感觉。STEP 06最后完成腿部的绘制,手和脚的部分留起来单独画,这是为了让我们的身体大形全部建立起来,从而获得人物动作的全貌,以便我们从大体上进行调整。提示:如果我们在草图阶段画好了人物,也许觉得很满意的作品,放到软件里画出来未必就是同样的感觉,这时就需要继续调整。四、手脚细节整个人物的身体都是用大的形状所组成的,相对欠缺细节。那么手部和脚部(鞋子)就需要比较细节的刻画,这样就能让细节也富有感染力。STEP 07绘制手部的时候,注意手指的线条要分布均匀,关系适当,手指的长短要表现出错落有致。STEP 08脚部的细节主要就是要描绘出脚踝,以及鞋子的部分。鞋子的样式可以自由发挥,照顾到整体的审美感即可。注意右边的鞋子,由于脚后跟的位置略往上抬起,因此鞋子的外观和左边就略有差别。五、增加细节化处理大形绘制完,整个人物就完成了,接下继续增加线条,从细节上继续丰富人物的表现力。STEP 09从头部的细节开始增加,为人物增加眼睛和头巾。头巾的部分可以稍作夸张。STEP 10对人物的服饰增加装饰性的线条细节。STEP 11继续增加鞋子部分的细节,这里的线条可以稍作更为复杂的刻画。STEP 12这里接下我们将直线替换为波浪线,比如人物的右边的裤腿,就可以采用这类方式来增加人物的律动感。首先绘制出一条直线,这条直线不要太短,接下在选中直线的基础上,进入到【效果>扭曲和变换>波纹效果】,进入波纹效果的设置面板,然后根据下图中的参数进行设置。这时直线变为了波浪曲线。STEP 13删掉人物右边的裤腿那条直线,然后将做好的曲线进行扩展外观,扩展外观后,这条波浪曲线就变为了曲线的路径,然后将这条路径放置在合适的位置上,注意首尾和原有图形的对接。六、装饰线的细节所谓装饰,就是看似和人物不相干,但又能帮助烘托氛围,增加丰富感的线条、圆圈等图案。这些图案的排布应该是灵活的,但又不失视觉的韵律感。每个小装饰的画法都非常简单,装饰就像一种调味料,因此要把握好整体的比例。STEP 14增加线条作为主装饰,它们的方向最好保持一致,和人物的腿部线条有方向上的共鸣。STEP 15继续丰富装饰的细节,增加几何形、虚线、圆点、斜线……等等。这无疑就是多种调味来增加视觉的丰富和动态。然后线条的部分我们就完成了。接下我的习惯做法是,先把所有的图形全部建立一个组,然后复制一个,当作备份。对新的复制出的线条进行扩展外观。由于有了备份,即使最后发现线条有什么不对,也能重新把原始的线条调出来进行修改。因为在AI中如果已经扩展了外观的线条就已经不再好继续改动了。七、填色填色前先将所有的线条进行扩展,扩展后再将所有的线条(现在已经是黑色的形状了)进行合并。STEP 16利用形状生成器工具,选中刚刚我们扩展后的所有的黑色线条,然后通过鼠标单击的方式来生成内部的形状,从而可以对内部形状进行填色处理。这时我们选用蓝色作为主色来填充人物衣服的部分。STEP 17然后再填充人物的皮肤的颜色。STEP 18运用一个饱和度更高的蓝色,和之前所运用的蓝色相比,它运用的面积比较小,让这块颜色具有视觉的凝聚力。STEP 19最后把主色调的蓝色分别运用在其他的形状上。然后再把人物的裤子的形状填充黑色。黑色和蓝色的运用,会让色彩整体有种力量感。而黑色裤子的部分就和其他地方用线包围的感觉形成了对比,视觉上会具有更多层次。STEP 20将装饰形状的色彩也进行部分填充,色彩可以运用蓝绿来补充画面中色彩的单调。然后选用接近白色的蓝色(不一定非要是纯白)来给目前仍然处于空白状态的形状以白色。这样整个画面的填色就完成了。STEP 21主色为蓝色,这就让画面看起来比较冷,那么为了中和这种冷调,那就需要增加一个暖色。这里我们为人物增加一个背景装饰数字01,让这个数字的色彩表现为黄色。STEP 22最后一步,为了让画面看起来更灵动,我们给人物的衣服增加白色英文字母。最终效果如下:八、插画应用最终应用在UI设计的界面中的效果:九、后记:扁平(FLAT)的魅力FLAT不是朴素,只是学会克制的表达。比起纯快乐式的张扬艺术相比,扁平看起来比较冷静,这也赋予了它在商业应用上的实用性。在学习扁平插画的时候,学会脱离原有物体的形态,练习夸张的人物是最有效的方式。由于重点从人物形态转移到了形色的造型组合,因此,直达视觉传达的本质。来源:ifeiwu
色彩 线条 形状 前言:一直研究线条,就会发现,线条除了表现我们普通日常所见的图标化的个体以外,还可以表现更大更复杂的风景。但是后者会有一定难度,如果线条比较粗的情况下,尤其无法更好去展示细节(比如要表现云朵或者空中漂浮的柳絮等)。当时我的有点卡在这个思路上没有进展。过两天,我突然凭空有了灵感,想到了“简化”这一条路。尝试用简化的方法,虽然看起来粗糙,但又进入到新的层面。我想我们不是要单单造景,而是要传递景色。因此,景色用线和色块的组合,就这样一步步展开。灵感来源:于是我有了这一组作品大千之镜,这一组作品就是基于粗线+景色的方式来创作,其中重点的表现是“色”(渐变组合)。提示:本操作注重设计思维的过程,不涉及到软件的具体详细操作,如果对软件操作生疏的小伙伴,可以移步到这里看看这个简单的快速上手AI的操作视频。得到形状的四种方法:拼、减、裁、画参考照片不等于临摹照片外景的绘制,需要非常概括化。由于这里我们的规划是把景物画在一个小圆矩形的框内,其实空间是很有限的。因此线条的设置也就要趋于简单。简化是一个非常重要的思路,你可以用照片开始研究。当然,我在创作的时候,不止借鉴了一张照片,而是把多张照片进行结合参考。参考照片里的布局、构图、透视……然后提炼最基本的形状。如果有兴趣你可以看下面这支视频:灵感怎么来?参考照片的几点技巧构建基础线条如果在细节并不累赘的情况下,简化的图案可以采用网格来帮助表达。当然这取决于你的习惯。STEP 01打开AI,新建一个1600*1600px的文档。在这个文档中画出一个圆角矩形,然后在这个圆角矩形当中谋篇布局。首先用几个线条把最大的基础形勾勒出来。外框线条采用30px,而内部的线条可以稍微减小,变为25px,再细可以变为20px。线条的粗细设置原则就是让其遵循一定的韵律感,比如都是5的倍数。图案犹如搭积木那样建立起整个画面。STEP 02继续以搭积木的逻辑来填满左边建筑群的画面。这时我们要学会跳出「技」的思维层面,这在我的授课经验当中也反复和学生强调:我们并不是在学会如何画这个对象,比如这里我们在绘制小镇风景。我们学会的是背后的创作思维。这里我引用一段丰子恺在《认识绘画》这本书里的原话:“图画就同数学和体育一样。人生不一定要画苹果、香蕉、花瓶、茶壶。原不过是借这种研究来训练人的眼睛,使眼睛正确而又敏感,真而又美。”用在这里,就是通过画小镇、建筑的过程来训练自己对线条造型的能力。而这个能力表现出来就是既符合建筑的外形,又能让它看起来美观自然。STEP 03继续往下,就是把我们的形状再一次优化。优化形状有两个层面需要注意:1)形状衔接是否闭合2)整体的形状是否均匀这是宏观和微观的两个方向。然后再适当调整增删形状。STEP 04增加细节一般来说是最后一步的框架工作。这时我们又要切换一个角度:刚开始我们把线的作用看作是建立轮廓,这时,需要拿线来当作细节的描绘担当。比如下面用一个苹果作例子,你就能理解了。线的两个作用:勾勒和描绘,在这里就能体现出来。因此这里增加的细节(窗户、门、波浪、海鸟等)都是发挥线的描绘作用。到这一步我们的轮廓线就完成了。这时可以将它们扩展外观。在很多LOGO设计当中,到这一步其实就可以告一段落了,因为大部分扁平风格的LOGO都只需要一个轮廓,色彩可以是一个随机的单色。色彩框架建立色彩框架,其实就是找到一种观察色彩的角度。利用两个色彩间的关系演化成一个色彩阵列。在下面这个视频中,你可以了解更多关于色彩阵列。色彩阵列:给初学者的色彩框架图STEP 05依据上面的理论,我获得了这个色彩阵列。我们的色彩就从这里开始。主色确定为蓝色(这从我们的照片里获得了灵感),次色为粉色和薄荷绿。STEP 06当然,色彩阵列的作用并不是要让我们用上所有的色彩,仍然根据实际的情况去繁化简。在关键的色彩上进行不断的尝试,找到最好的组合。运用形状生成器工具来进行上色,把主色进行分布。STEP 07继续运用上次色薄荷绿,这时大家要注意色彩的微妙变化,在单一色彩出现的时候,看起来一切都很完美,一旦加入了第二种颜色情况就开始变复杂了。这也和我们平时生活是一样的,一个人的时候什么都好,两个人就会出现人际关系。复杂的让人头疼也让人欢喜的关系,就带来了更多的生机和起伏。我们看到虽然我们运用次色,但也在部分色块上带来了更多的色彩上的变化,这也是有了色彩阵列后可以轻易做到的。STEP 08第三种色彩是红色,我们可以继续运用在图形中。STEP 09主要的色彩控制在三种,剩下的色彩可以继续在现有色彩基础上再微调,比如调整色彩的明度或者饱和度来获取更为细腻的变化。注意在这里的白色的运用。光影渐变由于有光,我们才得已看见不同的色彩。根据这个真理,如果要想获得更为丰富的光感,渐变也是一个非常重要的上色要素。STEP 10在运用渐变前,我的建议就是先做好平涂的工作。平涂是建立整体的色彩均衡,然后再根据光线的情况进行微调。而且对于渐变,我们需要加以克制,只需要选取其中一种色彩,然后在这个色彩比较窄的范围内进行微调。比如在这里我们将红色用上渐变,使红色产生一些微妙的变化。STEP 12然后给建筑补上阴影,阴影的出现根据“美且真”的原则来安排。这里可能很多人会问什么是“美且真”原则,下面同样是出自丰子恺的《认识绘画》的一段描述:图画兼有欣赏与实用两种效果。欣赏是美的,实用是真的,故图画练习必须兼顾“真”和“美”这两个条件。具体地说:譬如描一瓶花,要仔细观察花、叶、瓶的形状、大小、方向、色彩,不使描错。这是“真”方面的功夫。同时又须巧妙地配合,巧妙地布置,使它妥帖。这时“美”方面的功夫。了解了这个原则,就在练习中去试探画面这两个要素的平衡。阴影的制作需要注意的是三点:1)找到光源2)阴影颜色的配置3)不必完全写实这三点可以通过下面这个视频中详细给大家演示:线条插画中增加阴影的三步技法完成后的效果如下:点状高光创作最后一步,这里我们增加了一个小细节,也是突然想到的点睛之笔,给画面增加点状高光。STEP 13在平面构成中,一个点可以是一个圆点,也可以是一个小方块。在这个画面当中,我们就利用白色的小方块来制造画面的高光部分。增加了点状高光的画面,就会让画面更加活泼。最终效果:后记:背后的思路写这篇文章我整理出了三段视频,通过视频也许会给初学者更多启发。我之前一直纠结在是做视频还是写文章两条路子,本来想文章+视频是最好的方式,各取所需。但是后来操作过程发现两条路没办法并行。只能在文章当中,穿插更多我认为值得展开的部分。视频作为文章的补充,而文章又作为视频的补充。虽然现在大家都说没时间看文字,视频也更加直接,但是我始终觉得潜心学习的东西,用文字是更易于查询和记录的。视频和文章都无法取代彼此。希望我们可以继续以这样的方式交流下去。原文链接:飞屋设计
工具 线条 铅笔 在本教程中,我们将使用简单的线条创建一个可爱的小柯基。创建此插图时,我们有两个选项:可以使用铅笔工具绘制线条,或者是使用弧形工具,然后从中创建所需的曲线。在那之后,再为插图着色,这就是我们的创作思路。绘制的过程中我们将学习如何移动锚点和控制手柄获得所需的形状。先看看效果图1. 创建身体轮廓第1步创建一个新文档,让我们开始绘制插画。实际上,我们只会画出身体的一半,然后我们会创建一个反射形状来获得另一半图形。首先我们从绘制耳朵开始。删除填充颜色并将笔触的颜色设置为 R = 142,G = 93,B = 60。转到“ 描边”面板(“ 窗口”>“描边”)将描边粗细增加到3px。并设置为圆角端点。选择弧形工具并单击您的画板。在新的对话窗口(弧线段工具选项)中,请务必选中类型开放,斜率30,弧线填充关闭,长度和基线轴不需要改动。检查完需要的所有内容后,按“ 确定”。按住Shift键旋转弧线使其水平放置。之后,在保持选定圆弧的同时,转到效果>变形>弧形。在新对话窗口中,输入您在下面看到的选项,然后按确定。接下来展开图形“ 对象”>“扩展外观”。第2步现在我们继续绘制耳朵。旋转刚刚创建的形状。使用圆弧工具,再添加一个圆弧,使两个圆弧的顶部连接在一起。创建两个弧的副本,将其缩小,然后将其放在前一个弧形下方。使用铅笔工具(N)在小狗的耳朵上添加有趣的毛发。放大并检查弧形是否全部连接在一起。第3步使用圆弧工具添加新的曲线。实际上,这里有两个选项:您可以按照我的描述使用圆弧工具,也可以使用铅笔工具(N)绘制所有线条。我认为用铅笔工具(N)绘图可能会更令人满意,但首先我们要先设置线条的流畅度。所以 双击的铅笔工具(N) ,将滑块向平滑方向移动一段距离,直到画出的线条让你满意为止。在耳下添加第一个弧线后,让我们继续绘制毛发。最后,添加第二个曲线。铅笔工具选项窗口:第4步接下来让我们绘制一条腿。首先创建一条曲线。使用“ 弧形工具”:创建一条简单的曲线,然后拉伸手柄并移动锚点获得所需的结果。得到的线条应该如下图所示。或者您可以使用铅笔工具(N)绘制所需的线条。然后添加另一条曲线,如下图所示,作为小狗的爪子。第5步下一步我们要创建小狗的前腿。首先画一条线。然后添加毛发。再画一条线,然后往下延伸。之后,画前爪。最后,绘制一根向上的线条。前腿完成了。这样,小狗的左侧部分就完成了。第6步将左侧部分的创建反射图形,获得小狗的身体轮廓。为方便起见,最好将整个左侧部分进行分组:右键单击>编组。在保持选中状态的同时,点击反射工具(O)并按键盘上的Enter键。在新的对话窗口中,输入垂直,角度90度,然后点击复制。将反射图形向右移动。观察发现两个躯干部分之间会有一些差距。我们可以在它们之间添加一些线条和毛发。第7步最后,绘制尾巴。绘制对角线向上的曲线,然后使用铅笔工具(N) 添加一些扇形。身体轮廓就全部完成了!2. 绘制面部第1步在“ 工具”面板(“ 窗口”>“工具”)上,按“ 交换填充和笔触”(Shift-X)按钮,之前的笔触颜色将变为填充颜色。使用椭圆工具(L)并在按住Shift键的同时创建一个圆。添加一个小小的白色圆圈作为亮点。完成第一只眼睛。创建第二只眼睛,同时按下Shift和Alt键并将第一只眼睛向右移动。眼睛部分就完成了。第2步使用圆角矩形工具创建一个小的水平圆角矩形,并添加给它一个白色椭圆作为高光部分。之后,在圆角矩形下面创建一个更小的垂直棕色矩形。 鼻子部分我们就完成了。
线条 色彩 插画 前言线是最基本的平面元素之一,在平面设计中,如果运用线体插画,能和字体很好的形成融合效果,因为字体本身也是线条。今天我们就来一起探索关于线体插画,运用AI来绘制一枚多肉植物的线体插画。创作要点学习插画的过程,其实根本是学习如何构图和配色。在平面设计中构图和配色是视觉元素的重点,练习插画是一个很好的训练方向。在本次的小练习中,你可以把关注点放在以下几个方面:1、多肉植物的造型组合(所运用的是什么形状?这些形状的线条是如何表现的?)2、配色方案的选择(注意色彩的明暗层次、色域使用的范围)3、如何创造画面的点睛之笔(运用对比色创造焦点)警语本文对所涉及的AI软件基础工具不多做特别详细的解释,如果对工具仍然不熟悉的小伙伴,可以先移步软件的基础操作再进行实例练习,本文更多提供的是一种创作的思维过程和方法。用线构形我们在绘制任何画面之前需谨记:从大到小,从整体到局部。所以,我们要从基础的大形开始画起。但是在这幅画中,由于线条的造型相对简单,所以细节的部分是集中在色彩的处理上。STEP 01打开AI,新建一个1600px*1600px的文档(这个尺寸是我常用的),色彩模式为RGB。然后把线条的填充关闭,开启描边,描边的大小设置为20pt。然后绘制出一个椭圆,将这个圆调整为一个尖头椭圆,把它作为多肉植物的第一片叶子。调整的工具可以采用【锚点工具】。多肉的造型一般来说都是圆圆胖胖的,所以线条也是尽量看起来饱满一点为佳。颜色让它保持黑色就好,目前不需要考虑色彩。当做出第一片叶子以后,就能继续画出其他的叶子。在这里,我们的多肉植物造型是不对称的样式。STEP 02我们继续增加叶片的造型,每一个叶子的造型都是椭圆,但又都和原始的椭圆形状有别。这样保持错落有致的整体视觉。STEP 03这时大家也许发现线条比较凌乱,因为包含了不同的重叠关系。这时就需要采用【形状生成器工具】将多余的遮挡住的线条进行删减。因此在处理前大家就需要弄清楚叶片之间的前后空间关系,按照前面遮挡住后面的原则,就能确定应该删减哪一条线。STEP 04最后增加一个小叶片,也同样删减遮挡的线条。通过这样的方式可以继续增加叶子,我在这里不做过多的演示,你自己画的时候可以根据需要增加叶子。STEP 05往上继续增加植物的造型,在这里我做了两个不同的往上伸的茎干作为补充,让画面更丰富。在这类LINE ART的创作中,线的表现是非常重要的,所以在造型时首先就要考虑线的表现,比如左边是采用直上的线,右边就采用弯曲的线,一直一弯造型形成一种对比效果。STEP 06给右边的茎干上增加小叶片的组合。这里由于小叶片的造型要小一点,更细节一点,所以线条的粗细可以设置为18pt。STEP 07最后给下方增加一个花盆的造型,花盆的外观可以是圆角矩形。这里的线条粗细设置回之前所用的20pt。圆角矩形的下面圆角的弧度要大一些。到这一步,所有的线条部分就完成了。阶段小结线条是一种很有表情的语言,线条的粗细、长短、曲直,都对整个造型起着关键的作用。因此对线的把握,尤其是扁平化风格当中,线条维持平滑感非常重要。你在这副画中所做出的每一个形状,都要让线保持这种平滑感,而不要扭曲。为形体赋色配色对很多人来说都是难点,因为颜色不仅对我们普通人,即使是对一些资深的设计师也好,都未必清楚色彩真正的本质。我们这篇文章不会去刨根问底,但是可以触及一些关于色彩的探讨。之所以要平时做临摹练习,也是为了拓宽自己对色彩的敏感性,增加自己和色彩单独相处的机会,从而会更有利于日常工作当中对配色的驾驭。STEP 08在上色之前,我习惯先将所有的线条编组然后备份放到一边,这是为了方便日后修改。然后把其中的拷贝的线条全部进行扩展外观,转为形状。转为形状后会更容易在AI中进行上色。STEP 09首先为线条上色,在这里,线条安排成一种比较带蓝色的深黑色。由于线条要着重表现,所以线条的颜色也需要更突出一点。STEP 10然后接下打开拾色器,选择5种不同的绿色。为什么要选取这么多种类的绿?这里我们可以普及一个小常识,大家平时在配色的时候,如果说选择运用绿色或者红色(也就是单一的色系时)很容易局限于某一个色值上,如果扩宽一下思路,大家可以说叶子也有很多种不同的绿色,其实真实的自然界也是由多种多样的绿色所构成的:蓝绿、浅绿、深绿、柠檬绿等等,所以我们在选择色彩的时候,尽量也是往多样化的色彩方向去走。这样会让色彩看起来更自然。并且在选择色彩的同时,也要注意在明度和饱和度上也要有所对比,尤其是明度的对比会为整个画面增加更多自然光的效果。同时我也增加了蓝色的表现,这是为了强化阴影当中的冷调。让画面有冷暖的搭配。STEP 11然后我们先选定“湖水蓝”,然后再选定【实时上色工具】,在你认为应该运用这个色彩的位置上进行单击,就可以实现部分的上色。STEP 12我们再继续选定“森林绿”和“树叶绿”,这是两种不同的绿色,但是森林绿的明度略低。虽然是两种绿色,但这是不同感觉的绿色。STEP 13在运用“薄荷绿”的地方,其实是相对来说更“亮”一点的区域,受光更多。所以我们要寻找合适的地方进行上色。STEP 14最后运用的绿色是“苹果绿”,这个绿色是受光最多的地方。这时的叶片部分的上色就完成了。可以看到,运用不同层次的绿色,会比用同样颜色的绿色来得更生动。STEP 15将花盆也填充一种灰色,这种灰色会略偏向绿色。光影造型继续为画面增加光影表现,在这里,其实最重要是增加阴影。阴影的表现其实可以比较随意,确定好光源点,通过之前色彩的深浅分布,可以判断我们画面中光源点出现在右上方。因此,阴影也都可以跟随这个虚拟的光源出发来安排。STEP 16把刚刚做好的整个对象进行“扩展”(运用了实时上色工具后,需要扩展才能进一步取出某一个形状,留作下一步之用),扩展完成后再取消编组。这时我们就能单独拿出非线条以外填色部分的形状,然后在这些形状上增加阴影。阴影的颜色选择和线条的深蓝色同色,把透明度降低至18%。阴影的形状依然是我们关注的重点,需要从整体来观察整体的美感度和协调程度。STEP 17然后把全部的阴影都画出来,包括花盆部分的阴影。阴影的设置跟随一定的光影原理,但是也不用完全再现现实物理条件的光照。主要还是要照顾到最终整体的视觉效果。STEP 18增加高亮的部分,运用白色的小圆点,添加到受光比较多的位置。同样需要适当降低每个小反光点的透明度。点睛之笔大家可以发现在整个画面中,我们只是运用蓝绿色系,画面的色彩是偏冷的。如果想要画面的效果更饱满,更具有张力,就需要增加暖色。在多肉这个主体当中,我们可以运用叶片的尖端位置增加和绿色刚好处于对比色的红色,然后运用渐变的效果做出红绿对比,增加对比就增加了戏剧感,从而也就让画面显得更具有感染力了。此外需要注意的是,我们的画面焦点部分才需要这样的戏剧冲突,因为焦点不可太多,所以不用每个叶片都这样操作。STEP 19先安排好这个渐变色的色板:从粉红色到白色的过渡,白色一端的透明度降低为0。然后绘制出一个新的形状,这个形状刚好覆盖过我们的叶片尖端,然后把渐变色运用在此。STEP 20在运用“薄荷绿”的两个叶片上增加这样的粉红色渐变。这样的冷暖互动就能把画面的灵动感拉高一个层次,这也为大家提供一个配色思路:当全部为冷色的画面中增加暖色,或者暖色中增加冷色对比,都能让对比发生一定的戏剧效果。最终效果最后,让我们为整体的插画增加一个背景,END!插画应用一个插画画出来了以后,可以灵活运用到平面设计当中的多个地方,例如在UI设计中,我们可以把它作为Banner,或者介绍配图。除此而外,还能作为图标、LOGO设计而使用。后记:学习插画的时候我们在学什么当我们在学习插画的时候,真的是在学怎么画一盆植物吗?这是我最想问的问题。回到我最爱讲的印象派,大概在中学时代第一次见到莫奈的印象日出,立刻就动手模仿了好几幅。当时还不知道这叫印象派,但是直觉告诉我,这种表现形式是诚意十足的。后来看了很多印象派的资料,最让我着迷的就是他们对“光”的敬畏和喜爱,大家都应该知道光线造就了颜色,所以,色彩就是光的语言。我讲过好几次关于色彩的课,也自己深挖过一些色彩理论,色彩构成,总的来说,我觉得没有用眼睛去看,自己动手去画,理论都是很苍白的。所以,对于开头问题的答案就是:我们其实就是在学习色彩,学习构图。而这都是平面视觉的核心,甚至不能说是核心,而是形与色本身就是平面视觉。有小伙伴困惑配色怎么破的时候,其实根本没有捷径,倒是有很多伪装成捷径的弯路,初学者选择弯路也没关系,只是时间会耗得更长而已。唯一的捷径大概就是多画、多观察,手上练习,心里总结规律。心、手、脑并用,效果就自然来了。话不多说,找个空闲时间练起来。原文链接:ifeiwu