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

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

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

        当前位置: 首页 > 设计教程 > Illustrator教程 > AI手把手教你创造时尚多彩网站LOGO

        AI手把手教你创造时尚多彩网站LOGO

        ?#25226;?/strong>

        在做网页设计时难免会遇到将LOGO一并设计的时候因为客户往往很少拿原来的印刷版的LOGO再投入使用了过时的设计也不符合新的网页风格因此这也给UI设计师们一项新的挑战怎样给网站设计新LOGO?

        2015年飞屋睿的教程开启了关于logo设计的系列对于图形的热爱一直都很赤忱鲜有佳作但总是要努力不管怎样我把自己所学到的再分享给大家最希望看到的就是大家能从中受益

        这个LOGO设计来自于最普通的几何正圆由于英文字母的?#19981;?#22806;形通过一些修饰就能用圆形?#21019;?#36896;出独特的文?#30452;?#35782;效果

        AI手把手教你创造时尚多彩网站LOGO

        (提示?#20309;?#31456;末尾提供了最终效果图的EPS文档下载)

        一绘制草图

        一般而言LOGO设计前除了先要将其要传达出的信息理解透彻外还要在草稿纸?#24076;?#21453;复尝试各种形式我将这个过程称之为“找感觉”我们没有办法凭?#31449;?#33021;设计出最优的版本那么前面?#28304;?#30340;过程尤为重要

        二绘制线性图

        草?#35745;?#23454;只是一个前期的概念化的过程细节则放到实?#25163;?#20316;过程中去表?#24103;?#22312;此我省略了草图绘制的过程

        打开AI软件新建一个文档800px*600px由于是矢?#23458;?#24418;因此大小可以任意

        使用椭圆工具画出一个80px*80px的正圆这里点选椭圆工具后在画笔上双击两下就能弹出椭圆工具对话框高度和宽度设置为相应的数字点击确定即可然后将这个圆按住ALT键复制7份排列成下图的形状

        运用剪刀工具先剪掉圆的部分曲边剪刀工具的用法十分简单选中相应的路径点选要剪掉的曲边部分的两端然后再选中这个曲边?#22659;?/p>

        使用?#30452;使?#20855;在已有的圆形路径上对其中一些部分添加一些路径让圆形更倾向于字母的外形

        选中所有的路径然后将描边扩大到20pt

        三配色

        这?#24425;?#25105;在之前就没有进行编组的原因因此此时我要对这个LOGO进行上色很多人都会在制作前就已经有了配色方案你也可以去到专业的配色网站Pltts(http://pltts.me)挑选一个你认为合适的配色也可以来我的收藏?#20449;?#33394;系列(www.ifeiwu.com)看看其他的配色网站是否有你?#19981;?#30340;配色方式下图是我在配色网站里所选择的配色

        开始上色的时候会将现有的曲边再?#26893;w?#36825;时依然可以选择剪刀工具只是不要再?#22659;?#21478;外需要相应调整字母与字母的叠放顺序比较快捷的方式?#21069;?#20303;ctrl+[]来进行叠放经过上色修饰后的效果如下

        四精修

        或许这样的排列显得不够特别那么让我们试图将这些字母靠紧一点让它们有种拥挤的感觉甚至?#34892;?#21487;?#28304;?#36807;对方营造一种交织的状态选中相应的字母然后用键盘的左右键就能控制其左右移动这个过程当中可能会遇到字母的部分之间的叠放顺序也会不一致这没有关系遇到叠加部分我会用剪刀工具修剪掉多余的部分你也可?#22278;?#32771;我的做法

        当已经确定好位置后我们就选中整个图形进入对象>扩展将我们的描边变为了填充

        这时我想要为上图中的两个字母(黄绿色)改为渐变填色这时大家会发现由于这个部分已经拆为好多小的部分叠加的次序也不尽相同如果直接给它们编组叠放次序就变得一致而叠放次序的改变就会让我们的图形发生改变但如果不编组图形要添加一个渐变填色?#24425;?#38750;常困难的事

        这里我献上我的解决办法当然你的办法或者更巧妙我将整个图形选中后用ctrl+shift+F9调出路径查找器点击“分割”也就是左下的那个小图标这样我就将这个图形四分五裂了在我们要添加渐变的这个部分里将叠放到底部被遮挡的部分抛弃将看得见的部分选择之后再编组编组后的图形点选路径查找器中的合并(即下排左边开始第三个小图标)这样添加渐变填色就不在话下了

        添加渐变填色我们进入到外观面板面板中增加一个新填色选择渐变色板

        对图形边缘的瑕疵进行修饰我们用直接选择工具这时可以利用路径查找器将整个图形修边后再进行合并图形的轮廓会变得平滑

        再对图形的部分做出点阴影的修饰选?#34892;?#35201;添加阴影的部分形状然后复制一份进入效果>模糊>高斯模糊模糊参数在此我设置的是3.5根据图形的大小数值会有所不同模糊后将阴影放置于这个形状的下方

        另外一个部分我也这样做不过由于刚刚我已将这个图形合并过所以这里我可以复制一份后用一个矩形去?#20204;?#36825;个原有的形状让它只保留住阴影的部?#24103;?#38452;影做好后还可以适当改变下?#35813;?#24230;或者形状略微旋转等

        最后效果图完成放上其他可以继续添加的元素

        后记

        尽量放大图形进行精修矢?#23458;?#30340;平滑的美感就能得到完美展?#24103;?#36825;个用几何图形来?#21019;?#30340;图案就把它放进你的灵感库吧

        分享到: 
        AI字体图标简单制作
        AI绘制精美圣诞花环教程
        ڿ¡

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