百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

如何在Adobe Illustrator中创建扁平化职业角色

zhezhongyun 2025-03-14 22:26 54 浏览

这一次课程是在上一次课程的续集,在第一个头像的基础上来完善第二个第三个一季第四个。

(二)创建一个外科医生的头像

(在第一篇教程中25步详细记录了制作步骤截图都是原文作者的教程中截图,结合文字的讲解在中文版Adobe Illustrator也可以找到的,欢迎大家在评论里贴出你自己根据教程制作的头像。)

我们下一个头像将要描绘一个黑色皮肤的外科医生。我们将使用上一次讲到的工人头像作为基础上修改而成。所以让我们复制一个,右击,释放剪切蒙板。

然后删除头盔、胡子、橘色的工人制服。然后把背景色和投影变成黄色。继续一些元素的重新着色,例如,把衣服的颜色变为绿松石的颜色,皮肤色变成更深的巧克力色,同样头发和眉毛的颜色也变成深棕色。

第二步

让我们给我们的外科医生增加一顶医学帽子。用矩形工具(M)40px*24PX矩形。用你键盘上的箭头工具把上面的锚点移动的近一点,使得帽子的上边边的窄一点。用实时转角工具把上面变得圆润一点。

第三步

让我们创造一个外科医生的口罩吧。绘制一个33*22PX的矩形,然后在这个口罩的上面增加更深色的水平条纹一组,使得它有更多的细节。在口罩的最上方放置一个窄条,然后把它放置到最后( Shift+Control+[).

第四步

现在让我们把口罩放在外科医生的脸上,然后隐藏不需要的部分。复制人脸的基本形状,然后把它移动到最前面(Shift+Control+])在口罩的前面呀。(你也许不能直接拖拽拷贝一个脸形在一个脸部组里,如果你之前已经把脸编辑成组)选择新拷贝的脸和口罩,右击,建立剪切蒙板

第五步

通过增加它制服上的一些细节,我们来完成这个外科医生的头像。用多边形工具做一个三角形然后旋转。把形状颠倒过来。填充一个浅灰色,同时选中宝石绿的工作服和白色的三角形,使用图像生成工具(Shift+M )按住ALT然后删除身体外面的部分,形成一个V形的颈带。

调整半透明形状以及混合模式,加深人物的右侧部分最后在用剪切蒙板变成一个圆形(和上一个教程相同,不会的可以看之前的教程)

(三)我们来制作一个空姐的卡通头像

第一步

现在是时候制作一个空姐的卡通肖像了。我们不会从头开始制作,我们从第一个头像来开始制作。复制一个工人头像,像第二篇教程制作护士的时候一样,释放剪切蒙板,删除不需要的图形。给圆形的背景一个重新着一个绅士般的优雅红色。

对于我们新的角色来说,这个脸型有点太方啦。所以让我们制作一个40*55PX的矩形然后使用实时转角功能让这些角变得全圆。

第二步

让我们把鼻子变的细长。选中鼻子上方的两个锚点,通过属性栏的移除选中锚点工具删除这两个锚点。这将会使鼻子的上半部分看起来更加细腻。

第三步

现在让我们在嘴唇上制作。去对象>路径>增加锚点。直接拖拽工具(A)选中嘴唇上面中间的新锚点拖拽下来。用实时转角功能让嘴唇上方更佳的平滑、圆润。通过剪刀工具(C)剪切两边的锚点使得嘴唇的上下部分分离。

第四步

通过增加粉红色嘴唇的纯度,让嘴唇变的明亮透红。同时让我们把嘴唇的形状变的拱一点。把嘴唇的上下两半编辑成组(Control+G),然后使用效果>变形>拱形。设置水平数值-30%。点击确定。为了适应变化,使用对象>扩展外观,使得嘴唇更佳微笑。你也可以上面的嘴唇更加深一点,可以和下面的嘴唇区分开来。使得它和现实生活中人们的嘴唇更像。

第五步

我们让我们的女生更加妇女化,让我们重新给我们的眼睛和眉毛着色。就像我们之前制作眉毛一样,我们给我们的空姐的眼睛增加一个薄的圆形睫毛。

现在让我们制作一个整齐的发型。用椭圆工具(L) 在前额头上放置两个椭圆,使他们重叠。在路径查找器拼合两个椭圆。用形状建立工具(Shift+M)在头部删除不需要的部分,使得头发变的光滑整齐。

为了让我们的人物特征更加精致,我们把她的脖子变的细长一点、更加圆润。我们依然可以调整脸型使他变的薄一点。或者在脸颊上增加一个圆形的腮红

第六步

现在让我们制作我们空姐的制服。我们在原来的蓝色制服的基础上增加一些明显的细节来完善它。让我们把这个T恤变成一个时尚夹克。

使用矩形工具(M)绘制一个33*45PX的条纹矩形。旋转45度,在她的顶部制作一个缺口。在主要的形状上面重叠一个小的三角形。使用形状生成工具(Shift+M)然后按住Alt去掉三角形。

使用镜像工具(O)来复制出一个创建形状的镜像,形成一个翻领。放置在衬衫之上后,通过橡皮擦工具(Shift+E)或者形状建立工具(Shift+M)去除不需要的部分

第七步

把三个三角形联合在一起,让每一个角都有一个轻微的圆润。形成一个白色衬衫的角。

第八步

现在我们制作一个小红领带,作为一个区别于其他的航空公司的标志。从制作一个8*7.5PX的矩形,用键盘上的箭头工具,把底部的锚点移动的近一点。让底部的锚点变的圆润一点,形成领带结。

现在使用椭圆工具(L),制作一个压扁的椭圆,然后旋转45度。选择底部的锚点,在上面的属性栏点击将所选的锚点转换为尖角。制作出一个尖角形状。在对面的地方,旋转拷贝的一个形状,使领带看起来完整。

第九步

让我们制作空姐制服的另一个要素:帽子。做一个18*18PX和夹克一样深蓝色的正方形。旋转45度,然后把它压扁一点。让她有一点钻石的形状,用实时转角功能让他的棱角有一点圆润。

在第一个正方形的左边制作一个带圆角的矩形,颜色更深一点的蓝色。用镜像工具(O)水平拷贝一个。形成折叠形状的帽子。

第十步

绘制一个金色的航空公司标识。从4*4PX的圆开始绘制一个有翼的奖牌。绘制一组圆角矩形作为羽毛,然后把标志和帽子居中对齐。

第十一步

最后,给我们的空姐把服装穿好。通过添加一个阴影和在剪切蒙板里隐藏一些不需要的要素完成这个按钮。

(四)创建警官头像

第一步

我们将在空姐的头像的基础上修改,改变皮肤的色调变成一个巧克力的颜色。头发的颜色变成深棕色。同样的我们把图标的背景颜色变成明亮的绿色。

第二步

让我们把头发水平翻转一下这样可以和之前的头像不同。让我们做出来一个发型。绘制出一个45*53PX深棕色的矩形放置在头的后面。选择上面的两个锚点让顶部全部变成圆形。

让我们描绘底部单独的头发,制作一些小的三角形放置在底部头发的上面,使这些形状重叠。使用图形生成器(M)按住ALT去掉多余的三角形。

用两个窄一点的矩形,形成一个简单的V字领。

第三步

让我们创建警官的帽子,用多边形工具创建一个45*45PX七边形的形状。拉扁这个形状,修改底部的两个锚点向两边远一点,让这个角又一点圆润。

让我们通过制作标准化的高光来制作帽沿上的高光。制作两个窄条,旋转45度,放置在帽沿的上方。用形状生成工具(Shift+M)来删除帽沿周边不想要的部分。

第五步

让我们制作每个警官最重要的要素:徽章。制作一个10*13PX的淡黄色的矩形。使用对象>路径>添加锚点工具。选择底部的两个锚点,移动上去。让这个形状看起来像个盾牌。

使用实时转角功能,让这个形状的边的更加平滑。我们也可以使图像上面有一个轻微的弯曲, 使用弯曲工具(Shift-‘)

在这上面放置一个星星,完成这个盾牌。

第六步

在增加一些一个灰色的领带以及其他的一些细节,装扮好我们友好的警官。你甚至可以继续创建一些额外的配饰,例如:明亮的时尚眼镜,从两个蓝色的椭圆做起来。

祝贺你!我们的职业角色已经做好了!

根据教程坐下来,我们就会成功的制作出四个不同的职业角色的人物。可以被用来制作头像或者其他的一些设计工作。

如果你想制作更多的12个职业的角色,下图给你一些参考作为练习用。

我希望这套教程对你有用,并且你会发现一些新的使用技巧。技巧可以使你变的更加舒适,工作做得更快。

祝你生活愉快,期待我接下来的课程。

可以在评论里把自己的练习作品发上来,大家一起交流。

第一手原创设计文章及内容,关注我。

觉得本文有帮助

请赐个赞并在下方发表评论

相关推荐

Opinion丨Struggle Against U.S. Mind colonization in the Global South

Editor'snote:Thismonth,XinhuaNewsAgency'sThinkTankreleasedareporttitled"Colonizationof...

爱可可AI论文推介(2020.11.4)_爱可可女装旗舰店

LG-机器学习CV-计算机视觉CL-计算与语言AS-音频与语音RO-机器人(*表示值得重点关注)1、[LG]*CombiningLabelPropagationan...

何新:罗马伪史考英文版序言_罗马史学

2019-10-2514:48:27何新:罗马伪史考序言(英文译本)HeXin:PreambleofResearchonPseudo-historyofRome1Afewyear...

XPeng Stock Rises Over 4% after Q2 Revenue and EV Margin Set Records

TMTPOST--TheAmericandepositaryreceipts(ADRs)ofXPengInc.rosearound4.2%onTuesdayaftert...

英汉世界语部首(八)_英文部首字典

本节讲八个部首,分别是:弓gōng【ECWLrad】bow廾gǒng【ECWLrad】twen广guǎng【ECWLrad】vast己jǐ【ECWLrad】self已yǐ...

一课译词:划水_划水是什么地方的方言

[Photo/SIPA]懒惰是人类的天性,因此才总有人会在工作时“划水”。“划水【huáshuǐ】”,本意是指“用胳膊划的动作(makestrokeswithone’sarms)”,延伸为“...

首测!GPT-4o做Code Review可行吗?

编辑|言征出品|51CTO技术栈(微信号:blog51cto)近日,OpenAI一记重拳,推出了GPT-4o(“o”表示“omni”),将语音识别和对话方面的优势展示的淋漓尽致。几乎可以肯定,...

C++|漫谈STL细节及内部原理_c++ stl详解

1988年,AlexanderStepanov开始进入惠普的PaloAlto实验室工作,在随后的4年中,他从事的是有关磁盘驱动器方面的工作。直到1992年,由于参加并主持了实验室主任BillWo...

C++ inline关键字深度解析:不止于优化的头文件定义许可

在C++开发中,几乎每个程序员都用过inline关键字,但多数人只停留在“内联优化”的表层理解。事实上,inline的真正威力在于它打破了C++的单一定义规则(ODR)限制,成为头文件中安全定义函数的...

实用 | 10分钟教你搭建一个嵌入式web服务器

之前分享的文章中提到了几种可以在嵌入式中使用的web服务器。嵌入式web服务器就是把web服务器移植到嵌入式系统的服务器。它仍然是基于http文本协议进行通信的,具有标准的接口形式,对客户端...

中间语言格式_中间格式文本是什么

在通常情况下,编译器会将目标语言转换成某种中间语言格式,而不是直接将源代码转换成二进制机器指令,不少c语言编译器,都会将代码编译成汇编语言,然后再通过汇编语言编译器将汇编代码转换成目标机器可执行的二进...

一线开发大牛带你深度解析探讨模板解释器,解释器的生成

解释器生成解释器的机器代码片段都是在TemplateInterpreterGenerator::generate_all()中生成的,下面将分小节详细展示该函数的具体细节,以及解释器某个组件的机器代码...

干货,Web开发和前端开发逆天工具大全

微信ID:WEB_wysj(点击关注)◎◎◎◎◎◎◎◎◎一┳═┻︻▄(点击页底“阅读原文”前往下载)●●●逆天工具CDN资源库国内Bootstrap中文网开源项目免费CDN服务36...

移动端rem+vw适配_移动端web页面适配方案

rem:rem是相对单位,设置根元素html的font-size,比如给html设置字体大小为100px,1rem=100px;rem缺点:1.和根元素font-size值强耦合,系统字...

从零搭建 React 开发 H5 模板_react html5

项目创建创建项目文件夹mkdir react-democd react-demonpm init -y依赖安装yarn add rea...