描边风格插画配色-AI插画基础教程，教你简单搞定UI小插画
2024-10-16 15:39:36
描边插画:可以简单理解为众多线面结合图标组合在一起,互相呼应而组成一个大画面。画面中的元素除了面以外,还具有描边,因此也叫描边插画。
●本文内容:文章会详解如何画一张描边插画,教程素材没有用我之前的插画来做步骤分解,而是新画了一张插画以作示范,绘画原理都一样,理解原理就好。除了具体步骤以外,会针对一些易犯错误的地方添加重点标记。
●一点建议:看完文章后,可以按照我分享的方法来临摹一遍,但我更趋向于小伙伴们能够发挥自己的想象力,做一张属于自己的原创插画。画完后若有不清楚的地方,欢迎在我的公众号中添加微信并附带插画,可给予建议。
【正文】
一、草图阶段
1、确立主题,画草稿
●这次插画的主题源自于我的一个梦:在草地上,遗落的帆布鞋里面长满了鲜花,小鸟守在花的旁边歌唱。
●确定主题后,把脑海里的画面画出来,可以画在纸上,也可以用数位板在ps里面画,按照个人习惯就好。我比较喜欢手绘,因此在纸上画。
2、打开AI,调整设置
●新建画布1600*1200
●视图-勾选对齐点
3、把草图拉到画面中,调整大小
二、线稿
1、描边设置及要注意的问题
在描边插画中,常见的问题之一就是描边的粗细问题、以及描边间关系的处理问题。
a、描边粗细问题(下图以之前的四季插画为例子)
b、描边间关系处理
c、描边设置
描边的粗细是根据画布大小而决定的,1600*1200的画布,我习惯用8pt的粗细的线条,但是如果画布是1200*900,8pt则显得过粗。具体的粗细可以根据情况而调整。
2、线稿画法
a、布尔运算法
b、形状断点重连法
c、形状生成器
d、钢笔勾勒法
钢笔勾勒法顾名思义就是用钢笔直接描出物体的外形。在这个插画中,植物的形状比较随性,因此用钢笔直接勾勒比形状剪切要快。绘制的过程中,注意调整线条的平滑度、弧度,使其规整。在此不作示范。
三、色稿
1、增加背景色
2、色稿层的绘制
3、颜色调整
4、高光与暗部
5、经过高光与暗部塑造后的画面
四、风格塑造与整体调整
1、风格塑造
最近看到kit8大神的画,突然想到如果白线运用在线性插画会怎样,就尝试了这种风格。把线稿复制一层置于顶上,改成白色,2px粗细的线,然后向旁边移动错位,破一下画面沉闷的感觉。
2、整体调整
看到这里,你应该也发现了,画面是比较灰的,因为我都是选择低饱和度的颜色,如果需要调整,就在AI中把插画导出SVG格式。然后拖到PS里面进行色相饱和度的调整。
3、保存喜欢的配色
在颜色调整过程中,遇到
怎么画风简单风虽然很简单,但不同风有不同的风格。1、扁平风造型简约,画面清爽,视觉鲜明,商业应用广泛,上手速度较快。
2、描边插画风配色鲜艳简单,运用线条描边,增加画面层次的同时保证画面的简约感,识别度较强。
3、噪点肌理风扁平风的基础上增加了肌理质感及光影等,画面更丰富细腻,视觉效果较好。
4、渐变风特点鲜明,画面色彩造型均比较简单,风格唯美,利用颜色的渐变增加画面层次与细节。
5、涂鸦风结合墙面涂鸦与漫画艺术,主要运用线条和色块表现,画面张扬个性,创意十足。
6、绘本风色彩明亮治愈,主角童趣可爱,整体有较强的故事性及趣味性,多用于儿童或青少年读物的配。
AI插画基础教程，教你简单搞定UI小插画AI插画基础教程,教你简单搞定UI小插画
我们在使用AI的时候,AI工具的组合步骤不同的时候,出来的效果都会完全不同,本文就来为大家介绍如何配合基础工具,重复使用图形我们可以做出非常多样化的设计,下面我们一起来看看吧。
1、制作花盆基础形.
选择原角矩形工具,通过按住键盘上、下键控制切圆角弧度。
2、选择‘删除锚点工具’,删除掉其中一个锚点后,切换为“直接选择工具”,拖动至中间,再次切换“钢笔工具”---“锚点工具”,按住鼠标左键不放拖出上方贝塞尔曲线,调整好弧度。
3、选择“删除锚点工具”,删除右顶点锚点(切忌不能直接delete,否则会变成非闭合路径).
4、选择“直接选择工具”,拖动两边锚点为以下形状。
5、接下来我们要来制作花盆口,包含花盆外圈和内部土壤。
首先把填充颜色选择为土壤色,描边切换为花盆外圈黄亮色。选择“椭圆工具”,拖出自定义大小花盆口,大小就按自己喜好啦。然后放置为花盆上方。
6、虚线装饰。
制作花盆不是最复杂的,如何利用软件自带装饰做效果同样可以提升工作效率哦。
接下来我们利用AI自带描边款式加花盆的装饰细节。
切换“选择工具”,选中刚刚制作好的花盆雏形,按住Alt键同时点击鼠标左键,往右复制出花盆,切换填充为描边,确保填充为关闭状态哦。
7、调取描边款式。
如果描边选项没有在选择范围内的童鞋,请参考以下图示1-2-3-4步骤,这是隐藏的装饰功能,里面很多都是可以直接调取出来使用。
TIP:这里还有个技巧,自带的虚线默认设置是黑色的,无法吸取自定义颜色,那么我们也有办法进行设置。
首先双击“虚线”选项,随后出现如下面板,在面板中找到着色--方法--色调,点击确定,就可以自定义选虚线颜色啦!
8、制作更多细节。
沿用步骤7中做法,复制一个花盆口,关闭填充,更换描边为虚线。在这里我想要的款式为只有下半圆,点击选中上方节点,选择delete,就得到下半圆弧形咯!
9、花盆暗面制作。
选择椭圆工具,按住Shift键,拉取出一个正圆形。同时选中花盆和正圆,选择“窗口”--“路经查找器”,选择第二排第一个“分割”,接下来把剩余不要的边角料delete就ok啦。
10、勾勒仙人掌和小花。
用钢笔工具勾勒出如下图形,也可以自己设计哦,外形不用太规则,大自然的产物有些不规则才是最美的!此外注意制作仙人掌暗面时建议也用复制的办法,这样可以保证和原本亮面完美重合。
11、俄罗斯风花盆制作。
因为这种配色出现在俄罗斯教堂中很多次,花纹是极简的,所以我命名为俄罗斯风。
复制红色花盆,更改为喜欢的配色,以下是教程提供配色参考和色值。
12、选择“钢笔工具”拉出水波纹般弧度,切换描边为虚线。
仙人球部分可以直接选择椭圆工具,再选择锚点进行变形。
13、接下来要制作第三个日式和风花纹花盆。
第一步钢笔工具绘制出单个仙人掌造型,然后复制出大小五个,错落拼在一起。
14、制作一个单位和风花纹。
选择椭圆工具,按住Shift键拉取出正圆圈,关闭填充。复制几个同心圆---以圆圈中心放大。
接下来,选择“矩形工具”拉取矩形块,放置在圆圈中心处,顺序在圆圈上层形成遮挡。
然后,选择“窗口”---“路径查找器”--“分割”,删除掉不需要的下半部分。一个花纹的基础单元制作完成。
15、选择颜色,描边为纯白色,蓝色与花盆本身颜色一致,色号参加下图。
接下来复制单个花纹一层一层叠加上去。如何让多余花纹去掉,完美绕排在花盆周边呢?
同样采用“路径查找器”--“分割”,但是这里需要注意,我们需要分层次来分割。
首先参考下图step1中,选中底排两边花纹、花盆外框,然后分割--删除不需要的边角;再次重复以上动作,选中第二排两边花纹、花盆外框,分割--删除不需要的边角,图示请看step2。
至此我们三盆不同的仙人掌就制作完成啦!为了突出效果,我们可以用相同的素材搭建不同的插画效果哦!一种沙漠风,一种星空风,还有其他风格期待来交作业咯!
热门标签
