Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Character Design

如何在Adobe Illustrator中创建水彩美人鱼插图

by
Read Time:1 minLanguages:

Chinese (Simplified) (中文(简体)) translation by Season Chou (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

在本教程中,我们将创建一个美人鱼的多彩角色,模仿Adobe Illustrator中的水彩画技术。 童话中最美丽、最动人的人物之一“小美人鱼”将给我们带来灵感。

GraphicRiver上寻找更多美妙的人鱼设计灵感。

开始吧!

1.如何制作草图

在Illustrator中打开一个850 x 1200像素,RGB文档。 将第一个图层的名称更改为“草图”。

我们先画一个草图。 为了绘制我们的角色,我们需要使用她可识别的特征。 在童话故事中,小美人鱼是海王的女儿:“最小的美人鱼是她们中最漂亮的一个;她的皮肤像玫瑰叶一样清澈细腻,眼睛像最深的海一样蓝;但是,像所有其他人一样,她没有脚,而且她的身体以鱼尾巴结尾“,”她是一个奇怪的孩子,沉静而体贴“,”她只关心她美丽的红色花朵,就像太阳一样。

我们使用剪影和美人鱼固有的一些属性来画一幅粗略的草图。 为了获得更多灵感,您可以使用Envato Market上关于美人鱼的参考资料

我直接用我的图形平板电脑在Adobe Illustrator中创建草图。 选择画笔工具(B),然后使用直径为2pt透明度为20%椭圆书法刷,开始绘制你的美人鱼。 您可以从您喜欢的默认笔刷面板中选择任何笔刷。

sketch of a mermaidsketch of a mermaidsketch of a mermaid

2.如何为轮廓创建笔刷

步骤1

为线条创建一个新图层。 我们将在这个图层上绘制所有线条,因为所有线条的颜色将相同。

打开画笔工具选项通过双击画笔工具(B) 图标。 使用下面的设置并点击确定

paintbrush optionspaintbrush optionspaintbrush options

步骤2

现在我们需要创建一个新的书法刷。 这把刷子是我的最爱之一,我几乎在我的所有作品中使用它。

点击画笔面板上的新建画笔图标,然后选择书法画笔类型。 然后按确定,将出现带有刷子选项的窗口。 使用下面所示的设置。

creating of a calligraphic brush creating of a calligraphic brush creating of a calligraphic brush

步骤3

画笔面板中选择我们的新笔刷,并制作几条试用线。 线的厚度取决于触针的按压力。 尝试检测线条。

我们也会利用这把刷子的优点为我们的绘画实现一定的音量。我们将利用这把笔刷的优点,即使在线条艺术阶段,也能达到一定的画量。

trial lines with new brushtrial lines with new brushtrial lines with new brush

3.如何绘制人物的轮廓

步骤1

现在是时候在实践中运用我们的技能了。 我们开始创建这个角色的线条艺术吧。

首先,  编组(Control-G)你的草图。 将草图的不透明度降低到50%,使其变为半透明。

group of a sketchgroup of a sketchgroup of a sketch

步骤2

现在让我们拿起画笔工具(B),然后从画笔面板中选择新创建的画笔。

开始绘制脸部。 尽可能平滑地绘制线条。 如果您觉得线条比您想要的更粗或更细,您可以在描边面板中更改它们的粗细。 

drawing of an eyedrawing of an eyedrawing of an eye

此外,您可以使用直接选择工具(A)修复弯曲的线条。

fixing crooked lines fixing crooked lines fixing crooked lines

画出平滑和“活”的线条,从薄到厚转换,反之亦然。 

line art of the faceline art of the faceline art of the face

步骤3

接下来,绘制发型和头花环。 按照草图制作主线条。 稍后我们将添加更多用颜色和形状创建的细节和卷。

line art of hairsline art of hairsline art of hairs

使用剪刀工具(C)切掉不需要的部分,选择该部分并按Delete键。

work with Scissors Toolwork with Scissors Toolwork with Scissors Tool

这是发型现在的样子。

line art of the hairstyleline art of the hairstyleline art of the hairstyle

步骤4

接下来,让我们画她的手和裸体背部。 使线条更平滑和不连续。

line art of the bodyline art of the bodyline art of the body

步骤5

现在画出我们美人鱼的胸衣,尾巴和鳍。 通过这种方式,使阴影区域的线条变粗。

line art of accessoriesline art of accessoriesline art of accessories

翅片上的膜将是半透明的,所以使内线更细,几乎看不见的。

line art of the tailline art of the tailline art of the tail

步骤6

使“素描”图层不可见,并欣赏线条艺术的效果。

finished line art of a mermaidfinished line art of a mermaidfinished line art of a mermaid

4.如何创建主要形状

步骤1

首先,我们选择所有线条并转到对象>扩展外观。 打开路径查找器面板并按住Alt键单击联集。 然后按确定创建一个实体对象。

work with Pathfinder panel work with Pathfinder panel work with Pathfinder panel

result of Pathfinder panel result of Pathfinder panel result of Pathfinder panel

步骤2

为背景创建一个新图层,并将其拖到“草图”图层下。 不要忘记锁定 “草图”图层并使“线条”图层不可见。

new layer for the backgroundnew layer for the backgroundnew layer for the background

步骤3

首先使用矩形工具(M)创建一个860 x 1210像素矩形,然后用线性渐变填充,从浅粉色到浅蓝色。

打开对齐面板并选择对齐到画板,然后对齐对象:水平和垂直

rectangle for the backgroundrectangle for the backgroundrectangle for the background

步骤4

选择不透明度为25%的浅绿松石色,并在草图之后绘制背景图案的主要形状。 为了您的方便,您可以使用铅笔工具(N)钢笔工具(P)

main shape for the backgroundmain shape for the backgroundmain shape for the background

这样,在主窗体中绘制更详细的图案形状。 使用铅笔工具(N)很难绘制整个形状,因此我们将创建一些较小的形状,然后将它们合并。 打开路径查找器面板并单击联集。 用浅蓝色填充此形状,不透明度25%

detailed shape for the backgrounddetailed shape for the backgrounddetailed shape for the background

添加10%不透明度的紫色和黄色形状。

additional shapes for the backgroundadditional shapes for the backgroundadditional shapes for the background

使“草图”图层不可见。 我们不再需要这个了。

步骤5

那么,现在是绘制角色主要形状的时候了。

首先,让我们改变我们美人鱼的轮廓颜色。 选择线条形状并用栗色填充它。

changing of lines colorchanging of lines colorchanging of lines color

步骤6

现在我们需要创建基本颜色的样本。 我选择了粉红色,黄色和蓝色的柔和而纯净的色调。

swatch of the basic colorsswatch of the basic colorsswatch of the basic colors

步骤7

现在是开始绘画的时候了。 从你的色板选择颜色。 使用铅笔工具(N)钢笔工具(P)斑点画笔工具(Shift-B),无论您喜欢哪种主要形状。

在不同的图层上绘制身体,化妆和手,并按下图所示进行组织。

main shape of a bodymain shape of a bodymain shape of a body

步骤8

在“化妆”图之上为发型添加一个新图层。 画出头发的形状和并用黄色,粉红色和蓝色的线性渐变填充它。

gradient shape for a hairstylegradient shape for a hairstylegradient shape for a hairstyle

步骤9

胸衣用浅粉红色,首饰用黄色,鲜花用粉红色。

main shape for the accessoriesmain shape for the accessoriesmain shape for the accessories

步骤10

美人鱼的尾巴使用从肤色到蓝色的线性渐变。 在body图层上绘制它。

gradient for the tailgradient for the tailgradient for the tail

步骤11

应用与发型相同的渐变于尾巴的鳍,不透明度80%

gradient for the finsgradient for the finsgradient for the fins

gradient for the finsgradient for the finsgradient for the fins

步骤12

为了方便的工作过程,我们将为角色的每个部分创建单独的图层。 按照下面的截图所示组织它们。

organizing of layers organizing of layers organizing of layers

5.如何添加阴影和高光

步骤1

首先,改变眼睛线条的颜色,使其更具有表现力。 选择线条的形状,并通过按Control-C Control-F进行复制。 在眼线和瞳孔,鼻孔和嘴唇中线上绘制一些形状。  用路径查找器面板将它们联合起来。

making expressive lookmaking expressive lookmaking expressive look

现在,选择线条形状和新形状,然后再按住Alt键的同时点击交集,然后按扩展

work with Pathfinder panelwork with Pathfinder panelwork with Pathfinder panel

在你整理完这个新形状的不必要的细节后,用更深的颜色填充它。 给瞳孔添加一些白色高光。

result of expressive lookresult of expressive lookresult of expressive look

步骤2

让我们在脸上添加一些深度。 我们将在“body”层上工作。 先画腮红。 使用椭圆工具(L)并形成一些形状:脸颊上有两个较大的形状,鼻子上有较小的形状。 用粉红色的径向渐变填充它们,将外部滑块上的不透明度降低至0%。 然后选择所有腮红形状并将不透明度更改为30%

adding blushes to the faceadding blushes to the faceadding blushes to the face

用这样的方式,在颈部和背部添加一些腮红。 另外,在“手部”层上的肘部和手腕上也要加上一些腮红。

adding blushes to the bodyadding blushes to the bodyadding blushes to the body

步骤3

让我们为皮肤添加一些阴影。 为了实现水彩效果并使笔画更具吸引力,我们将使用笔刷面板中的艺术水彩笔刷 ,如下面的屏幕截图所示。 

work with Brush Librarywork with Brush Librarywork with Brush Library

选择淡染墨-厚重笔刷,并为笔画选择紫红色的描边。 在透明度面板上将混合模式更改为正片叠底不透明度50%。 将描边粗细更改为0.4pt

watercolor brush optionswatercolor brush optionswatercolor brush options

在阴影区域绘制基本形状。 将它们放在另一个上面,直到得到你想要的结果。

adding shadows to the faceadding shadows to the faceadding shadows to the face

以同样的方式,为背部,手部和尾部增加一些深度。 在此过程中更改不透明度和笔画粗细。 例如,我们可能需要在像手指这样的狭小区域上使用这种方法。

adding shadows to the bodyadding shadows to the bodyadding shadows to the body

步骤4

让我们添加阴影。 在这里使用相同的画笔。 选择蓝色紫罗兰色,将不透明度100%变为70%

在眼睛,嘴唇,头发,脸部右侧,脖子和手上画阴影。 另外在尾巴上也画一些鱼鳞。

adding falling shadows to faceadding falling shadows to faceadding falling shadows to face

adding falling shadows to bodyadding falling shadows to bodyadding falling shadows to body

drawing of fishes scalesdrawing of fishes scalesdrawing of fishes scales

步骤5

用这样的方法,让我们​​在亮度区域添加一些高光。 选择白色,将混合模式更改为柔光,并将不透明度降低至50%。 绘制单独的笔画,使其具有表现力。

adding highlights to the bodyadding highlights to the bodyadding highlights to the body

步骤6

不透明度更改为100%并将混合模式更改为正常。 使用铅笔工具(N),添加一些亮点和闪烁。

adding twinkles to the bodyadding twinkles to the bodyadding twinkles to the body

步骤7

选择青色,50%不透明度混合模式为叠加,并从背景中绘制反射。 使用相同的淡墨染-厚重画笔。

adding reflections to the bodyadding reflections to the bodyadding reflections to the body

步骤8

现在我们将开始在“化妆”层上对眼睛和嘴唇进行操作。 拿铅笔工具(N),并在眼睛的白色上添加一些体积,在睫毛下绘制一些形状。 使用线条颜色并将不透明度降低到30%

接下来,在眼睑边缘绘制一条粉红色的条纹,并添加一些高光。

现在选择眼睛的虹膜,并用从深蓝色到浅蓝色的线性渐变填充它。 添加一些青色闪光。

使用20%不透明度的紫色绘制眼影,然后为高光添加一些鲜艳的蓝色形状。

现在在上唇左侧画一个深粉红色的形状。 在嘴唇之间添加25%不透明度的深紫罗兰色红色。 最后,在嘴唇右侧画上明亮的闪光。

为了让皮肤更自然,添加一些雀斑。 他们不应该是完美的圆形,所以随机的画在鼻子和脸颊上。

makeup drawingmakeup drawingmakeup drawing

步骤9

让我们在美人鱼的尾巴上画一个图案。 在“body / tail” 图层上为它创建一个新图层。 画一些蓝色条纹,并将不透明度降低到25%

adding pattern to the tailadding pattern to the tailadding pattern to the tail

现在从笔刷库中选择水彩-湿,并在条纹顶部绘制平滑的线条。 将混合模式更改为正片叠底,并将不透明度降低至50%

adding strokes to the tailadding strokes to the tailadding strokes to the tail

这样,在条纹之间添加一些黄线。

adding stripes to the tailadding stripes to the tailadding stripes to the tail

使用铅笔工具(N),在最轻的区域绘制一些鳞片。 使用路径查找器面板联集这些形状以制作一个实体对象。 用从青色和黄色到粉红色的线性渐变填充它。 降低不透明度55%

drawing of scales shapes drawing of scales shapes drawing of scales shapes

同样的方法,绘制一些新的鳞片,联集它们,并用青色渐变填充它们,如下所示。

drawing of additional scales drawing of additional scales drawing of additional scales

现在让我们在鳞片上添加一些最后的闪光。 使用100%不透明度的粉红色,青色和白色。

adding final twinkles to scalesadding final twinkles to scalesadding final twinkles to scales

步骤10

现在是时候增加一些深度到胸衣。 我们也会在这里使用水彩笔。 很容易获得绘画效果和模仿水彩画。

选择粗细为1pt水彩湿笔刷,并绘制一些粉色的阴影纹理。 将不透明度降低到50%并将混合模式更改为正片叠底。 这些笔画可能会超出基本形状,所以我们稍后会使用剪切蒙版来修复它。

watercolor texture on the bodicewatercolor texture on the bodicewatercolor texture on the bodice

这样,用青色的笔触画一些蓝色阴影。

brush strokes on the bodicebrush strokes on the bodicebrush strokes on the bodice

现在添加一些黄色斑点,将不透明度降低到30%

watercolor spots on the bodicewatercolor spots on the bodicewatercolor spots on the bodice

铅笔工具(N),并使用37%不透明度线条的颜色画出一些下落阴影。 然后在胸衣的左侧添加一些高光形状。 使用吸管工具(I)从身体中选择白色。

shadows and highlights on bodiceshadows and highlights on bodiceshadows and highlights on bodice

现在复制紧身胸衣的下身基本形状,按下Control-CControl-F。 向上移动副本,并将其置于前面(Control-Shift-])。 选择紧身胸衣的所有对象, 单击鼠标右键,将出现以下窗口。 然后按下建立剪切蒙版

work with Clipping Maskwork with Clipping Maskwork with Clipping Mask

步骤11

让我们为配饰添加高光和阴影。 我们仍在“紧身衣/花朵”图层上绘制。

从金色王冠和手镯开始。 选择重量为0.5pt的水彩-湿刷,并为阴影和一些青色反射画出一些红色斑点。 将不透明度降低到70%,并将混合模式设正片叠底。 然后做一个剪切蒙版,就像我们之前在紧身胸衣上做的一样。

最后,使用铅笔工具(N)添加一些黄色和白色的光泽形状。

adding volume to accessoriesadding volume to accessoriesadding volume to accessories

步骤12

我们将使用相同的原则绘制花朵。

首先,分别用粉红色至淡粉色和蓝色至浅蓝色的线性渐变填充花朵和叶子形状。

adding gradient to flowersadding gradient to flowersadding gradient to flowers

玩水彩画刷,使绘画更具装饰性和风景如画。 使用粉红色,黄色和青色。

adding watercolor texture to flowersadding watercolor texture to flowersadding watercolor texture to flowers

最后,用铅笔工具(N)添加一些阴影和高光。 从阴影线中选择栗色,为高光选择白色。

shadows and highlights on flowersshadows and highlights on flowersshadows and highlights on flowers

步骤13

让我们开始塑造发型吧。

首先复制头发的形状,用白色填充它,然后向下移动。 选择较高的渐变形状并将不透明度降低至70%

gradient for the hairstylegradient for the hairstylegradient for the hairstyle

画笔库中选择一个新的水彩-厚重笔刷,随意地绘制一些粉红色的笔画,创造出美丽的艺术景点。 您可以在下面的屏幕截图中看到所有画笔设置。 然后应用剪切蒙版,就像我们之前做的那样。

watercolor strokes on the hairstylewatercolor strokes on the hairstylewatercolor strokes on the hairstyle

这样,画一些蓝色的笔触。 随时以任何你发现最好的方式放置它们。

watercolor texture on the hairstylewatercolor texture on the hairstylewatercolor texture on the hairstyle

也添加一些黄色和青色斑点。

watercolor spots on the hairstylewatercolor spots on the hairstylewatercolor spots on the hairstyle

现在绘制阴影的形状。 选择它们并在路径查找器面板上点击联集。 用蓝色的径向渐变填充此形状,将不透明度降低到40%

adding shadows to the hairadding shadows to the hairadding shadows to the hair

接下来绘制高光的形状,将它们联集起来。 用黄色的径向渐变填充这种固体形状,将不透明度降低到75%

adding highlights to the hairadding highlights to the hairadding highlights to the hair

最后,在发型的左侧添加一些明亮的亮点。

adding gloss to the hairadding gloss to the hairadding gloss to the hair

步骤14

我们还剩下几步。 现在是绘制美人鱼鳍的时候了。

添加一些笔触使用与我们在发型上使用的相同原则。 选择蓝色,粉红色,黄色和青色的水彩-湿笔刷。 

watercolor strokes on finswatercolor strokes on finswatercolor strokes on fins

additional watercolor strokes on finsadditional watercolor strokes on finsadditional watercolor strokes on fins

watercolor texture on finswatercolor texture on finswatercolor texture on fins

铅笔工具(N),并在鳍上形成一个美丽的图案。 用40%不透明度的蓝色线性渐变填充它,如下所示。

forming pattern on the finsforming pattern on the finsforming pattern on the fins

以同样的方式,绘制另一种图案,并填充黄色径向渐变75%不透明度

forming pattern on the finsforming pattern on the finsforming pattern on the fins

最后,添加一些蓝点和白色光泽。

adding gloss to finsadding gloss to finsadding gloss to fins

步骤15

是时候做最后的准备了。 我们来添加一些必要的细节。

在“线条”下创建一个新图层,用于背景反射。 在角色的右侧画一些青色的形状。

adding reflections to the characteradding reflections to the characteradding reflections to the character

现在为最暗的区域添加一些深蓝色的形状,并将其混合模式设置为叠加10%不透明度

adding dark shadowsadding dark shadowsadding dark shadows

还可以在尾巴较浅的区域添加一些最亮的形状,将其混合模式设置 为覆盖10%不透明度

adding overlay highlightsadding overlay highlightsadding overlay highlights

最后,让我们稍微改变线条的颜色,增加一些蓝色。 选择线条形状并用线性渐变填充它,如下所示。

new gradient on the linesnew gradient on the linesnew gradient on the lines

最后我们的角色准备好了!

final characterfinal characterfinal character

6.如何创建抽象背景

步骤1

我们已经有了背景主色的基础底物。 它将作为添加笔触和细节的参考点。

让我们用一个新的水彩描边3笔刷来做第一笔触,将重量从2pt改为4pt。 使用淡蓝色,正片叠底混合模式 和15%不透明度

watercolor texture on the backgroundwatercolor texture on the backgroundwatercolor texture on the background

步骤2

现在选择浅蓝色,切换到正常混合模式并绘制一些光点。 使用笔触的不透明度和粗细度直到获得所需的结果。

watercolor spots on the backgroundwatercolor spots on the backgroundwatercolor spots on the background

这样,使用水彩-湿刷添加一些黄色和青色斑点,再次应用正片叠底混合模式

colorful spots on the backgroundcolorful spots on the backgroundcolorful spots on the background

步骤3

让我们添加一些飞溅到背景。 首先,打开画笔库> 艺术效果>艺术效果_油墨并选择两个新的画笔:火焰灰烬银河。 使用它们来添加一些随机的浅蓝色和白色飞溅。 改变他们的大小不透明度,随意地移动它们。

adding splashes to the backgroundadding splashes to the backgroundadding splashes to the background

最后,用明亮的黄色斑点装饰你的插图的上半部分。 用铅笔工具(N)画他们 ,复制他们,并把他们放在你角色的周围。

final touch on the backgroundfinal touch on the backgroundfinal touch on the background

Wow! We're Finished!

我喜欢这个明亮的色彩鲜艳的美人鱼和这个柔和的色彩淡淡的背景。 这是一个耗时且复杂的过程,但同时它又富有创造性和趣味性。

谢谢你和我一起创造这个美丽的美人鱼角色。 享受和分享你的结果!

Watercolor Mermaid Illustration Illustrator TutorialWatercolor Mermaid Illustration Illustrator TutorialWatercolor Mermaid Illustration Illustrator Tutorial
关注我们的公众号
Advertisement
One subscription.
Unlimited Downloads.
Get unlimited downloads