以后地位: 首页 > 设计教程 > 网页设计教程 > Illustrator制作细节丰富的网页404页面

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

本教程重要应用Illustrator制作细节丰富的网页404页面,作者时不时还插播提高效力的小技能,想练下手的千万不要放过,下面让咱咱咱们一路拉学习吧。

最终效果:

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

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

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

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

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

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

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

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

二、制作主体形状

① 抉择矩形对象(M)。点击填色(X),然后抉择填充并将其色彩设置在R =252 G =186 B =3,点击填充后面的描边并抉择无。然后创建一个275 x 400px的矩形。矩形对齐网格会便利你的操纵。

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

② 利用间接抉择对象,从新抉择黄色矩形,在上方节制面板中的corner抉择10像素

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

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

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

④ 包管你的矩形依然是被选中的,注意看外面面板,然后用添加新描边按钮增长第二个描边。抉择这个新的描边,然后设置其为黑色(R= 0,G =0 B=0),从弹出的描边面板中使对齐描边向外侧对齐。

持续在该描边面板中操纵,点击“不明度”,会弹出明面板,改变混合情势为柔光,低落不明度为5%。

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

⑤ 应用矩形对象(M),创建一个275px *80px的形状,设置填充色彩为黑色,并把它作为第一张图片。包管新的形状对峙抉择,低落其不透明度为20%,改变混合情势为柔光。切换到间接抉择对象(A),抉择第一张图像特出了两个锚点,观察节制面板,在角落框中输入“10px”。最终显示应该像在第二幅图像上。

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

⑥ 应用矩形对象(M),创建一个275 *80px的形状,设置填充色彩为黑色,并把它作为第一张图片。确保这种新的矩形对峙选中,低落其不透明度为10%,改变混合情势为柔光。

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

⑦ 应用矩形对象(M),创建一个275 X75像素的形状,设置填充色彩为黑色,并把它作为第一张图片。请确保您的新的矩形抉择,低落其不透明度为5%,改变混合情势为柔光。

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

三、划成三个部分

① 抉择编辑>首选项>指南和网格,并在网格线输入1。应用钢笔对象(P)创建一个273像素的程度门路。将它如下图所示,并添加1px的描边然后色彩设置为R =232 G =146 B =0。

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

② 接下来,你必要确保你的程度门路是完全对齐像素网格。取消抉择它,效果>扭曲和变换>变换。垂直拖动滑块0.5px,然后单击确定。

启用像素预览(视图>像素预览)。请确保您的程度门路仍处于选中状况,并抉择效果>作风化>阴影。进入如下图所示的属性,然后单击确定。

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

③ 抉择编辑>首选项>指南和网格,并在网格线输入5。应用矩形对象(M),创建一个275 *10px的矩形,确保它没有设置描边色彩,然后抉择填充.

打开渐变面板(窗口>渐变),然后点击渐变缩略图默认的黑色到白色的线性渐变。对峙你的矩形被选中,然后注意看渐变面板。设置角度为0度,然后抉择黑色的渐变滑块,然后换上白色(R =255 G =255 B =255)。此时注意渐变条,点击它来添加一个新的渐变滑块。抉择这个新的滑块,设置它的色彩为黑色,会合在地位框中(从渐变面板),并将其设置为50%。

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

分享到: 
文字衣橱:网页信息疾速阅读设计技能
浅谈网页中的色彩利用
友情链接:佛山培训新闻网  碎石土地知识网  中国工程建筑网  嵊州宣传网  新疆雅美美容资讯网  智利华人中文网  大众健康网  山东生态农业新闻网  连接科技资讯网  南京鞋业新闻网