Illustrator设计扁平化风格的职业角色图像教程

2016-03-18 14:38 14 1 收藏

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享Illustrator设计扁平化风格的职业角色图像教程,希望可以对大家能有小小的帮助。

【 tulaoshi.com - Illustrator 】

在本教程中,我们将制作一套平面风格的肖像,描绘不同职业的人。这样的头像可以被用来当作社交网络的头像,或者是你个人网站的设计素材(描绘不同的职业类型)。你还可以用这种方法制作自己的扁平化肖像,用作你自己的商业名片。现在让我们开始我们的教程吧。

Adobe Illustrator的几何形状工具在制作矢量图形方面非常棒。我们通过接下来详细的教程发现新的使用技巧和窍门。(路径查找,裁剪和蒙板工具以及其他的一些AI功能)即使你是刚入门的新手,也可以很轻松的使用这个教程完成上面的肖像画。赶紧跟随教程制作起来吧。

先看看效果图

Illustrator设计扁平化风格的职业角色图像,图老师

(一)制作一个建筑工人的扁平化肖像画

第一步:

我们将开始我们第一个任务的头像,我们使用矩形工具(括号内为快捷键,以下同。矩形快捷键为M)制作一个65*80像素浅粉色皮肤色调的矩形,保持矩形选中状态。去对象路径 添加锚点。你将会注意到每一个矩形的边上上出现了新的锚点。

Illustrator设计扁平化风格的职业角色图像,图老师

第二步

继续使用对象路径 添加锚点。为矩形的每个边在增加更多的两个点。 我们不需要用上面的锚点,,所以我们删除它们。用直接选择工具(A)选中需要删除的左边和右边倒数第三个点(左右各一个)然后在顶部的控制面板里,点击删除已选中锚点工具按钮。

现在让我们创建脸部轮廓。选中矩形下面一条边上的两个末端锚点。敲击键盘上回车按钮,打开移动窗口。水平值设为0像素,垂直值设为-25像素(所中的锚点上移25像素)距离值25px(移动锚点25像素。形成下巴,点击确定。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/illustrator/)

Illustrator设计扁平化风格的职业角色图像,图老师

第三步:

如果你想要使下巴更宽或者更窄,选择一个锚点然后敲回车,打开移动窗口,使选中的点向左,向右移动。例如:将右边的点移动到左边,选中右边的点,然后把水平值设为-5像素。同理把左边的点移动到右边,选中左边的点水平值设为5像素。这种方式我们可以将这两个点移动的更近。

使用实时转角功能,使脸部更佳平滑。使用直接(A)选择工具,选中实时转角,然后拖拽任何一个圆角标记(就是你选中一个有角度的锚点,都会出现一个中间实心,外面有个圆圈的点,选中那个点)更靠近中心。(这个功能是老版本AI里没有的)

如果你使用的是旧版本的Adobe Illustrator,没有非常不错额实时转角功能!你可以使用效果 样式风格化圆角实现同样功能。唯一的区别是不能选择一个角来发生变化。他会使所有角发生变化。你可以使用橡皮擦(SHIFT+E)完成。

Illustrator设计扁平化风格的职业角色图像,图老师

第四步

让我们开始添加鼻子。使用矩形工具(M)制作一个9*20像素粉色小矩形来作为他的鼻子,然后使他变成圆角。(和上一步制作脸型一样道理)。或者直接使用圆角矩形工具创建整个形状。

我们确保鼻子和脸保持居中对齐。用选择工具(V)选中鼻子和脸,按住ALT并且点击以下脸。你将会看到厚厚的选择框在脸部周边。这意味着脸现在是关键对象。(所有其他的物体都会与他进行对齐)现在在顶部属性面tulaoshi.com板里找到对齐里的水平居中对齐。非常棒!,鼻子就正好在脸部的中间啦。

Illustrator设计扁平化风格的职业角色图像,图老师

第六步

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/illustrator/)

选中棕色胡子上方左边一个锚点,敲击回车,设置水平值为 10px,垂直值:0PX。为了让这个点更靠近鼻子。在胡子的另一边锚点上重复相同的动作。这次设置水平数值为:-10px。最后用实时转角功能让胡子下面部分有一个温柔的圆角 。(看下图你会很容易懂的)

Illustrator设计扁平化风格的职业角色图像,图老师

1234下一页

来源:http://www.tulaoshi.com/n/20160318/1885113.html

延伸阅读
标签: PS
PS扁平化仍是主流设计风格   扁平化仍是主流设www.Tulaoshi.com计风格。今天@正越升 同学总结了扁平化设计的8个小技巧,字体、图标、排版、配色等都有提及,教程深入浅出,非常适合新手,学会可以直接拿来作海报和PPT设计。
在这篇教程中,我们将从一个相同的圆中创建6种不同的动物形象。 让我们利用基本的形状制作一组扁平化的元素来找点乐子,形状生成工具,路径查找器面板和Adobe Illustrator的其他一些有趣的功能。 先看看效果图 1.创建一个优雅的暹罗猫 第1步 首先从一个由椭圆工具(L)制作的60 x 60 px大小的圆形成猫的脸。 用浅褐色填充这个圆。 第2...
我们下一个头像将要描绘一个黑色皮肤的外科医生。我们将使用上一次讲到的工人头像作为基础上修改而成。所以让我们复制一个,右击,释放剪切蒙板。 然后删除头盔、胡子、橘色的工人制服。然后把背景色和投影变成黄色。继续一些元素的重新着色,例如,把衣服的颜色变为绿松石的颜色,皮肤色变成更深的巧克力色,同样头发和眉毛的颜色也变成深棕...
标签: PS PS基础
今天的教程,不仅有超详细的步骤解说与多个技巧,而且绘制时能帮同学们深入学习Photoshop的基础形状,教程不难,作为扁平化图标入门教程再合适不过。 先看看效果图 绘制火箭图标 这些调色板上的颜色是我们将要用到的颜色,我选择了一些不那么鲜艳的颜色,这能和扁平化的图标很好地结合,你可以将这个色板储存在你的电脑中,这样你就可以...
设计是好玩的,特别是把自己的奇思妙想实现出来后,会有很有成就感,今天分享一组来自UI设计师Rob Lafratta的创意设计作品,这组作品主要是把超级玛丽的形象换成其它超级英雄等人物,看上去很有趣。 下面来看看一些截图,当然你也可以点击这里查看该设计师的最近更新。

经验教程

422

收藏

92
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部