当前位置:首页>设计教程>Illustrator教程>Ai教程 | 如何画出漂亮的可编辑饼图

Ai教程 | 如何画出漂亮的可编辑饼图

 

Ai教程 | 如何画出漂亮的可编辑饼图

 

作者:Andrei Marius

翻译:小贝壳

 

在以下步骤中,您将学习如何在Ai中创建可编辑饼图以及如何轻松地对其进行美化。

 

首先,您将学习如何使用饼图工具创建起始饼图。

 

使用“直接选择工具”和“外观”面板以及一些基本颜色和效果,您将学习如何设置图表主要组件的样式。最后,您将学习如何创建简单的图例和平面背景。

 

Ai教程 | 如何画出漂亮的可编辑饼图

 

第1步

Ctrl+N创建一个新文档。

 

从“单位”下拉菜单中选择“像素”,在宽度框中输入850,在高度框中输入980,然后单击“更多设置”按钮。

 

为“颜色模式”选择RGB,将“栅格效果”设置为“屏幕”(72 ppi),然后单击“创建文档”。

 

启用“网格”(视图>显示网格)和“对齐网格”(视图>对齐网格)。

 

每10 px需要一个网格,只需转到编辑>首选项>指南和网格,然后在网格线中输入10每个框,在细分框中输入1。

 

您还应打开“信息”面板(窗口>信息),以获得具有形状大小和位置的实时预览。不要忘记从编辑>首选项>单位中将测量单位设置为像素。

 

所有这些选项都将显著提高您的工作速度。

Ai教程 | 如何画出漂亮的可编辑饼图

第2步

在你的工具栏上,双击饼图工具以打开“图表类型”窗口。输入下图中显示的属性,然后单击“确定”。

Ai教程 | 如何画出漂亮的可编辑饼图

第3步

确保选中了饼图工具,只需单击画板即可打开“图形”窗口。将“宽度”和“高度”都设置为450 px,然后单击“确定”。

 

输入下面显示的数据,然后单击“检查”按钮。粗略放置新图表,如下图所示。

Ai教程 | 如何画出漂亮的可编辑饼图

Ai教程 | 如何画出漂亮的可编辑饼图

 

第1步

选择直接选择工具(A),仅选择下图中突出显示的形状,并将焦点放在“外观”面板(窗口>外观)上。

 

删除现有的笔触颜色,然后选择填充。

 

将其颜色设置为R = 255 G = 190 B = 123,然后转到效果>扭曲和变换>变换

 

将“水平”和“垂直”滑块拖动到-1 px并在“副本”框中输入15,然后单击“确定”。

 

返回“外观”面板,使用“添加新填色”按钮添加第二个填充。

 

选择它,将颜色设置为R = 255, G = 223, B = 153,然后转到效果>扭曲和变换>变换。将“水平”和“垂直”滑块拖动到-15 px,然后单击“确定”。

Ai教程 | 如何画出漂亮的可编辑饼图

第2步

使用直接选择工具(A),逐个选择其他饼图切片。删除笔触颜色并将现有填充颜色替换为下面显示的颜色。

Ai教程 | 如何画出漂亮的可编辑饼图

第3步

选择组选择工具,然后从饼图中选择一个文本片段。在同一段文本上再次单击可轻松选择所有文本。

 

打开“字符”面板(窗口>类型>字符),然后选择“Alma Mono Heavy”字体。将“大小”设置为25像素,并将颜色更改为白色(R = 255 ,G = 255, B = 255)。

Ai教程 | 如何画出漂亮的可编辑饼图

Ai教程 | 如何画出漂亮的可编辑饼图

 

第1步

选择移动工具(V),选择整个饼图,然后将焦点放在“外观”面板上。

 

添加新填充,选择它,并确保它位于“内容”部分下方。

 

将颜色设置为R = 255 ,G = 242, B = 236,并转到效果>转换为形状>椭圆。

 

选中“绝对”框,将高度和宽度设置为500 px,单击OK,然后转到效果> 扭曲和变换> 变换

 

将“水平”和“垂直”滑块拖动到7 px,单击OK,然后转到效果> 风格化> 投影。输入下面显示的属性并单击“确定”。

Ai教程 | 如何画出漂亮的可编辑饼图

第2步

确保仍然选择整个饼图,并继续关注“外观”面板。添加第二个填充,将其拖动到现有填充下方,然后选择它。

 

将颜色设置为R = 255 ,G = 82 ,B = 119,将其不透明度降低至30%,然后转到效果>转换为形状>椭圆。

 

选中“绝对”框,将高度和宽度设置为440 px,单击OK,然后转到效果> 扭曲和变换> 变换。

 

将“水平”和“垂直”滑块拖动到45 px,单击OK,然后转到效果>模糊>高斯模糊。

 

半径输入15 px ,然后单击“确定”。

Ai教程 | 如何画出漂亮的可编辑饼图

第3步

确保仍然选择整个饼图,并继续关注“外观”面板。添加第三个填充,将其拖动到其他两个填充上方,然后选择它。

 

将颜色设置为R = 255 ,G = 82, B = 119,将其不透明度降低到50%,然后转到效果>转换为形状>椭圆。

 

选中“绝对”框,将高度和宽度设置为350 px,单击OK,然后转到效果> 扭曲和变换> 变换。

 

将“水平”和“垂直”滑块拖动到35 px,单击OK,然后转到效果>模糊>高斯模糊。

 

半径输入15 px ,然后单击“确定”。

Ai教程 | 如何画出漂亮的可编辑饼图

Ai教程 | 如何画出漂亮的可编辑饼图

 

第1步

使用矩形工具(M),创建一个510 x 80像素的形状,并将其放置如下图所示。确保此矩形保持选中状态并将焦点放在“外观”面板上。

 

选择填充,将其颜色设置为R = 255 ,G = 242, B = 236,然后转到效果>风格化>圆角。

 

半径输入40 px ,单击“确定”,然后转到效果>风格化>投影。输入下面显示的属性并单击“确定”。

Ai教程 | 如何画出漂亮的可编辑饼图

第2步

确保您的矩形保持选中状态,并继续关注外观面板。添加第二个填充并将其拖动到另一个填充下方。

 

将颜色设置为R = 255, G = 82, B = 119,将其不透明度降低至30%,然后转到效果>风格化>圆角。

 

半径输入10 px,单击“确定”,然后转到效果>扭曲和变换>变换。输入下面显示的属性,单击“确定”,然后转到效果>模糊>高斯模糊。

 

将“半径”设置为15像素,然后单击“确定”。

Ai教程 | 如何画出漂亮的可编辑饼图

第3步

对于此步骤,您将需要每5 px一个网格。只需转到编辑>首选项>指南和网格,然后在网格线每个框中输入5。

 

选择椭圆工具(L)并创建一个60像素的圆,然后选择矩形工具(M)并创建一个30像素的正方形。

 

如第二张图所示放置正方形,并用R = 255 ,G = 190 ,B = 123填充它。

 

选择在此步骤中制作的两个形状,然后单击“路径查找器”面板(窗口>路径查找器)中的“相交”按钮。

Ai教程 | 如何画出漂亮的可编辑饼图

第4步

选择四分之一圆并将其放置如下图所示。

Ai教程 | 如何画出漂亮的可编辑饼图

第5步

制作三分之一圆的副本。如下所示放置它们,并用下面显示的颜色替换黄色。

Ai教程 | 如何画出漂亮的可编辑饼图

第6步

转到工具栏并将填充颜色设置为R = 178, G = 70 ,B = 116。将焦点放在“字符”面板上,选择Auro字体,然后将大小设置为16像素。

 

选择文字工具(T),单击您的画板,添加“柠檬”文本,然后将其放置如下所示。键入其他三个文本并将其放置如下所示。

Ai教程 | 如何画出漂亮的可编辑饼图

第7步

选择所有四个文本,然后转到效果>风格化>阴影。输入下面显示的属性并单击“确定”。

Ai教程 | 如何画出漂亮的可编辑饼图

Ai教程 | 如何画出漂亮的可编辑饼图

 

选择矩形工具(M)并创建一个870 x 1000像素的形状。

 

用R = 255,G = 255, B = 250填充这个新矩形,确保它覆盖整个画板,并将其发送回(Shift+Ctrl+[)。

Ai教程 | 如何画出漂亮的可编辑饼图

 

恭喜!你完成了!

我希望您喜欢本教程,并可以在将来的项目中应用这些技巧。

©版权声明

本站资源大多来自网络,如有侵犯你的权益请联系管理员Ciyol 或给邮箱发送邮件 admin@ciyol.cn 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


如果遇到评论下载的文章,评论后刷新页面点击对应的蓝字按钮即可跳转到下载页面本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip(点击下载),zip、rar解压,建议下载WinRAR(点击下载)

给TA打赏
共{{data.count}}人
人已打赏
0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
今日签到
有新私信 私信列表
搜索