分享

手把手 教你做logo!!!

 小雨又来袭TSG 2022-07-09 发布于江苏
为了更好的协助大家吸资本家的血,丰富自己的武器库。本次教程整理了八个由易到难的 LOGO 设计方向与相应的 Ai 技法,大家可以用闯关的方式一各一个的逐个攻破,体验感会更好哦!话不多说,我们开始吧!

文章末尾另附视频版本,对步骤有疑惑的同学可以跟着一起实操一遍,嗯,是真的想教会你呢。

PS:本文所有案例均来源于网络,只用作分析技法。

图片


首先出场的是一个雪花造型的 logo,复杂的线条纹路让它看起来既神秘又迷人,虽然看起来很麻烦,但其实我们很容易就能发现它的规律性:
1. 由六个相同的单一元素旋转复制得到;
2. 线条倾斜角度均为 60 度。

OK,掌握了这个规律,我们用网格大法很轻易就可以将它绘制出来,来,上步骤!


首先我们先画出网格,用几条等距的直线,然后群组整体旋转 60 度复制左右两组,即可得到。

想要做这种倾斜角度相同的线条,网格可以帮助你更好的进行规范。


然后我们沿着网格将单一元素的路径用钢笔工具绘制出来,这里需要注意两点:一是每一个端点处最好对齐网格的点;二是有转折的地方要一笔连过来,方便后面加圆角处理。

图片


画好路径后我们将它转曲,然后添加圆角,注意添加圆角的规律,一般外圆角会比内圆角大一些,而且相同的角度一定要设定相同大小的圆角。

图片


单一元素处理好之后,我们把它沿着中心点旋转复制 60 度绕一圈,就可以得到我们想要的图形了,一般操作就是复制一个然后 CTRL+D 进行重复即可。

图片


最后添加颜色和排版就可以了。

一般越复杂的 logo 想要做的出彩,往往都需要一些规则性在里面,而网格能够很好的帮助我们去实现这种规则性。

 


图片


这是今年意大利申办 2030 年世博会的 LOGO,整体造型由罗马古城门向内进行线条发散组合而成,寓意各国文化的友好交流。这种线条混合发散的 LOGO 既简单又出效果,用混合工具即可轻松完成,下面我们来看一下在制作过程中有哪些需要注意的点。


首先我们将需要混合的部件准备好,也就是建筑的外轮廓以及大门的外轮廓。注意一定要保证左右对称,否则混合起来会十分混乱,然后下面的底部先不要连接上。


这一步需要注意下面连接处不要合并,不然会出 bug。

图片


选择混合工具,分别点击城堡和大门,将指定步数改为一定的数值,数值越大,越密集,这里设定为 35。然后就得到了向内混合发散的感觉了!

图片



混合完成之后我们扩展出来,将最外圈轮廓直接向外扩大复制出轮廓线即可。

图片


最后我们整体进行转曲,然后添加颜色就搞定了!可能有的同学会觉得这种多线混合的 logo 过于复杂,会不会不太好应用,但其实这种属于活动型 logo,并不需要用个五年十载,活动型 logo 更着重考虑当下,可以做得更个性,一切以视觉为出发点!




图片


看完了国外的,再来欣赏一下这个极具中国风的湖州城市 LOGO。这个 LOGO 的亮点在于它的正形背景部分是由不规则的水墨感条纹组合而成的,文化气息拉满的同时让图形更加活力生动,我们来看看这种非对称条纹该怎么绘制。


首先我们将椭圆部分的线画出来,第一步找到最高点和最低点,然后用混合工具进行混合,得到由曲线逐渐变成直线的过程线段。


然后手动的将各个线条扩大到椭圆轮廓的位置,并调整好粗细和间距。


到了最关键的一步了!我们将每条线的描边配置改为这个不规则的样式,在描边窗口最下面就可以找到,记得适当调整粗细保持过渡自然。

图片


然后我们把每一条线都改成这个描边样式,并将下半部分水波纹的地方也绘制出来,注意下面的地方描边可以调的细一些。

图片


画好背景后,我们将负形部分的塔形建筑放到条纹的中间,并居中对齐,改为白色。

图片


光变成白色肯定不行!我们要的是镂空!这里直接选择所有图形,然后用路径查找器里面的分割,可以将所有图形分隔开,然后用魔棒工具选择白色部分,直接 Del 删除即可。

图片


最后加入渐变色!效果就拉满了!这种非对称式的线条相较于普通的线条,更加灵活生动,也天生自带中式笔触的感觉,以后大家碰到中式 logo 的命题,可以考虑尝试一下这个风格。





这个 LOGO 在 2D 平面的基础上,融入了褶皱感 3D 立体的感觉,同时它的组合结构是类似于飘带这种飘逸柔和的造型,比普通的方形更加优美。下面我们来看看如何做这种飘逸的结构以及如何进行视觉 3D 化的实现。


其实如果你的钢笔工具玩的 6 的话,直接画也是可以的,但是相信在座的各位钢笔都不太行,甚至很多同学经常被只会 Flash 的胡晓波嘲讽,那能忍吗?这里教大家一个曲线救国之路,先画一条直线,然后选择扭曲和变换里的波纹效果,大小设为 100,隆起数改为 1,就得到了一个…emmmm,优美又不太对劲的曲线。


将这个波纹线砍掉一半,嗯,总算正常一些了。

图片


把它向下复制为六个,并适当调整一下间距。

图片


将组合好的图形向右镜像复制一个,然后放到它的下面,对齐左边的端点并连接,形成一个翅膀的感觉。

图片


然后再次左右镜像复制一遍,基本的造型就出来了。

图片


选择实时上色工具,分别按路径填充黑色部分。


最后删除掉多余的描边,并合并黑色部分,效果就出来啦!用这个方法可以做出来很多种曲折线,大家可以尝试一下,肯定可以组合出各种好玩的样式出来。





像素化风格的 LOGO 也是常年比较流行的,不光光是游戏行业,其实很多企业类的 LOGO 也可以非常好的利用像素化进行视觉呈现,很多同学只闻其名,不懂其法。下面我们用这个案例来看一下像素化 LOGO 的设计步骤。

图片


由于是企业类的 logo,在造型上就相对严谨一些,除了正常的方形,这里再给大家介绍几个常用的比例(如上图),经过比较,发现青铜比较接近于原 logo…那我们就用青铜的比例,做出王者的效果。

图片


绘制网格有两种方法,一个是画好矩形之后,选择对象→路径→分割为网格,二是直接用矩形网格工具绘制。这里因为我们提前画好了矩形,所以直接用第一种方法,行数和列数分别设为 52 和 11。

图片


画好网格之后,就可以请出我们的老朋友实时上色工具,在网格中挥洒你的创意。

图片


用实时上色工具画好之后,需要扩展一下,才能提取出画出来的部分。

图片


最后我们将网格线删除,就可以得到我们画好的图形了!纯纯矢量的像素化就这么搞出来了!这个方法是通用的,你可以通过改变不同的网格数量,来绘制不同像素块造型的图案,比如你想绘制常规的正方形像素块,那行数和列数设为相同的即可,之后就在里面进行填充色块,真真正正体验到画画的快乐!





平面构成作为设计学的基础学科,通过点、线、面三者规则或不规则的编排和组合,形成极强的抽象性和形式感,它在 LOGO 的实际应用中也非常容易出效果。这个 LOGO 就是通过线与面的结合来进行抽象创作,下面我们来看一下具体的实操过程。


第一步我们先把六边形轮廓和中间的三角形画出来,其实就相当于我们新建一张画板,在里面进行设计是一个道理。

图片


第二步我们画三条辅助线来方便后续的操作,注意这里的线都是有规律的,比如最下面的线是与三角形形成 90 度相交,而另外两条线都是沿着三角形的边进行延伸。

图片


第三步我们将下半部分的线绘制出来,具体操作如下:
1. 沿中心画一条直线,再沿六边形边画一条直线;
2. 两者进行混合,步数设为 24;
3. 左右进行镜像对称复制;

PS:这一步其实也是在画辅助线。

图片


第四步我们接着用实时上色工具,将我们需要的部分提取出来,这里实时上色工具其实就是充当了马克笔的作用,大家可以想象一下,这样比较好理解。

图片


画好其中一个部分了,剩下的我们直接旋转 120 度复制出来就可以,这里也是软件操作的方便之处,比在纸上快多了,容错率也高。


旋转之后我们发现左半边部分黑色会大出来一块,所以我们需要取消编组后,将这个部分单独置于底层,就可以了。

绘制这类 LOGO 的核心要素就是画好辅助线,同时特别锻炼人的思维和创意能力,它更像一件数学与美术结合的艺术品,当你成功完成之后,一定会成就感满满。





这一趴给大家带来的是苹果 2022 发布会 LOGO 中多层彩色混合渐变设计小技巧。既然大家都是即将拥有 iphone16 的人,那实时掌握自己手机的未来动向也是必须要做的事情。来吧!学起!

图片


第一步肯定是要先画好基本造型,不管是苹果也好,是梨也好,造型画不好,再好看的渐变也救不了你啊!

图片


然后我们先给它添加渐变色,这个大家应该都会。

图片


接着我们需要给它添加一个描边,这里要把透明度模式由正常改为柔光,并适当降低透明度,这样外轮廓不会过于生硬,能够更好的与图形渐变进行过渡。

图片


到了最关键的一步,我们将图形向内缩小复制一个,给它填充上黑色,然后用混合工具将两者进行混合,就可以得到一个由外向内逐渐消失的渐变效果了。

图片


然后我们选择比例缩放工具,向内缩小 80% 并复制出来,接着按 CTRL+D 重复复制即可。


其他几个苹果只需要更改相应的渐变配色就可以啦。


身体做完了,上面的小叶子也是用同样的方法就可以搞定了,右下角另一个版本的用相同的做法也同样能够实现,但是想要完全还原它的投影效果可能要用到 AE 插件来完成,这里挖个小坑,感兴趣的同学可以尝试一下。




图片


东京奥运会作为史上极具争议的一届奥运,带来了不少热点和话题。相较于它鬼畜的开幕式和一些莫名其妙的的比赛细节,它的 logo 却实实在在的堪称顶尖硬货。由很多很多不规则的小方块堆积而成,看似琐碎无章法,但其实拥有极强的数学逻辑和艺术美感,下面我们就来看一下它的设计过程。

图片


看到这个图,是不是就能瞬间明白一些东西了?原来确确实实是有规律的,所以我们只需尝试画出其中一个部分,剩下的重复复制即可。

图片


先画出一个十二边形,然后复制一个旋转 90 度,将它们进行居中对齐,这里需要手动调整一下大小,保证里面的顶点对齐到外面的边上,中间我们画一个小圆,方便后面找到中心点。

图片


这一步我们先在最上面画出三个菱形,具体操作如图。


然后再找到中间部分,一样通过已经存在的三角形来进行旋转 180 度复制,之后合并出新的菱形。

图片


和之前一样的手法,一样的配方,继续画菱形...

图片


继续拼贴菱形,不过新加入的红色部分和之前的黄色部分是重复的,所以我们直接复制过来就可以了。

图片


继续增加红色部分菱形,具体操作步骤如图。

图片


右边再添加最后一块菱形,这一部分就算完成了!

图片


下一步我们需要找到各个边的中心点,将它们进行连接,这里给大家安利一个比较常见的小插件(百度搜索 Ai 插件很多下载地点,由于版权问题就不直接分享了)里面的等分路径可以快速帮你定位到线段的中心点。另外里面还有很多其他的野路子,大家可以自己慢慢玩。

图片


找到中心点之后(如上图左)就可以将它们分别连接起来,画出方块!如果说之前的几步完全不知道在干嘛的话,那么到这一步是不是有种豁然开朗的感觉?

图片


后将画好的部分绕中心旋转一圈,再删除掉外轮廓线,终于完成了…头发掉了好多…向大师们致敬,salute!这个方法其实也是平面构成中的一种,大家可以跟着自己做一遍,一定会有自己的收获。

Okkkkk,那么今天的教程到这里也就结束了,不知道你们能攻克到第几关呢?临摹不是目的,学会举一反三才是最重要的。觉得意犹未尽的朋友抓紧跟着下方视频版本再来温习一遍!!总之,是很感谢今晚的相伴,感谢三连支持,朋友们,giao 辞!

图片

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多