用Illustrator软件绘制拟人化图标完全教程

新知榜官方账号

2023-09-26 23:46:32

如何使用Illustrator软件绘制拟人化图标

本教程介绍如何使用Illustrator软件绘制拟人化图标的详细步骤，包括铅笔、钢笔、矩形等工具的使用，以及如何将词语转换为图形，让用户容易理解，体现出要表达的功能信息或操作提示。

Step01：打开素材文件

打开学习资料中的素材文件“扁平化图标设计-实例素材”，将手机所在图层锁定，在“图层2”中绘制图标。

TIPS：图标的设计要以恰当的元素将词语转换为图形，让用户容易理解，体现出要表达的功能信息或操作提示。同时应兼顾美观与功能性，带给用户满意的操作体验。

Step02：绘制拟人化的音符图标

使用铅笔工具绘制一个图形，填充深红色，无描边颜色。使用椭圆工具按住Shift键绘制一大、一小两个圆形，作为眼睛。绘制眼珠。

Step03：绘制卡通音符

用铅笔工具绘制嘴巴。使用钢笔工具绘制牙齿及头上的图形，组成一个卡通音符。再绘制几条波浪线作为乐谱。用矩形工具创建一个矩形，按Shift+Ctrl+[快捷键，将矩形移至底层。

Step04：绘制麦克风图标

使用选择工具选择矩形，按住Alt键拖动进行复制，用圆角矩形工具在其上面分别绘制3个圆角矩形，绘制过程中按住↑键增加圆角半径。用矩形工具绘制一个矩形，组成麦克风。

Step05：绘制其他图标

用铅笔工具绘制两条手臂和麦克风上的纹路。使用选择工具选取音乐符号上的眼睛和嘴巴图形，复制到麦克风上，并调整大小和位置。用同样的方法绘制影片、邮件、日历、记事本、照明、天气及旅游等图标，并将它们逐一编组。将图形全选，通过控制面板中的对齐与分布命令将图标排列整齐，然后移动到手机屏幕上。

Step06：美化图标

绘制一个矩形。使用选择工具按住Shift+Alt键向下拖动进行复制，调整图形的高度，填充深红色。继续复制矩形，分别填充橙色、土黄色、绿色等。使用文字工具输入文字，在控制面板中设置字体及大小。温度和时间为主要显示的文字，字体大小分别为40pt和30pt，“℃”为16pt，右侧的文字为12pt。绘制出其他图标。完成后的效果如图所示解除“图层1”的锁定，使用编组选择工具选取手机面板图形，尝试填充不同的渐变颜色。

以上内容摘自人民邮电出版社：《中文版IllustratorCS6完全自学教程》作者：李金明，李金蓉。

本页网址：https://www.xinzhibang.net/article_detail-13900.html

寻求报道，请

关键词

Illustrator 拟人化图标设计制作

分享至微信：

相关工具

Deco

京东推出的设计稿一键生成多端代码工具

CodiumAI

AI代码测试工具

AI Code Reviewer

AI代码检查

MarsX

AI无代码软件开发

AskCodi

你的个人AI编程助手

Debuild

低代码快速开发网页应用

Upstage与韩华生命签署OCR解决方案供应合同

人工智能（AI）企业Upstage2月1日宣布，与韩国韩华生命签订了光学字符识别（OCR）解决方案“OCRPack”供应合同。该解决方案基于AI和OCR技术，可以帮助韩华生命自动读取诊疗费收据等保险申请所需的5种文件，并对其进行有效处理。OCR是一种读取图像中的文字，生成文本数据，提取所需项目数据的

分类标签 Upstage韩华生命OCR解决方案

11-06 10:09

通义灵码：国内智能编码辅助工具

通义灵码：国内智能编码辅助工具AI编程的应用和发展将会带来更高效、更智能、更可靠的编程体验，促进数字化转型和创新。通义灵码是一款基于通义大模型的智能编码辅助工具，提供行级/函数级实时续写、自然语言生成代码、单元测试生成、代码注释生成、代码解释、研发智能问答、异常报错排查等能力，并针对阿里云SDK/A

分类标签通义灵码智能编码辅助工具编程语言

11-06 10:07

无代码编程的发展前景和挑战

无代码编程的概念和意义无代码编程（No-code）是指使用图形化界面和可视化编程工具来创建应用程序，而无需编写传统的源代码。这种方式使得非专业开发人员也能够参与软件开发，大大降低了开发门槛。它在以下几个方面具有重要意义：提高开发效率：传统的编程需要学习复杂的语法和编程逻辑，而无代码编程通过可视化操作

分类标签无代码编程低代码开发人工智能应用开发工具

11-06 10:06

如何利用无代码编程技术提高企业管理水平

如何利用无代码编程技术提高企业管理水平随着科技的发展，无代码编程技术作为一种新的技术趋势，正逐渐改变着企业的运营和管理方式。无代码编程技术可以帮助企业提高工作效率，优化业务流程，降低成本，并提高企业的管理水平。本文将从无代码编程技术的角度，探讨如何提高企业管理水平。1.提高工作效率无代码编程技术可以

分类标签无代码编程技术企业管理工作效率业务流程成本降低创新

10-25 22:31

微软CTO韦青：低代码/无代码开发是市场驱动而非技术驱动

微软CTO韦青：低代码/无代码开发是市场驱动而非技术驱动微软(中国)CTO韦青在接受采访时表示，低代码/无代码开发并非由技术驱动，而是由市场驱动。随着数字化和智能化的发展，低代码/无代码开发将迎来全面的崛起。同时，IT人员的角色也将发生变化，需要将公司内部的数据资源、服务资源接口化、API化或者是服

分类标签微软韦青低代码无代码云原生数字化

10-20 22:38

无代码开发平台介绍及常见工具

无代码开发平台概述无代码开发是指通过可视化工具进行应用程序开发，让非技术用户也能快速创建应用程序。掌握无代码开发技术可以帮助个人和企业更好地适应市场需求，提高工作效率和竞争力。学习无代码开发一般可以参考以下步骤：了解需求、搭建应用、发布应用、维护应用。无代码开发工具包括如表单、按钮、文本框等基本构建

分类标签无代码开发低代码开发零代码开发平台工具

10-20 22:32

基于XEdu开发无代码训练AI模型插件

背景为了能让没有代码基础的学生也能顺利训练AI模型，作者分析了XEdu训练AI模型的核心代码，介绍了实现无代码训练AI模型的原理，并以QT、Gradio、VB等多种工具为例，展示无代码训练AI模型的XEdu插件编写过程，为一线教师和企业工程师提供了开发人工智能教学工具的新思路。分析XEdu的核心模块

分类标签 XEdu无代码训练AI模型

10-20 22:30

ChatGPT与无代码开发工具的结合

ChatGPT是美国人工智能研究实验室OpenAI开发的全新聊天机器人模型能够通过学习和理解人类的语言来进行对话互动并协助人类完成一系列任务。不同于以往的AI形象，ChatGPT可以结合上下文语境，用拟人语气和你互动，甚至可以写代码、写脚本、写作业、写论文、制定商业提案、创作诗歌、故事、甚至检查程序

分类标签 ChatGPT无代码开发AI产品

10-20 22:28

国风少女图

国风少女图近日，一组国风少女图引起了广泛关注。这组画作精美绝伦，每一张都散发着强烈的仙气飘飘的气息。画中神庙和天堂花园的描绘，令人仿佛身临其境。画作中的少女们，精致的眼部描写和炫彩的头发令人印象深刻。无论是红紫渐变色头发的侧颜还是蓝黑渐变色头发的冷漠眼神，都展现出了不同的魅力。画作中的少女们身姿优美

分类标签仙气飘飘神庙少女

10-17 10:06

360智脑大模型发布4.0版本，加入多模态能力

360智脑大模型发布4.0版本，加入多模态能力在前段时间刚结束的认知型通用大模型360智脑发布会上，360集团创始人周鸿祎与360AI数字人角色进行多轮对话后，现场响起了一阵又一阵的掌声。时隔两个多月的时间，周鸿祎携4.0版本的360智脑大模型亮相，同时还发布了核心创新产品——AI数字人。雷峰网了解

分类标签 360智脑大模型多模态能力

10-17 10:04

ChatGPT Midjourney 文心一言文心一格 bing新必应 Stable diffusion 稿定设计墨刀AI mastergo Adobe Firefly runway