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

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

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

        当前位置: 首页 > 设计教程 > 图标设计教程 > Illustrator创建立体风格的黑胶唱机图标

        Illustrator创建立体风格的黑胶唱机图标

        在下面的教程中您将学习如何在Adobe Illustrator创建黑胶唱机图标首先使用简单的网格与网格对齐等基本的工具创建黑胶唱机的主要形态然后将学习如何创建一个复杂的网格渐变使用混合工具创建一个简单的混合物;利用现有的网格进行路径偏移的效果;您将会创建一个唱针和一个小旋钮最后充分利用外观面板您将学习如何添加阴影高光以及增加形状的层次?#23567;?/p>

        先看效果:

        Illustrator创建立体风格的黑胶唱机图标

        1. 创建一个新文件并设置网格

        Ctrl+N创建600px*600px的新文档RGB模式;屏幕(72ppi)并确保“使新建对象与像素网格对齐”没有被勾选点击确定

        启用网格(视图>显示网格)与网格对齐(视图>对齐网格)首先设置网格线间隔为5px次分割线数值为1(编辑>首选项>参考线和网格);打开信息面板(窗口>信息)实时预览形状的大小和位置不要忘记设置单位为像素(编辑>首选项>单位 )所有这些选项会大大提高你的工作效率

        Illustrator创建立体风格的黑胶唱机图标

        2. 创建主形状

        步骤1

        选择矩形工具(M)创建一个250px的正方形设置其颜色为R=196G=154B=108(对齐网格会减轻你的工作)

        接下来打开对齐面板(窗口>对齐)设置对齐画板(打开的弹出菜单中去显示选项如下图所示)选中创建的正方形单击水平居中对齐垂?#26412;?#20013;对齐按钮最后在图层面板中对该图层双击重命名为“main”然后锁定该图层以确保你不会意外地选择/移动它(窗口>层)

        Illustrator创建立体风格的黑胶唱机图标

        步骤2

        设置填充颜色为白色选择椭圆工具(L)创建一个180px的正圆然后在对齐面板上点击水平居中对齐垂?#26412;?#20013;对齐按钮(记得对齐画板哦)重命名为“vinylshadow”然后锁定图层

        Illustrator创建立体风格的黑胶唱机图标

        步骤3

        这一步你需要将网格线间隔设置为1px(编辑>首选项>参考线和网格)在褐色正方形的左下角使用椭圆工具(L)创建?#26412;?#20026;24px的正圆如下图所示在图层面板上双击新建图形命名为“knobshadow”然后锁定

        继续在正方形的右上角创建第二个?#26412;?#20026;24px的正圆位置如图2所示将其重命名为“armshadow”然后锁定

        Illustrator创建立体风格的黑胶唱机图标

        3. 创建的黑胶

        步骤1

        再次设置网格线间隔为5px(编辑>首选项>参考线和网格)用椭圆工具(L)创建一个160px的正圆然后在对齐面板上点击水平居中对齐垂?#26412;?#20013;对齐按钮

        选中新图形打开渐变面板(窗口>渐变)应用默认的渐变数值选择径向渐变右侧滑块设置为黑色(R=0 G=0B=0)左侧滑块设置在白(R=255G=255B=255)确保选中该图形设置对象>扩展点击确定

        移动到图层面板你会发现一个新的组选择它取消编组(Shift+Ctrl+G)Alt+Ctrl+7(对象>剪贴蒙版>?#22836;??#22836;?#29616;有蒙版

        Illustrator创建立体风格的黑胶唱机图标

        步骤2

        图层面板中你会发现一个没有填充也没有设置任何效果的160px正圆选择它?#22659;?键盘Delete);然后你会?#19994;?#19968;个简单的网格选中网格并打开变换面板(窗口>变换)点击“约束宽度和高度的比例”按钮在宽(或高)中输入160px继续选中网格将其填充色设置为黄(R=255G=221B=23)

        Illustrator创建立体风格的黑胶唱机图标

        分享到: 
        Illustrator绘制逼真的美国队长盾牌图标
        Photoshop绘制立体质感的电池ICON图标
        ڿ¡

        <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>