以后地位: 首页 > 设计教程 > Illustrator教程 > AI手把手教你创造时尚多彩网站LOGO

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

前言

在做网页设计时,难免会碰到将LOGO一并设计的时候。因为客户往往很少拿本来的印刷版的LOGO再投入应用了,过时的设计也不相符新的网页作风。因此,这也给UI设计师咱咱们一项新的挑衅:怎样给网站设计新LOGO?

2015年,飞屋睿的教程开启了对付logo设计的系列,对付图形的热爱不停都很赤忱,鲜有佳作,但老是要极力。不管怎样,我把自己所学到的再分享给大家,最盼望看到的便是大家能从中受害。

这个LOGO设计来自于最通俗的几何正圆,因为英文字母的圆滑外形,颠末过程一些修饰,就能用圆形来打造出独特的文字标识效果。

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

(提醒:文章末尾供给了最终效果图的EPS文档下载)

一、绘制草图

一样平常而言,LOGO设计前,除了先要将其要传达出的信息懂得透彻外,还要在草稿纸上,反复尝试各种情势。我将这个过程称之为“找感觉”。咱咱咱们没有办法凭空就能设计出最优的版本,那么前面试错的过程尤为重要。

二、绘制线性图

草图其实只是一个后期的概念化的过程,细节则放到实际制作过程中去表示。在此,我省略了草图绘制的过程。

打开AI软件,新建一个文档,800px*600px。因为是矢量图形,因此大小可以或许或许任意。

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

利用剪刀对象,先剪掉圆的部分曲边。剪刀对象的用法十分简略,选中相应的门路,点选要剪掉的曲边部分的两端,然后再选中这个曲边,删除。

应用钢笔对象,在已有的圆形门路上对此中一些部分添加一些门路,让圆形更偏向于字母的外形。

选中统统的门路,然后将描边扩大到20pt。

三、配色

这也是我在之前就没有停止编组的原因,因此此时我要对这个LOGO停止上色。很多人都邑在制作前就已经有了配色计划。你也可以或许去到专业的配色网站Pltts(http://pltts.me),挑选一个你认为合适的配色,也可以或许来业氖詹丶信色系列(www.ifeiwu.com)看看其余的配色网站是否有你喜欢的配色办法。下图是我在配色网站里所抉择的配色。

开端上色的时候,会将现有的曲边再分拆,这时,依然可以或许或许抉择剪刀对象,只是不要再删除。另外必要相应调剂字母与字母的叠放顺序,比较快捷的办法是按住ctrl+[]来停止叠放。颠末上色修饰后的效果如下。

四、精修

或许如许的排列显得不够分外,那么,让咱咱咱们试图将这些字母靠紧一点,让它咱咱们有种拥挤的感觉。甚至有些可以或许穿过对方,营建一种交织的状况。选中相应的字母,然后用键盘的阁下键就能节制其阁下移动,这个过程傍边,可能会碰到字母的部分之间的叠放顺序会不同等,这没有相干。碰到叠加部分,我会用剪刀对象修剪掉多余的部分,你也可以或许参考我的做法。

当已经确定好地位后,咱咱咱们就选中全体图形,进入【对象>扩大】,将咱咱咱们的描边变为了填充。

这时,我想要为上图中的两个字母(黄绿色)改成渐变填色。这时,大家会发现因为这个部分已经拆为好多小的部分,叠加的次序也不尽相同,如果间接给它咱咱们编组,叠放次序就变得同等,而叠放次序的改变就会让咱咱咱们的图形发生改变。但如果不编组,图我砑右个渐变填色也是非常艰难的事。

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

添加渐变填色,咱咱咱们进入到外面面板。面板中增长一个新填色,抉择渐变色板。

对图形边缘的瑕疵停止修饰,咱咱咱们用间接抉择对象。这时可以或许利用门路查找器将全体图形修边后,再停止归并,图形的轮廓会变得平滑。

再对图形的部分做出点阴影的修饰。选中必要添加阴影的部分形状,然后复制一份。进入【效果>模糊>高斯模糊】,模糊参数在此我设置的是3.5,根据图形的大小数值会有所分歧。模糊后,将阴影放置于这个形状的下方。

另外一个部分我也如许做,不过因为刚刚我已将这个图形归并过,所以这里我可以或许复制一份后,用一个矩形去苍墼勖切这个原有的形状。让它只保留住阴影的部分。阴影做好后,还可以或许适当改变下透明度或许形状,略微旋转等。

末了,效果图实现,放上其余可以或许或许持续添加的元素。

后记:

尽量放大图形停止精修,矢量图的平滑的美感就能获得完善展现。这个用几何图形来拼凑的图案就把它放进你的灵感库吧。

分享到: 
AI字体图标简略制作
AI绘制精美圣诞花环教程
友情链接:南苑幼儿学习网  钓鱼学习网  浦东建设新闻网  辽宁中医药大学附属医院  长城设计自学网  大学生思想政治网  西安市第八十二中学  最新利率资讯网  节能消费领跑信息网  计算机安全知识网