作者:高白天
又到了强制自己学习的韶光了!
没办法,现在全体经济这么不景气,再不好好努力,碗都买不起了…况且作为一个设计师,你不学习不加班你还能干啥,难道你还能有女朋友?TAT 好了,咱们不 emo,咱们学起来…
这篇教程整理了八个比较常用的 LOGO 在设计中的表现手腕以及相应地所用到的 AI 工具,它们分别是:
1. 字母稠浊发散 LOGO(稠浊工具)
2. 球形环抱式 LOGO(3D绕转)
3. 繁芜纹路 LOGO(形状天生器工具)
4. 扭曲抽象 LOGO(封套扭曲建立)
5. 重复变换式 LOGO(扭曲和变换)
6. 立体渐变 LOGO(绘制立体图形常用手腕)
7. 彩色半调 LOGO(彩色半调的用法)
8. 用黄金比例圆设计 LOGO(黄金比例圆制作运用)
由于是讲技法的东西,以是诚挚建议看完之后要至少对照着做一遍,由于不做约即是白看!
避免在评论区看到眼睛会了手不会等负面信息
,好了,下面我们就开始吧!
ps:对图文不太感兴趣的朋友可以去第二条不雅观看视频版本,总之,不许可任何人有任何情由不学习!
!
我们先来剖析一下这个事情 LOGO:
1. 基本形状为字母 D;
2. 一大一小、一长一短均匀地进行向外发散渐变。
如果我们把一大一小、一长一短分别单拿出来,都是比较方便做出来的,先做出两个不一样的线然后绕着 D 的外轮廓稠浊就好,但是同时知足这两个条件的话,就须要采纳其他的办法,ok,下面我们来看一下演示步骤。
第一步,我们先把字母 D 的外轮廓画出来,直接用一个方形右边拉圆角即可!
然后我们选择【工具】➡️【路径】➡️【偏移路径】,数值改为负数,向内缩小复制一个。
将里面的 D 左边断开,并连接到表面的 D 里面。
用上面同样的方法再次向内整一个小 D。画好后我们就可以直接删掉它了…不是,删一半就行,由于图形是高下对称的,我们先画一半直接镜像!
可以事半功倍,能偷
画完这三条线有啥用呢?不急,我们先从最表面的入手,先在旁边两个端点处罚别画一大一小的圆。
然后对这两个圆进行稠浊,用【稠浊工具】分别点击两个圆,指定步数改为 9,然后再【更换稠浊轴】,就可以让圆心沿着我们画好的路径进行大小重复排列。
然后我们在最小的线的两头端点处罚别画一个很小很小的圆,再次实行前面同样的操作,稠浊 9 步,更换稠浊轴。
然后我们分别让上面的大圆对下面的小圆进行稠浊,步数给的大一些,这样就会涌现发散效果的图形啦。(别忘了先扩展和取消编组)
那一大一小的发散该怎么实现呢?这就用到了我们第二根线了,我们分别把单数稠浊上面的圆向下移动到第二根线上,然后调度一下间距,就搞定了!
画好一半了,直接镜像复制一下,整体就出来了,然后我们给每一根线添加上渐变色。
末了加上排版就搞定了,这个 logo 的难点在于他是一大一小地进行发散,以是直接用单个线来稠浊达不到这个效果,以是我们就采纳单一作战模式,用同样的方法,选择不同的稠浊工具,会实现不同的效果。
红点奖作为天下三大设计奖之一,一贯以来都是设计师们梦寐以求想要得到的奖项,它的 logo 大家该当都很熟习,但这种球形环抱式 LOGO 很多同学都不知道该当怎么实现,ok,下面我们就来设计一个红点奖颁给昼夜操劳却依旧菜 b 的自己…
首先第一步我们先画两条相等长方形,个中第一个添补为赤色,第二个去掉添补色和描边。
然后我们就向下复制多个,但也不用太多,给太多不好的…
之后调出符号窗口,将这个图形编组后整体移动到符号窗口里面,也可以取一个好听的名字,虽然没什么用。
放完后先不管它,我们额外画一个圆形,把稳用描边模式,之后砍掉它的一半。
选择【效果】➡️【3D】➡️【绕转】
先选择【贴图】,将符号部分改成我们刚才设置的图形,然后点击【缩放适用】及【三维模型不可见】,可以适当拉高拉宽,之后确定回到绕转页面,拖动左边的方块变动它的绕转方向,然后选择下方【表面】改为无底纹。
得到新的图形之后,是漫长的取消编组和扩展,多操作几次,你就可以得到下面两个部分。
将他们居中对齐,然后给下面的图形增加一个渐变,这样效果就出来了!
末了便是变动一下细节了,将上面和下面的部分可以单独切一下,做出一个角度。ok,基本的方法便是这样啦,虽然终极效果和红点的缘故原由 logo 不太一样,有点像破产版,但没办法,想得到真正的红点奖,还得靠你自己的努力!
!
!
我们在碰着相比拟较繁芜的图形的时候,一样平常就会用到形状天生器工具,它可以通过合并或删减大略形状创建出繁芜的形状,节制了这个工具,可以说你的 logo 就多了无数种可能性。下面我们通过一个看起来比较繁芜的案例来演示一下如何利用它!
越是看似繁芜的东西,每每越具备一定的规律性,我们看一下这个图形,可以创造它是由一个部件通过旋转复制得到的,如下图:
以是我们只须要把这赤色部分先绘制出来,就很随意马虎画出来了!
我们看一下操作步骤。
第一步先画出他的网格,先画出横线部分,再倾斜 60 得到右斜线,然后将右斜线镜像复制出左,末了三组居中对齐。
接着我们画出它的圆形框架,把稳与线段的对齐关系。
ok,这样就把所有的网格线全部绘制好啦!
这个时候就可以回到开始的时候讲的,我们只绘制那六分之一的图形即可。选择【形状天生器工具】按住 alt,将多余的线删除(记得提前复制一份圆备用)。
得到这个图形后,我们将它描边加粗一些,然后扩展,之后绕大圆心旋转 60 度复制一圈(为了方便切割,我们把线往外延伸一些)。
这时候我们再次请出形状天生器工具,一是将大圆外圈的部分删掉,二是将内部闭合的地方添补上。
末了我们再在中间连接一个矩形色块,就做好啦!
为了充分表示形状天生工具的强大功能,特意选了这么个繁芜的 logo,真是累瞎了我的狗眼睛… 总之总之,形状天生器工具的浸染有很多,可以提取闭合图形,可以删除多余图形,线或者面都可以进行操作!
我们无论是在做 logo 还是做赞助图形的时候,这种异形扭曲空间图形真的很常见,它们看似繁芜,其实用一个工具就可以搞定,便是封套扭曲工具。
他一共有三种表现形式,第一个是用变形建立,也便是我们在效果中看到的旗形、波形、鱼形等,常用于笔墨;
第二种是用顶层工具建立,比如先画一个苹果,然后打上笔墨先容,用这个建立就可以让笔墨扭曲成苹果的形状;
而第三种,用网格建立,是可控性非常强的扭曲变形,我们通过建立网格体系产生大量的锚点,拖动任意一个都可以产生不同的变革,下面我们就用这个方法来做一下这个 logo。
第一步,我们先画一个长方形,向下均匀复制多个,形成多个等距的长条。(也可以用稠浊工具)。
第二步,给图形添加渐变色。
第三步,我们选择图形,实行【工具】➡【封套扭曲】➡【用网格建立】,行数和列数均设为 1。
然后便是关键的一步了,我们用直接选择工具(A)拖动调度网格的锚点和手柄,得到一个扭曲的图形(如下图 1234 各点的位置变换)。
调度完之后将图形扩展,用形状天生器工具将中间重合多余的地方删掉(按住 alt 删除)。
ok,末了加上排版,一个通过扭曲得到的抽象鸟 logo 就做好了,这个方法基本的套路便是这样了,紧张在于锚点摇杆的调节和把控,其余,在设置网格半径时,数值越大,可操作的空间及难度也就越大,大家可以多去试试看。
参加过波波品牌课的同学们该当都知道,这类 logo 便是贵为九大构成之一的重复构成!
由于特有的重复性和规则性,使它呈现出来的效果会很高等很实用。但是我看很多同学在做的时候都是单个的缩小放大摆放…这样每每是很不标准的,下面给大家安利一个简便高效的方法!
首先第一步我们还是先把根本图形画出来,用钢笔工具勾一个造型即可,把稳线条要丝滑一些!
然后便是重点部分了,我们选择【效果】➡️【扭曲和变换】➡️【变换】依次调度一下的参数(参数不是固定的,要打开预览根据自己的实际情形来设置)
缩放:掌握变换的大小比拟
移动:掌握变换的路径方向
旋转:掌握变换的路径角度
副本:变革添加的图形数量
ok,调度完后就可以得到下面这个造型了!
然后我们给它添加颜色啦,这里再来一个快速设置渐变色块的办法,先做好最深色和最浅色,然后用稠浊工具很随意马虎就做出来了。
做好颜色后我们就一个一个的给它上色就可以了。
末了加上底色和排版就搞定啦!
变换这个方法真的非常好用,非常适宜重复构成的 logo,这里给大家留个小作业,可以用这个方法试着自己做一下华为的 logo。
立体 logo 每每拥有比纯扁平 logo 更加良好的视觉展示,在色彩上也更多利用渐变色进行搭配,使其更具吸引力。
但是实现起来往往比扁平 logo 要困难的多。下面我们通过这个案例来演示一下绘制立体 logo 常用方法。
先大略剖析一下:
由三个立方体堆积搭配渐变色形成视觉错位感,ok,我们第一个思路便是先从单个立方体入手,下面我们就来绘制一下立方体。
首先我们画一个正方形,大小给到 80px(也可以是其他数值,但要记住这个数值)。
点击【效果】➡️【3D】➡️【凸出与斜角】,实行三步操作:
1. 将位置改为等角上方;
2. 凸出厚度改为 80 的两倍也便是 160;
3. 表面材质选择无底纹。之后点击确定。
这样一个根本立方体就涌现啦,为了方便后面的操作,我们可以换成描边模式。然后通过这个立方体进行旋转,分别旋转 -30、-150,90 度得到三个不同倾斜角度的立方体。
将他们组合在一起,然后用形状天生工具绘制出错位感。
再依次给每个面添加上渐变色,就完成啦!
那除了这个方法还可以怎么做呢?假设我们已经画好了草图,在草图的根本上绘制 3Dlogo 的时候,可以利用网格大法!
可以看到这个图形的斜边是直线倾斜 30 度来完成的,那我们就可以用这个角度先把网格绘制出来。
然后通过网格可以直接用【形状天生工具】或【实时上色工具】将视觉错位之后的图形绘制出来,省去了 3D 的步骤。
之后就和第一种方法一样添加渐变就完成了,这个方法比较适用于在已经有草图或想法的根本上来绘制,会更精确更快捷,如果是想纯挚的绘制立体图形,那还是更多的用第一种 3D 凸出与斜角的办法。
这是环球市场调研咨询公司 PRS IN VIVO 推出全新品牌 LOGO,相信大家看到它该当不会陌生,没错,它便是利用了彩色半调效果来进行视觉设计。它会帮你天生一个波点圆形点阵,呈现出一种像素化觉得,同时也是波普艺术中主要的变现形式,下面我们就看一下如何做出彩色半调效果的 logo。
我们在进行设计前,先新建一个 cmyk 模式的画板,分辨率也给的大一点。
我们画一个正圆,给它添加一个黑白渐变。
将渐变模式改为径向渐变,再点击反向渐变,再将玄色部分改的轻微灰一点,得到一个新的渐变圆形。
然后我们就用这个图形进行彩色半调。【效果】➡【像素化】➡【彩色半调】
那么如何掌握点阵中原点的排列疏密和数量呢?
我们在进行彩色半调的时候,会添加一个半径参数,这里数值就决定了点阵的数量(也可以随便输入一个数值,然后放大缩小圆形进行掌握)而疏密程度,则是由一开始我们给予玄色的黑度所掌握的,越黑越密,越浅越疏。
OK,调度完参数后,我们将它变成矢量图形。详细操作为:
1.【工具】➡【栅格化】
2.【图像描摹】➡【黑白徽标】➡【扩展】
这样一个矢量的彩色半调圆形点阵就做好了,之后添加一个粗一点描边的圆框,将圆框与之前的圆重复部分用形状天生工具提取出来,删除多余的波点,再添加渐变和笔墨排版,就得到了这个 logo 图形。
彩色半调不仅仅局限于圆形哦,其他任何形状都可以用这个方法进行点状像素化,还烦懑去试试?
上面这些图,虽然可能没有见过,但大家一定都不会太陌生,是的,上面的图形都是用黄金比例圆来完成的,只假如做过 logo 有一定时长的同学就一定会打仗。我也曾经碰着过好多次客户直接在设计需求中点出了要用黄金分割比例做设计图形…至于它为什么好看,那不是我们本日所研究的,本日只卖力教会你该怎么用!
工欲善其事,必先利其器。想要用黄金比例来绘制图形,那首先你得把黄金分割比例的圆先做出来,这里先容两种比较方便快速的绘制方法:
第一种是黄金比例分割,也便是通过绘制 0.618 倍数的多个图形,如下图。
但是我们在实操中没有必要用这么规整的来方形堆积来绘制,只需用一个工具就可轻松搞定!
双击【比例缩放工具】,等比数值改为 61.8%,点击复制。
这样就得到了 1:0.618 的两个圆啦,我们只需按住 CTRL+D,重复复制多个,一个黄金比例圆就画好了!
第二种方法是利用斐波那契数列绘制。斐波那契数列指的是:1,1,2,3,5,8,13,21,34,55,89…这样从第三项开始,每一项都即是前两项只和。换算成设计措辞的话便是这么个图形:
我们用这个构造,把每一个正方形都换成圆形,组合起来便是一个黄金分割比例的圆形环。
以上两种方法哪一种都可以!
灵巧利用!
下面我们就用画好的黄金比例圆来绘制 logo。
首先,你得先画一个草图…纸上或者 PS 都可以,将它垫底。
然后我们把黄金比例圆放进来,把稳不要随意放大缩小,先整体编组,将最大的圆环对准图形最大的弧线部分,之后就可以将剩下的圆进行逐一对应摆放了。(可无限重复利用,一些小细节可以适当拉大拉小一点点)
摆完之后我们用【形状天生工具】或【实时上色工具】,将切割得到的大象绘制出来!
黄金比例固然好,但是我们在设计的过程中不能过度的去依赖它,毕竟无论你用不用它,只要 logo 是好看的,那就有代价!
PS:不过它确确实实能够为你的提案加分…很多客户都吃这一套,嘘…
好勒,八个案例全部完事了,不知道大家接管的怎么样,实在虽然分了八个方向,但有很多技法都是相互通用的,而且AI中隐蔽的小技法远远不止这些,相信随着一起实操过来的你,一定可以丰富自己的武器库,给自己的LOGO作品集,增长一大波可能性!
好了,做 AI(Adobe illustrator)也做的有些累了!
记得实操!