插画教程 – 设计之家 //www.laura-marie.com 传播先进设计理念 推动原创设计发展 Thu, 31 Oct 2019 09:17:45 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.9.4 AI绘制热气球插画教程 //www.laura-marie.com/51700.html //www.laura-marie.com/51700.html#respond Thu, 31 Oct 2019 09:10:26 +0000

用AI绘制质插画(笔刷制作)

在开始绘制前,我们还是老规矩,创建四个图层文件夹来管理我们的图层!

1. 如何创建背景

一旦我们完成了文档的分层,就可以开始绘制实际的插画了,我们将通过创建背景来执行此操作。因此,请确保您已定位在第一个图层文件夹了,让我们直接进入它把!

步骤 1.1

使用钢笔工具 (P),在将填充颜色设置为#7AC6F4后,使用参考图像作为主参考,仔细绘制底部背景的主形状。

 

步骤 1.2

再选择笔工具 (P),快速绘制较小的背景图形,而位置大小等可以参考下图。

 

步骤 1.3

绘制完背景后,我们可以开始处理前景的云,我们将使用一些大小不同的圆创建前景的云。将它们放置在底部形状的两侧,使用#F0FBFF着色前面的云,使用#D4F7FF着色后面的云。

 

步骤 1.4

由于我们希望云是藏在背景里面的,所以我们要对云(Ctrl-G) 进行打组,然后使用要粘贴在前面(Ctrl-F)快捷方式把背景复制一份。然后,选择复制的背景和打组的云后,只需右键单击”创建剪切蒙版”即可。完成后,不要忘记使用 Ctrl-G 键盘快捷键来把所有的形状打组。

 

步骤 1.5

移动到较小的背景上,然后使用 112 x 112 px 的圆 (#FFCF83) 创建发光光晕,然后再创建两个较小的圆 (#FFCF83),每个比上次小 12 px,从而开始处理太阳。将它们堆叠在一起,确保将其不透明度降低到 16%。完成后,使用 40 x 40 px 的圆圈(#FFCF83)添加实际太阳,确保使用 Ctrl-G 键盘快捷键选择所有四个形状并将其打组在一起。

 

步骤 1.6

完成创建太阳后,用上面云一样的处理方式处理太阳即可。

 

步骤 1.7

通过创建三个不同形状的椭圆(#FFFFFF)来绘制较小的浮动云。使它们重叠 ,然后首先使用锚点工具 (Shift-C)挤压其侧锚点来调整它们。若想继续调整其形状,使用直接选择工具 (A) 单独选择其较低的锚点就行,然后把不要的部分删除,但是记得要封闭路劲哦,锚点不好使,请用路径查找器来绘制把!最后请记得打组哦!

 

步骤 1.8

位置的话可以参考下图,然后我们就做好了本次插画的背景了。

2. 如何创建热气球

现在,我们已经完成了背景工作,我们可以锁定它的图层,然后移动到下一个图层文件夹,我们将花一些时间来创建我们的热气球。

步骤 2.1

首先,使用 48 x 12px 的矩形为吊舱创建主形状,我们将使用#664240进行着色,然后在较大的背景上放置它,距离其左边缘 288 px,距顶部 208 px。

 

步骤 2.2

通过打开”变换”面板,调整我们刚刚创建的形状,然后将其底部的角的半径从矩形属性内设置为8px。

 

步骤 2.3

使用8个 2 x 2 px的矩形(#F7C263) 水平间隔 2 px 来作为窗户,我们将对窗户进行打组(Ctrl-G),然后放置的位置可以参考图像中所示。

 

步骤 2.4

通过创建 400 x 112 px 椭圆我们开始处理气球部分,我们将使用#F99178进行着色,然后放置在吊厢顶部,使其最终重叠。

 

步骤 2.5

使用移动工具(右键单击 – 变换- 移动 -水平- -32 px),调整我们刚刚创建的形状,将其中心锚点向左推 32 px(右键单击 – 变换-移动 – 水平- -32 px),然后将右锚点的控点缩短 15 px,以便将其尾巴变薄变尖。

 

步骤 2.6

通过复制结果形状(Ctrl-C + Ctrl-F),添加气球底部较暗的部分,我们将通过选择并删除其顶部锚点来调整该部分。使用#C15142为新形状着色。

 

步骤 2.7

使用较大气球作为第二个副本(Ctrl-C)来作为高光部分,我们将将其粘贴在前面(Ctrl-F)。将其颜色更改为#EA7B65,然后单独选择并将其顶部和底部锚点推到内部,大约16 px左右(右键单击 变换里面可以用数值控制,具体取决于您从哪个锚点开始,反方向就用负数)。

 

步骤 2.8

使用得到结果形状复制(Ctrl-C + Ctrl-F)出来创建较暗的下半部分,我们将通过首先将其颜色更改为#D86552,然后移除其顶部锚点,然后使用 Ctrl-J 键盘快捷键关闭路径来进行调整。完成后,请确保在继续执行下一步之前,选择它并打组(Ctrl-G)气球的所有合成形状。

 

步骤 2.9

使用 8 x 112 px 的矩形来添加气球的嘴巴,我们将使用#664240进行着色,然后居中对齐到气球的左边缘,随后使用较大的基础形状的副本(Ctrl-C + Ctrl-F)将其屏蔽(右键单击 + 制作剪切蒙版)。

 

步骤 2.10

使用 12 x 4px 矩形 (#664240) 创建鼻锥,我们将通过使用方向键单独选择它然后将左锚点推到内侧大约1px 来进行调整,然后让它与较大的气球重叠 2Px。

 

步骤 2.11

使用 40 x 32 px 矩形 (#D86552) 添加机翼的主形状,我们将通过调整左上角的半径为32px来改变形状。具体数值看图把!

 

步骤 2.12

使用 8 x 32 px 矩形 (#664240)来作为较暗的部分,我们将使用基础形状的副本进行剪切蒙版,然后使用8 x 8px的圆圈(#664240)装饰它,我们将其放置再如图所示的位置。完成后,请确保在继续执行下一步之前,选择并打组(Ctrl-G) 所有形状。

 

步骤 2.13

使用我们刚刚完成的图形然后创建副本(Ctrl-C + Ctrl-F)添加到底部,我们将水平翻转它,然后放置于气球的底部。完成后,请确保将它们发送到所有其他形状下方。

 

步骤 2.14

使用40 x 8px 椭圆 (#664240)创建面对我们的机翼,我们将通过选择并将其锚点向左推 4 px 来进行调整,将得到形状从气球的末端前挪动16px。

 

步骤 2.15

使用四组每组3个 4 x 2 px 的椭圆(#664240)添加细节,请参考下图来放置这些圆把!

 

步骤 2.16

使用12 x 8px 椭圆 (#664240)添加侧引擎盖,我们将通过选择内部锚点向左推 2 px 来调整。按参考图像所示放置生成的形状。完成后,你就把这些东西打组。

 

步骤 2.17

一旦我们完成了对热气球的绘制工作,我们可以使用三个1 px 圆角矩形 (#FFFFFF) 来表现热气球速度感或者是尾气把,我们将在飞船周围以 8 px 的距离放置这些矩形。

 

步骤 2.18

通过添加几个浮动的云(#FFFFFF)来完成最终的插画,遵循用于创建背景云相同方法。完成后,不要忘记使用 Ctrl-G 键盘快捷键选择和打组所有形状。

 

3. 如何创建渐变叠加

在我们锁定当前图层并移动到下一个图层之前(这将是第三个图层),我们需要将背景的两个组和热气球的主体创建新的副本 (Ctrl-C) 并且添加到剪贴板中,因为我们将使用它们来创建叠加。

 

步骤 3.1

首先,我们希望使用 Ctrl-F 键盘快捷方式将刚刚添加到剪贴板的副本粘贴到当前图层上。

 

步骤 3.2

接下来,我们需要通过将形状转换为复合形状来使形状是单个较大的形状。首先选择它们,然后打开路径查找器面板,然后在高级菜单里面找到并点击”制作复合形状”。

 

步骤 3.3

创建复合形状后,我们可以打开渐变面板,并使用左#662D91右#FBB03B来创建线性渐变。

 

步骤 3.4

我们现在打开不透明度面板,并将渐变的混合模式设置为”颜色加深”,确保将其不透明度降低到仅为30%。

 

4. 如何添加纹理

添加渐变叠加后,我们可以锁定当前图层,然后向上移动到最后一个图层(这将是第四个图层),我们将通过添加漂亮的杂质来完成我们的小插画。

 

步骤 4.1

我们首先需要复制 (Ctrl-C),然后粘贴 (Ctrl-V) 自定义纹理到当前图层,确保调整其大小,使其最终覆盖整个画板。

 

步骤 4.2

一旦我们的纹理到位,我们要做的就是剪切它(右键点击 + 使剪切蒙版)怎么操作前面也讲了很多此,不再重复了,然后确保将其不透明度降低到 60% 。

 

原文地址:youku

作者:Andrew Stefan

译文地址:UI中国

译者:米夏小雨

]]>
//www.laura-marie.com/51700.html/feed 0
AI绘制街头风格狮子插画教程 //www.laura-marie.com/51581.html //www.laura-marie.com/51581.html#respond Thu, 10 Oct 2019 08:05:05 +0000 今天为大家分享一篇街头插画风格的设计教程。街头风格插画的用途广泛,一般街头hiphop、体育运动和电子竞技使用这类风格较多。本教程使用的软件是Adobe illustrator,建议同学们一起来做练习。

AI街头风格插画教程:超级狮子

AI插画教程:街头风格超级狮子

首先我们现在网络上找一张感染力比较强的狮子照片,然后我们再用ai里的画笔工具进行绘制出外观。

再用钢笔工具仔细勾勒出狮子的外形,注意扩展的时候封闭路径。

钢笔勾勒出形状之后,我们可以看出毛发部分太过于繁密复杂,所以要简化复杂部分。

前后的对比,可以看出比之前的简化了一些,提升了狮子的张力,使人印象更加深刻。

线稿确定好了之后,我们就要考虑面的关系,在以前的教程中,我们学习了一些关于光影的基础,让我们再来熟悉一下光影关系。(拿一个球举例)我们假设光是从右上方来,那么哪些地方该加阴影,哪些地方该加高光呢?

这里我们用个球来表示,用简单的几个色块表示球的光影关系。

画面中出现的光影关系如下,分别有亮、灰、暗三个面,以及高光、反光和投影,这六个就是这类型插画的六大关系,也可以叫三大面五大调子的阉割版。

完整的三大面五大调子还会有明暗交界线和中间调这两个,但做这类型的插画很少用到。感兴趣的可以自己去了解一下。

在此类型的插画中,暗面和投影可以直接用线稿的黑色来代替,形成另一种风格。

了解这些美术基础后我们就可以在填色稿的基础上绘制光影关系了。

有许多同学可能想知道这个部分的毛发是怎么做的,其实就是用混合工具

使用钢笔工具绘制出两条线,然后选中之后快捷键Ctrl Alt b就可以绘制出许多线

最后我们再用直接选择工具调整毛发的疏密关系,提升毛发的质感。可能还是有些同学觉得不太好理解,可以看一下这篇文章里有具体怎么使用混合工具。——《一组案例带你看高级混合的妙用!

好,我们可以看出,分析狮子毛发的前后遮挡关系之后绘制投影以及高光,使我们的插画风logo更加的立体化,不再单薄。

最后再选择搭配的字体,进行最后的调整,这样一个插画风的logo就制作完成啦。

作者:大猫Sunjay,微信号:大猫设计

]]>
//www.laura-marie.com/51581.html/feed 0
photoshop+painter插画教程《龙》 //www.laura-marie.com/22391.html //www.laura-marie.com/22391.html#respond Wed, 10 Mar 2010 03:38:00 +0000
  • 作 品 名:龙
  • 作  者:子弹
  • 策  划:爽
  • 助  理:小季                  
  • 软  件:PHOTOSHOP  PAINTER
  • 工  具:友基绘影ⅡPF8080数位板
  • 作者简介毕泰玮(子弹),青少年报刊总社美术编辑、中国少年儿童新闻出版总社,美术编辑;美国METLIFE保险公司中国分公司美术总监;北京学友文化公司美术总监。2005放弃高薪成立出版工作室至今。

这是一张用友基数位板上色的作品。绘画时我一般是在纸上起稿,在电脑里上色,绘画设计有非常多的软件,我通常用的是Photoshop和Painter。


完成图(点击放大)

1. 画的图有点大。扫描到电脑里要拼一下,画面有点灰,我用Photoshop来调整。


图1

2. 按ctrl+l快捷键调出色阶控制面板,通过调整面板上的滑块把绘画的颜色调节到一个合适的范围。


图2

3. 把图像调节成一个RGB的绘画,这样方便在Photoshop和Painter里互相转变绘画。


图3

4. 新建一个图层,选择正片叠底。开始上色,开始只画出固有色和基本明暗即可。


图4

5. 画笔我喜欢用Photoshop里的19号画笔,它可以让我明显感觉到绘画的压感,充分发挥友基绘图板1024级的优势。


图5

6. 再新建立一个图层,来一个渐变填充,在图层效果里选择正片叠底。同时确定画面的光源。


图6

7. 开始绘画细节,画出人物的暗部和投影,要注意明暗的节奏变化。


图7

8. 我喜欢使用一支画笔新建一个图层,这样画错了可以修改。没有什么秘诀。开始不用太多的考虑颜色,画得不准的颜色可直接覆盖。


图8

9. 当整体画的差不多的时候把图层全部合并,保存。然后在Painter里打开,开始用Painter绘画细节。为了方便大家观看,我用的是中文版的Painter。


图9

10. 把常用的画笔拖出来。主要是用两个画笔,一个是油性画笔一个是数码水彩,快速地画出山和石头上的龙。


图10

11. 石头基本都是力作用的结果,所以画石头一定要有力量。仔细观察,画出石头的亮面,关键是画的时候要考虑上面的人物,不可以画得很亮。


图11

]]>
//www.laura-marie.com/22391.html/feed 0