描边风格插画配色-AI插画基础教程,教你简单搞定UI小插画

作者&投稿:桐晴 (若有异议请与网页底部的电邮联系)
~ 描边怎么画

描边插画:可以简单理解为众多线面结合图标组合在一起,互相呼应而组成一个大画面。画面中的元素除了面以外,还具有描边,因此也叫描边插画。

●本文内容:文章会详解如何画一张描边插画,教程素材没有用我之前的插画来做步骤分解,而是新画了一张插画以作示范,绘画原理都一样,理解原理就好。除了具体步骤以外,会针对一些易犯错误的地方添加重点标记。

●一点建议:看完文章后,可以按照我分享的方法来临摹一遍,但我更趋向于小伙伴们能够发挥自己的想象力,做一张属于自己的原创插画。画完后若有不清楚的地方,欢迎在我的公众号中添加微信并附带插画,可给予建议。

【正文】

一、草图阶段

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。

至此我们三盆不同的仙人掌就制作完成啦!为了突出效果,我们可以用相同的素材搭建不同的插画效果哦!一种沙漠风,一种星空风,还有其他风格期待来交作业咯!




美式运动风插画-关于几类插画风格的总结与鉴赏
清透风格:下图是我非常喜欢的插画师“胖蛇”的作品,她的博客叫“胖蛇的仙女地”,应了那句标题,她的作品清透、充满光感,呈现了美好而又神秘的童话世界,元素多有小女孩、小仙子、小动物,真正应了那句仙女地。她的画有一种细腻的、毛绒绒的质感,也许是仰赖于细小而又朦胧的线条吧,配色多数以浅褐色、...

插画配色方案-动漫杂志里插画的话稿必须上色吗~~还有如何给动漫杂志...
数字插画设计的方法?视觉夸张、几何图案、线条艺术、有限的色彩以及具有体积感的3D插画。1)、视觉夸张插图画家在他们的作品中发现的流行趋势之一是视觉夸张。破碎的比例和夸张的身体部位,现在似乎已经成为周围数字艺术的组成部分。Pablo风格时尚插图具有夸张的细节和破碎的比例,共同构成一种艺术手法FireartStudio...

2020海报设计-这6种常见的插画海报风格你知道吗?
SmoothVoid躺椅的有机和极简主义造型诠释出一种特别的美感,并通过协调连贯的色彩搭配和设计唤起整个产品生命力。大约二十层棉和莱卡混合面料在底垫上拉伸,...A.V.MappingA.I.Platform 音视频人工智能平台 公司:MemuriesicCo.,Ltd.,Taiwan,China 设计主导:FrinnyLee这6种常见的插画海报风格你知道吗? 2020年可以...

半写实插画-插画有哪些常见的画面风格
清透风格:下图是我非常喜欢的插画师“胖蛇”的作品,她的博客叫“胖蛇的仙女地”,应了那句标题,她的作品清透、充满光感,呈现了美好而又神秘的童话世界,元素多有小女孩、小仙子、小动物,真正应了那句仙女地。她的画有一种细腻的、毛绒绒的质感,也许是仰赖于细小而又朦胧的线条吧,配色多数以浅褐色、...

六个好的海报是什么?这6种常见的插画海报风格你知道吗
海报设计的六大要素是什么?海报设计的六大要素是主题、风格、构图、配色、背景、商品。1、主题 主题:就是让消费者明白中心思想和主要内容是什么,目的是让消费者一眼就能知道核心表达什么内容,主题一般放在整个海报页面的第一视觉中心点,而且主题文字的提炼要简洁、高效,单刀直入。2、风格 风格:就是...

中国元素插画?a??-国潮插画风格特点
国潮风插画就是运用中国风元素和潮流元素相结合的插画,运用中国风的元素,去画现在的人事物,画面的配色、构图和元素都要有明显的中国风的味道。中国风插画的背景和意义?中国风插画是一种以中国传统文化、艺术和风俗为主题的绘画形式,具有浓郁的中国文化特色和独特的审美价值。以下是中国风插画的背景和意义...

清新时尚插画-插画的风格有哪些
通过一些著名服装品牌的时装新品发布会就会发现,每年都会设计一个专门说明流行色的发布会,通常流行色不会局限在一种单色上,而是一种有着流行时尚风格的配色。一般而言,服饰的基本色在服饰中所占的比重相对较大,而流行色所占比重较小,因此,在制定和发布下一年度流行色时,往往是采取两种或两种以上的流行色...

国外经典插画-既熟悉又陌生的国外插画风格你知道哪些?
一些用在家居的案例,打破常规,孟菲斯风格给生活增添了不一样的视觉感受 小结: 1、构图上打破横平竖直的线条,采用波形曲线,曲面和直线,平面的组合。 2、配色上多用撞色,选色明丽鲜艳,特别爱用粉红粉绿等高明度高彩度色调。 3、由点,线,面等细小的几何形体做趣味的装饰设计。 今天分享了两种国外的插画风格,你学费...

插画金色线条-关于几类插画风格的总结与鉴赏
清透风格:下图是我非常喜欢的插画师“胖蛇”的作品,她的博客叫“胖蛇的仙女地”,应了那句标题,她的作品清透、充满光感,呈现了美好而又神秘的童话世界,元素多有小女孩、小仙子、小动物,真正应了那句仙女地。她的画有一种细腻的、毛绒绒的质感,也许是仰赖于细小而又朦胧的线条吧,配色多数以浅褐色、...

色彩系列插画-请问插画有多少种风格?
了图案背景、梦幻背景、自然背景的绘制方法及背景与人物之间的关系;第六章是风格篇,讲解了宁静温馨式、时尚潮流式、华丽璀璨式、随意小品式插画风格的特点与绘制;第七章是色彩篇,讲解了色彩的含义、色彩视觉心理、色彩方案、色彩对比规律、色彩调和规律、色彩调和的原理、色彩模式、色彩与印刷、插画配色技巧等插画的...

六安市17513871647: AI中 如何填充一个区域颜色 -
肇博癸酸: 方法及步骤如下: 1、首先,打开ai的软件,执行菜单下的文件—新建,新建一个画板. 2、画个圆,添加颜色. 3、鼠标点击画圆. 4、填充,描边. 5、我们点击填充和描边的下拉,可以看到颜色块,根据自己的需要选择自己想要...

六安市17513871647: AI中如何为描边填充渐变色
肇博癸酸: 你按F9出来一个面板 要的填的描边 你可以选自己要的颜色上去就行了 不知道的话加我

六安市17513871647: 请问AI里面怎么做这种描边,如图 -
肇博癸酸: 画好路径之后,选中路经-对象-路经-偏移路经-然后设计合适的数值(比如3mm),这个路经会自动生成一个外扩路经,然后里面这个设置填充颜色,外面这个设置描边颜色即可,这个方便比较简单满意请采纳,谢谢,不明白欢迎私信

六安市17513871647: AI中的填充颜色快捷键是什么? -
肇博癸酸: AI中填充颜色没有快捷键,可以用Shift+X切换填充颜色和描边色1、电脑打开AI软件. 2、打开AI后,点击左侧工具栏中的矩形工具. 3、然后用矩形工具画一个选框. 4、画好选框后,可以直接点击工具栏中的填色给矩形填充颜色. 5、给矩形填色后,按Shift+X. 6、按Shift+X就可以切换到描边颜色.

六安市17513871647: AI里面怎么描边描出一层的效果也很好看怎么弄!有图片看 -
肇博癸酸: 呵呵,这个功能在coreldRAW里面叫后台填充,在ai里面有两种方法:第一就是转曲线后在描边面板把“对齐描边”设为“外侧对齐”;第二种方法就是添加描边的时候在外观面板去添加,如图:

六安市17513871647: AI插画里这样的描边效果怎么实现 -
肇博癸酸: 添加外轮廓就可以了

六安市17513871647: 请问用AI软件做图描边怎么描?谢谢各位帮忙!
肇博癸酸: 工具栏最下面2个方块 一个是填充颜色的 一个是描边 用鼠标点下

六安市17513871647: AI里面怎么添加常用描边的颜色(自定义的内种) -
肇博癸酸: 画一个正方形,填充你要的颜色,直接拖拽到色板里就可以.不过你发的截图这个文件有问题需要重新建一个,只有色板里显示常用颜色的时候拖拽进去才行

六安市17513871647: AI中怎样修改想要的CMYK描边色值 -
肇博癸酸: 在颜色,边框,如图调整CMYK的百分比.就可以了!

六安市17513871647: AI中描边渐变怎么弄,按网的弄出来把渐变的颜色直接填充到方宽里,而不是边,求解? -
肇博癸酸: 在AI中= - =边是不能弄渐变的,你要把你的边做渐变只有把边 描边轮廓化,这样操作后边就变成轮廓,就可以填充渐变..= - =记住."AI的边是不能做渐变的"

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网