<dd id="rcs5i"><tr id="rcs5i"></tr></dd>
    <div id="rcs5i"></div>

    <div id="rcs5i"></div>

      1. <div id="rcs5i"></div>

        当前位置: 首页 > 设计教程 > 网页设计教程 > 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= 0G =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;页中的色彩运用

        ?#35753;?#25512;荐

        ڿ¡

        <dd id="rcs5i"><tr id="rcs5i"></tr></dd>
          <div id="rcs5i"></div>

          <div id="rcs5i"></div>

            1. <div id="rcs5i"></div>

              <dd id="rcs5i"><tr id="rcs5i"></tr></dd>
                <div id="rcs5i"></div>

                <div id="rcs5i"></div>

                  1. <div id="rcs5i"></div>