本教程向大家介绍了如何使用Illustrator制作细节丰富的网页404错误页面过程，讲解的非常详细，并且作者还介绍了提高效率的技巧，教程非常实用，是AI学习者不可错过的一个学习机会，转发过来，希望大家一起来学习吧。

最终效果：

在以下步骤中，您将学会如何利用 Adobe Illustrator创建404页面

接下来，您将学习如何利用一个简单的路径，阴影效果和一些基本的手段来添加时尚的圆角。你将会用到外观面板创建Search字段以及4个黄色按钮。

一、创建新文档然后设置网格

首先ctrl+n创建新文件，从单位下拉菜单中选择像素，在宽度框中输入600，在高度框680，然后单击高级按钮，从上至下依次选择RGB，屏幕(72ppi)，并勾选使新建对象与像素网格对齐，然后单击确定。

启用网格(视图–显示网格)和对齐网格(视图–对齐网格)。编辑>选项>指南>网格，enter 5 in the Gridline every box and 1 in the Subdivisions box。不要被满屏的网格吓到而望而却步，要学会用快捷键，这将会使你的工作变得容易的多

打开信息面板(窗口–信息)来实时确定你鼠标所在的位置。不要忘了将计量单位选择为像素(编辑—首选项—单位—常规)，这些都能显著提高你的工作效率哦。

二、制作主体形状

① 选择矩形工具(M)。点击填色(X)，然后选择填充并将其颜色设置在R =252 G =186 B =3，点击填充后面的描边并选择无。然后创建一个275 x 400px的矩形。矩形对齐网格会方便你的操作。

② 利用直接选择工具，重新选择黄色矩形，在上方控制面板中的corner选择10像素

③ 确保你的圆角矩形保持被选中，注意看外观面板(窗口—外观)，选择描边，并设置颜色R=232 G=146 B=0。然后点击“描边”文字，弹出菜单，将粗细设置为1像素，并检查对齐描边内侧按钮。