• 【学习时刻】农大校长柯炳生:推进农业供给侧改革,夯实“固本安民之要” 2019-06-24
  • 你的第一段就认识错误。中国人如果认为神赐就能有幸福,就不会有后羿射日精卫填海愚公移山的故事了。中华文明世界观推导出的方法论就是八个字,事在人为,人定胜天。 2019-06-22
  • 【北京宝泽行车型报价】北京宝泽行4S店车型价格 2019-06-19
  • 伊春市纪委监委通报7起违反中央八项规定精神的典型问题 2019-06-19
  • 海南第二批高考照顾加分名单公示 共六类10657人 2019-06-15
  • 让城市发光,翼搏用最in的玩法定义年轻态 2019-06-15
  • 端午节为什么又叫女儿节? 2019-06-14
  • 一幅好的古画会“讲故事” 正如《汉宫秋图》 2019-06-14
  • 人民网评:真实才是旅游景点的核心竞争力 2019-06-11
  • 赞扬和推荐看着就想笑文章《如何制订企业发展计划》 2019-06-11
  • 探访乌镇:第四届世界互联网大会各项筹备工作就绪 2019-06-10
  • 回复@不能这样啊:那你不是可以啥事不做天天甩起手耍?你自己不求上进还不准别人有所追求么? 2019-06-10
  • 一语惊坛(6月8日):友谊勋章是给国际友人的最高荣誉。 2019-06-07
  • 安徽网记者实拍2018全国高考合肥现场 2019-06-07
  • 都在说闪崩,还有哪些高危公司需警惕 看看这份名单…… 2019-06-07
  • 体彩排列三走势图
    当前位置: 体彩排列三走势图 > 设计教程 > 网页设计教程 > Illustrator制作细节丰富的网页404页面

    浙江快乐12开奖结果:Illustrator制作细节丰富的网页404页面

    体彩排列三走势图 www.ownvi.com 本教程主要使用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页面

    分享到: 
    文字衣橱:网页信息快速阅读设计技巧
    浅谈网页中的色彩运用
  • 【学习时刻】农大校长柯炳生:推进农业供给侧改革,夯实“固本安民之要” 2019-06-24
  • 你的第一段就认识错误。中国人如果认为神赐就能有幸福,就不会有后羿射日精卫填海愚公移山的故事了。中华文明世界观推导出的方法论就是八个字,事在人为,人定胜天。 2019-06-22
  • 【北京宝泽行车型报价】北京宝泽行4S店车型价格 2019-06-19
  • 伊春市纪委监委通报7起违反中央八项规定精神的典型问题 2019-06-19
  • 海南第二批高考照顾加分名单公示 共六类10657人 2019-06-15
  • 让城市发光,翼搏用最in的玩法定义年轻态 2019-06-15
  • 端午节为什么又叫女儿节? 2019-06-14
  • 一幅好的古画会“讲故事” 正如《汉宫秋图》 2019-06-14
  • 人民网评:真实才是旅游景点的核心竞争力 2019-06-11
  • 赞扬和推荐看着就想笑文章《如何制订企业发展计划》 2019-06-11
  • 探访乌镇:第四届世界互联网大会各项筹备工作就绪 2019-06-10
  • 回复@不能这样啊:那你不是可以啥事不做天天甩起手耍?你自己不求上进还不准别人有所追求么? 2019-06-10
  • 一语惊坛(6月8日):友谊勋章是给国际友人的最高荣誉。 2019-06-07
  • 安徽网记者实拍2018全国高考合肥现场 2019-06-07
  • 都在说闪崩,还有哪些高危公司需警惕 看看这份名单…… 2019-06-07
  • 如何看pk10彩票走势图 好运快3计划群 平特精料版 中国体育彩票中奖信息s 混合过关让球怎么算赢 贵州快三开奖结果查询昨天 陕西11选5热四码 915棋牌游戏中心 北京快中彩开奖走势图 7位数复式有多少组 p3试机号后预测 公开二肖中特 26选5什么时候开奖 2019六肖中特期期准王中王 河北20选5复试计算