Illustrator制作细节丰富的网页404页面(3)

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

④选择矩形工具(M),创建一个18 X17px的矩形,并设置填充颜色为R =232 G =146 B =0。使用直接选择工具(A),选择这个新矩形,然后在控制面板上的角落框中输入“3px”。

Illustrator制作细节丰富的网页404页面,PS教程,思缘教程网

⑤使用钢笔工具(P),创建两个简单的路径,如图中的前两个影像。选择两条路径。确保没有颜色的填充设置,然后选择描边,在R =253 G =218 B =12,重量其颜色设置为2px。选择在这个步骤做两条路径,然后单击大纲按钮,从探路者面板。确保结果组路径被选中,只要按Shift键控制-G取消组合吧。取消选择所有的路径,并再次添加该2px的,黄色的描边只选择高亮显示的微小通道的第四图像中,并使用删除按钮从键盘中删除它。

Illustrator制作细节丰富的网页404页面,PS教程,思缘教程网

⑥选择黄色通道中突出显示的第一个图像,然后转到对象>路径>轮廓化描边。选择产生的形状,然后单击联合按钮,从路径查找器面板。随着你的橙色,圆角矩形选择这个新创建的形状,然后单击减号前面的按钮从路径查找器面板。选择结果组的橙色形状以及简单的按下Control-8把它变成一个简单的复合路径。使用直接选择工具(A),选择您的新复合路径,在控制面板上在那个角落框中输入“0.5px”。

Illustrator制作细节丰富的网页404页面,PS教程,思缘教程网

⑦选择矩形工具(M),创建一个12×11像素的矩形,并设置填充颜色为R =232 G =146 B =0,然后转到对象>路径>添加锚点。使用直接选择工具(A),在第二个图像中选择突出的锚点,然后将其向上拖动5px。

Illustrator制作细节丰富的网页404页面,PS教程,思缘教程网

⑧使用钢笔工具(P)创建一个简单的路径,在第一幅图像上显示,请确保它保持选择和集中的外观面板上。从填充删除的颜色​​,然后选择行程。将颜色设置在R =232 G =146 B =0和重量在3px的然后去对象>路径>轮廓化描边。切换到矩形工具(M),创建一个2×形状加入5px,设置填充颜色为R =232 G =146 B =0以及如图放置在第二幅图像。取消对三个橘子的形状,让你的小家图标,然后单击联合按钮,从路径查找器面板。

Illustrator制作细节丰富的网页404页面,PS教程,思缘教程网

⑨使用矩形工具(M),创建一个2×5px的矩形,如图放置第一张图像。随着橙色的形状逐渐占据让你的房子图标,选择这个新的矩形,然后单击减号前面的按钮从路径查找器面板。使用直接选择工具(A),选择生成的形状,在控制面板上在那个角落框输入“1px”。

Illustrator制作细节丰富的网页404页面,PS教程,思缘教程网

⑩选择三个形状,使你的小图标,将它们作为显示在下面的图像,然后选择效果>风格化>阴影。进入如下图所示的属性,然后单击确定。

Illustrator制作细节丰富的网页404页面,PS教程,思缘教程网

六、添加文本

① 选择文字工具(T),打开字符面板(窗口>文字>字符)。只需点击您的画板上,添加了“ERROR”一段文字,并设置其颜色在R =172 G =68 B =0。使用Open Sans字体,使它加粗然后设置大小为14像素以及轨迹在900px。如图所示,请确保您的一段文字仍处于选中状态。取消选择文字工具(T),添加了“search”和“or”文字片段,将它们放置如下图所示,并使用窗口中显示的文本属性。

Illustrator制作细节丰富的网页404页面,PS教程,思缘教程网

② 确保文字工具(T)仍处于活动状态,如下图所示增加一些相关文字。

Illustrator制作细节丰富的网页404页面,PS教程,思缘教程网

③ 重新选择目前所有的已完成的模块,效果>风格化>阴影。进入如下图所示的属性,然后单击确定。

Illustrator制作细节丰富的网页404页面,PS教程,思缘教程网

④ 使用文字工具(T),加上“404”并将其颜色设置在R =252 G =206 B =23。使用相同的字体,使它加粗,设置大小为90px。

Illustrator制作细节丰富的网页404页面,PS教程,思缘教程网

 收藏