pk10走势软件 pk10开奖记录哪里下载 必中pk10计划软件 pk10自定义算法 pk10助赢免费手机软件 赛车pk10六码技巧规律 手机破解版助赢pk10 pk10彩票网导航平台 pk10公式 pk10和值稳赚法 飞艇pk10计划 赛车pk10大小规律 pk10赛车开奖记录照片 pk10全天计划精准网 pk10走势图怎么看大小 pk10号码走势图解说 天天pk10免费计划软件 pk10走势教学 pk10买法345678 西红柿计划pk10软件 pk10人工在线计划平台 pk10杀号统计分析 pk10七码稳赚 pk10技巧北京赛车 pk10开位号杀下期一码 pk10北京福利彩票 pk10专家杀号 pk10讲解选号技巧 pk10每期开奖数据 pk10两面长龙走势
当前位置: 首页 > 设计教程 > 网页设计教程 > Illustrator制作细节丰富的网页404页面

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

本教程主要使用Illustrator制作细节丰富的网页404页面,作者时不时还插播提高效率的小技巧,想练?#29575;?#30340;千万不要放过,下面让我们一起拉学习吧。

最终效果:

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

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

接下来,您将学习如何利用一个简单的路径,阴影效果和一些基本的手段来添加时尚的?#27493;恰?#20320;将会用到外观面板创建Search字?#25105;?#21450;4个黄色按钮。

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

首先ctrl+n创建新文件,从单位下拉菜单中选择像素,在宽度框中输入600,在高度框680,然后单击高级按钮,从上至下?#26469;?#36873;择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页面

② 利用直接选择工具,重新选择黄色矩形,在?#25103;?#25511;制面板中的corner选择10像素

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

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

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

④ 保证你的矩?#25105;?#28982;是被选中的,注意看外观面板,然后用添加新描边按钮增加第二个描边。选择这个新的描边,然后设置其为黑色(R= 0,G =0 B=0),从弹出的描边面板中使对齐描边向外侧对齐。

继续在该描边面板中操作,点击“不?#35813;?#24230;”,会弹出?#35813;?#38754;板,改变混合模式为柔光,?#26723;?#19981;?#35813;?#24230;为5%。

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

⑤ 使用矩形工具(M),创建一个275px *80px的形状,设置填充颜色为黑色,并把它作为第一张?#35745;?#20445;证新的形状保持选择,?#26723;?#20854;不?#35813;?#24230;为20%,改变混合模式为柔光。切换到直接选择工具(A),选择第一张图像突出了两个锚点,观察控制面板,在角落框中输入“10px”。最终显?#23621;?#35813;像在第二幅图像上。

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

⑥ 使用矩形工具(M),创建一个275 *80px的形状,设置填充颜色为黑色,并把它作为第一张?#35745;?#30830;保这?#20013;?#30340;矩形保持选中,?#26723;?#20854;不?#35813;?#24230;为10%,改变混合模式为柔光。

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

⑦ 使用矩形工具(M),创建一个275 X75像素的形状,设置填充颜色为黑色,并把它作为第一张?#35745;?#35831;确保您的新的矩形选择,?#26723;?#20854;不?#35813;?#24230;为5%,改变混合模式为柔光。

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

三、划成三个部分

① 选择编辑>首选项>指南和网格,并在网格线输入1。使用?#30452;使?#20855;(P)创建一个273像素的水平路径。将它如下图所示,并添加1px的描边然后颜色设置为R =232 G =146 B =0。

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

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

启用像素预览(视图>像素预览)。请确保您的水平路径?#28304;?#20110;选中状态,并选择效果>风格化>阴影。进入如下图所示的属性,然后单击确定。

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

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

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

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

分享到: 
文字衣橱:网页信息快速阅读设计技巧
?#31243;?#32593;页中的色彩运用
可靠的北京pk10平台
海底捞鱼游戏规则 伯恩茅斯对布莱顿历史 三重魔力APP 河北快3开奖 热火vs凯尔特人录像 河北快三走势图彩经网 仿梦工厂片头 悉尼fc主场图片 少林宝藏怎么玩 北京赛车计划群 禁忌的皇权电子游戏 巴塞罗那莱万特进球