PS设计教程网欢迎你!

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

文章来源于 优设,感谢作者 Wangyijie 给我们带来经精彩的文章!
设计教程/矢量教程/Illustrator教程2014-07-05
⑤ 请确保您的404一段文字仍处于选中状态,并添加如下图所示的三个阴影效果(效果风格化阴影)。 七、创建工具提示 ①使用矩形工具(M),创建一个65 *25PX的矩形,填充颜色为R =60 G =36 B =21以及把它作为显示在下面

⑤ 请确保您的“404”一段文字仍处于选中状态,并添加如下图所示的三个阴影效果(效果>风格化>阴影)。

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

七、创建工具提示

①使用矩形工具(M),创建一个65 *25PX的矩形,填充颜色为R =60 G =36 B =21以及把它作为显示在下面的图像。

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

②确保您的棕色矩形保持选中,在外观面板上,选择现有的填写以及使用复制所选项目按钮(指向的蓝色圆圈如下图),复制它。选择新的填充,效果>转换为形状>矩形。进入如下图所示的属性,单击确定,然后转到效果>扭曲以及变换>变换。进入下图所示的属性,然后单击确定。

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

③重新选择你的棕色造型,注意在外观面板上,确保整个路径被选中,选择效果>风格化>阴影。进入如下图所示的属性,然后单击确定。

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

④使用文字工具(T),添加“Go Back”一段文字,将颜色设置在R =172 G =68 B =0以及把它作为显示在下面的图像。同样使用OpenSans字体,使其字体设置为粗体,大小设置为11像素。重新选择这个黄色的文本加棕色形状,按下Ctrl-G。

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

⑥ 重复补齐你的小提示(Ctrl-C> Ctrl -F),选择复制,并把它显示在第一个图像.看黄色部分的文字,用“Go Home”代替现有文本。重复此步骤,按照下面第二张图中显示的添加第三个提示“Contact Us”,并增加了棕色形状的宽度75像素。

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

八、加入背景及一些微妙的阴影

选择矩形工具(M)和然后点击您的画板来打开矩形窗口。在高度框中输入610在宽度框中,690,然后单击确定按钮。确保生成的形状保持选中,并设置其颜色在R =35 G =31 B =32。接下来,您将需要居中,所以打开对齐面板(窗口>对齐)。设置对齐到画板(打开弹出菜单,进入显示选项,如果你不能看到对齐到部分,如图下图),请确保你的形状被选中然后只需单击水平居中以及垂直居中对齐按钮。你的正方形应该如下图所示覆盖整个画板。最后,只需按Shift键 – 控制 – 使你的矩形变黑。

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

②重新选择主要的黄色矩形,然后在外观面板上,确保整个路径被选中并添加如下图所示的四个阴影效果。

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

最后恭喜你完成该页面,以下为应该显示的结果

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

进入论坛交作业:http://www.missyuan.com/thread-706620-1-1.html

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa