32

如何在AI中创建几何火烈鸟

 5 years ago
source link: http://www.ui.cn/detail/382919.html?amp%3Butm_medium=referral
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

今天的教程主要涉及到一些钢笔工具的用法!内容很简单,希望你们能喜欢!

这是今天我们需要绘制的小插画练习! En6viaf.png!web

在今天的教程中,我们通过使用ai的基本工具比如钢笔工具等一些工作中常用的工具来完成上面这个小插画的练习!

so,我们开始吧

1.如何创建池塘

步骤1

使用椭圆工具 (L), 创建一个 160 x 36 像素的形状, 我们将使用 #99C7F2 颜色, 然后居中对齐画板, 将他的底部到画板的边距为112像素。 jmYzQb3.png!web

步骤2

把我们刚刚创建的形状放大, 并在中间创建一个 64 x 16 像素的椭圆作为波纹, 我们使用 #AFD8F9 颜色填充他。 BbqymaZ.png!web

步骤3

创建一个16 x 4 像素的椭圆 (#AFD8F9) 作为较小的波纹, 我们将他放在更大的右侧定位, 距离为16像素。完成后使用键盘快捷键ctrl+G把这三个形状打组。 6VFZVfJ.png!web

2.如何创建背景

现在, 我们有了我们的小池塘, 我们可以把我们的焦点转移到背景绘制.

步骤1

使用钢笔工具 (P), 绘制背景的主形状, 使用 #696791 填充该形状。 (你可以使用下图作为参考绘制,也可以自己网上找一些素材图片作为参考,) B77ZRjn.png!web

步骤2

使用 48 x 48 px 圆圈绘制一个小太阳, 我们将使用 #FFD399 的颜色填充他, 然后放在先前绘制的形状的上部分位置。 F7b2Qfz.png!web

步骤3

使用钢笔工具 (P) 来绘制云(很硬的云) 使用(#FFFFFF)填充, 完成后记得使用ctrl+g打组太阳和云 Fbui2yu.png!web

步骤4

在这一步作者说复制一份背景来作为剪切蒙版,但是我觉得这一步毫无意义, 所以忽略这一步吧

mABfAnR.png!web

步骤5

选择钢笔工具 (P) 后, 使用 #99DD99 作为填充颜色快速绘制左侧叶子的主形状。 nYZB3mQ.png!web

步骤6

使用2像素粗的笔画 (#FFFFFF) 使用圆头的线, 以下图作为参考图像。花一点时间把它绘制出来,然后记得打组哦! baUzemV.png!web

步骤7

当我们绘制好右边的树叶我们可以把它复制一份拿到左边哦,然后把树叶放到背景的下面就OK了! uM7BbiU.png!web

3.如何制作鸟

假设你已经完成了上面的工作, 在确保你锁定了图层后 (防止图层的位置等发生变化) , 然后就可以开始下面的工作了。

步骤1

使用120像素高,8像素粗的线条创建鸟的腿, 我们将使用 #FFD399, 然后放在较大的波纹的中心位置, 参考图像中所示。

yqEn6bb.png!web

步骤2

使用 24 x 24 px的圆圈添加在上部作为连接接头, 我们将使用 #D68383进行着色。 JRb2EnM.png!web

步骤3

使用一个较小的16 x 16 px的圆 (#FFD399) 作为弯曲的接头, 我们将从较大的位置下移24像素。一旦你的形状绘制好了, 选择所有的腿的组成部分, 打组他。 2mqUNfq.png!web

步骤4

使用8像素粗的线 (#FFD399) 与圆帽一起绘制弯曲的腿, 按照图像作为参考。 UNziyiR.png!web

步骤5

通过使用直接选择工具 (A) 选择其弯曲踝关节的锚点, 然后将其圆角半径设置为8像素。 A73ENbE.png!web

步骤6

将关节点添加到当前的腿上, 使用相同的大小和颜色值的圆。请在下一步之前将他们打组。 EBJrEvr.png!web

步骤7

使用128 x 128 px的圆圈来作为鸟的主体, 我们将使用 #F49898 的颜色, 然后放在腿上部关节的上半部分。 V3amiui.png!web

步骤8

使用 84 x 64 像素的矩形 (#F49898) 作为可见的翅膀,我们通过变换面板的矩形属性中进行调整其左下角的半径为64像素。 MRNZRj7.png!web

步骤9

通过添加一个84 x 4px的矩形 (#D68383) 然后右上角4px的圆角, 将翅膀与身体分开, 我们放在翅膀的上方, (然后我们吧他可以复制一份出来与鸟的身体做一次剪切分离,因为我们的左边要与鸟的身体完美结合哦当然你也可以使用圆角手柄控制他! 然后我们打组他! nQRZbuI.png!web

步骤10

使用 76 x 176 像素的矩形 (#F49898) 作为颈部, 我们把填充去掉然后只要其描边就好了,然后左下角圆角76px,再把多余的用直接选择工具删掉就好了。

ZfEVbaJ.png!web

步骤11

开始绘制头,通过创建一个32 x 32像素的正方形 (#F49898), 我们通过调整设置其顶部的半径为16像素, 然后将形状放在颈部的顶端。 mqYNfaU.png!web

步骤12

使用56 x 16像素的矩形 (#FFD399) 为头创建嘴, 我们将通过将其左下角和右上角的圆角半径设置为16像素来调整其大小, 并将结果形状放在参照图像中的位置。 iEfymiY.png!web

步骤13

使用16 x 16像素的正方形 (#696791) 添加到嘴顶端, 我们将通过将其右下角的半径设置为16像素, 从变换面板的矩形属性中进行调整。 n6vYNzj.png!web

步骤14

通过创建一个16 x 16像素的圆 (#FFD399) 来聚焦眼睛部分, 我们将在参考图像中看到他的放置位置。 VFjEfya.png!web

步骤15

使用8 x 8 px的圆圈 (#696791) 来创建实际的眼睛, 我们将居中对齐先前创建的形状, 然后通过使用直接选择工具 (A) 选择较低的锚点, 然后按 Delete 来调整其下半部分。 BZNbQvB.png!web

步骤16

我们使用 16 x 16 px 的圆圈 (#F49898)来创建他颈部下面的阴影吧。这里我们可以用钢笔工具来完成它。一旦完成我希望你记得打组。 qAbUn2F.png!web

步骤17

一旦我们完成了鸟的绘制, 我们可以添加小水滴到其弯曲的腿处,使用三个 2 x 6 px 圆角矩形 (#99C7F2) , 确定好位置之后记得打组他们。 YJRVneu.png!web

使用几个较小的圆圈 (#FFFFFF) 来创建小的爆裂, 我们将通过去掉它们的底部来调整它们 (同样可以用之前我在文章中提到的方法) , 将结果形状放到到两个波纹上。需要花一点你的时间来完成他们,但是完成了记得打组哦! EbaYJfu.png!web

4.如何创建飞行物

使用 2 px 粗的线,颜色设置为 #FFFFFF, 来绘制飞行物的轨迹, 然后使用描边面板将结果线变成虚线。 ba6vMjV.png!web

步骤2

用一个4 x 4 像素的圆 (#FFFFFF) 加上两个较小的3 x 3像素 (#FFFFFF) 的圆来完成飞行物, 然后我们将他们打组。 qYf6RvN.png!web

QbYRn2B.png!web

好了今天的小教程到这里就结束了,最后希望这个小教程能帮助到你们,如果你有什么疑问可以 点击此处询问我, 也可以留言评论!

微信公众号: 搬运工米夏小雨


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK