当前位置: 首页 >经验分享 >AI制作logo教程(高质量讲解用图片做LOGO教程,不看后悔!)

AI制作logo教程(高质量讲解用图片做LOGO教程,不看后悔!)

2022-03-17 13:27:01 经验分享
2105 0

本文转自微信公众号:胡晓波工作室

一张照片就是一个logo。

什么,你不信?

那快上车,跟着小编保姆式的细致讲解,学习新知识吧!

ai教程


照惯例,先上一些案例让大家渐入佳境。

ai教程


好的图片跟差的图片对比,图片的关键性除了给到我们造型、构图上的参考,还有特征的提炼,以不至于凭空想象。轮廓清晰,造型明确的参考图片很重要,能一张图片解决绝不用两张图片。当然,很多时候还是需要有机借鉴,比如苦寻无果,一张图片只满足造型,但细节有所欠缺的话,就需要找到另外一张图片进行辅助借鉴。而多图片创意结合我们会在后续推出单独的一篇教程来详解(尽情期待~~)。

ai教程


错误图片参考(故意找茬式)

ai教程


该哔哔的上篇已经哔哔过。再强调一下就是,好的图片很重要,但是更重要的是我们对优化程度的把控,在发现问题跟解决问题的过程中,不断优化及取舍。更多的要点我们在实操里慢慢聊。话不多说,上操作!


ai教程


万事开头难,我就不,先来一款超级简单易上手的进行回顾,让你们感受一下设计的魅力。你们看这只bird,长得清秀脱俗,就它了。

ai教程


ai教程


这只鸟儿长得就是好,身体的造型跟层次都非常清晰,所以我这里直接用画笔就把轮廓勾勒出来,选择它本身的颜色进行填充,大效果“Duang”的一下就出来了,就是这么简单粗暴。是不是非常的简单,所见即所得。

ai教程


ai教程


这还能有啥优化,当然是曲线平滑度了,曲线平滑可以通过圆弧切割,也可以通过钢笔工具直接调整,我这里想让图形保留一定的质朴感,并没有选择将所有曲线进行几何化,只需用调整曲线进行一个平滑,不至于看起来太粗糙。

ai教程


ai教程


如果非要说咱的鸟儿有什么缺陷,那就是缺了下半身,可怜的鸟儿没有了下半身等于没有了下半生,我们当然需要给它补全……才怪!咱教程以偷懒为宗旨,补全是不可能补全的,只能加点“东方哲学”。

ai教程


绘制两个等大的方形,其中一个旋转45°,再绘制一个与外方形等大的圆,然后使用“直接选择工具”将圆形的四个节点往内拉,即可得到原研哉同款“超椭圆”。当然,这是一个相对粗暴的绘制方法,通过改变两个方形的大小对比可以得到不同的曲率。

ai教程


超椭圆的绘制方法

ai教程


身体不完整或者我们需要给到特写的时候,边框切割是非常便捷的方式。契合鸟的瘦高造型,我们将边框旋转45°会让图形在边框里更加饱满。

ai教程


ai教程


小结Tips:

元素主体:局部特写

处理手法:写实扁平风,多彩

重点:造型的概括、色彩搭配

ai教程


ai教程


我们再看来这只憨憨似的海豹,它不是海狮也不是海狗,因为它没有外耳朵,头光秃秃的,眼睛虽然合上但特别的迷离,闭着都能感受到biling~biling闪。一看就特合适做卡通logo。

ai教程


ai教程


万能法则图片垫底,用画笔先勾勒轮廓边缘,我会倾向先快速的勾勒看大体,一开始的草图草率一点没关系,但造型的感觉跟可塑性可以先看好。草图阶段还可以顺便分析哪些可以做简化,比如胡须、眉毛等。

ai教程


ai教程


ai教程


这里需要注意的有三个地方。

一是尾部,尾巴的地方比较复杂而且含糊,这里是需要有意识的进行简化处理。

二是眼睛,虽然是闭眼,眼睛闭成一条缝,线条往下垂还是往上抬,经过对比后往下垂会更有舒适感,能够更贴合本身迷离的眼神。其实很多时候都是一些误以为不起眼的细节会决定到我们的气质跟精致度。

三是脑瓜跟身体的衔接,左图的右侧增加穿插关系,会让头部跟身体造成较大的分割以及略显复杂,所以没有必要保留,这也是日常容易犯到的问题之一。

到这里,我们将线稿完成了。

ai教程


我们先来看一下完成稿。

ai教程


我们首先来看一下嘴巴,完成稿的加入了嘴巴微张的动态。

ai教程


张嘴跟不张嘴,右边的有了嘴巴红色的点缀,整体形象立马生动了起来。这是因为原本形象无论动作跟色彩都是相对平淡,缺乏一些能点亮画面的元素,头上星星的加入也是如此,同时衬托出海狮憨憨光秃秃的大脑瓜。

ai教程


加上阴影高光跟不加真的是有天壤之别。扁平极简是没有高光阴影的,也不需要,但造型会偏几何化,一般不会有透视变化,极其的简练。而卡通标志是偏具象的,是具备有透视关系,肥胖矮瘦是会受透视以及光影的变化而产生影响。


那阴影的位置该如何确定呢,比如咱们的海狮憨憨扁平化的状态就成一坨,确定阴影关系最好的办法当然不是瞎设定,而是回到原图,我们通过上图红色线条可以看到,原图本身的的立体感会形成一些分界线,也许不是所有图都会很明显,但我们需要仔细观察,那现在我们就可以快速的找到明暗面变化的形态,只要位置不差太多,保持形态,那立体感就能够塑造出来。这时候我们把灰面先绘制(下图右),原图的灰面偏右,考虑到视觉整体视觉分量,后来往左偏了一些。

ai教程


那自然而然,光源的位置就是在右上方,既然如此,就是意味着阴影只会出现在左边,甚至左下角,高光只会出现在右边,甚至右上角。这虽然听起来是很基础的问题,针对美术基础偏弱的话,没有画上几遍,上手的时候还是容易犯错。

ai教程


最后的最后,再来看一组对比,左边是减去细节点缀的(毛孔、嘴巴、斑纹、星星)。适当的添加细节是丰富立体感的又一关键技巧。ok,搞定。

ai教程


小结Tips:

元素主体:全幅

处理手法:粗描边卡通,细节点缀

重点:造型概括、阴影刻画、细节丰富

ai教程


ai教程


做完了动物,我们来看点植物花草养养眼。来看下面这张图,是不是很熟悉,有没有勾起在山边田野或碎石路边散步的美好回忆。咱用它来做一款简约类型的logo,盘它。

ai教程


ai教程


这张图片绘制草图的话多少有点做作,因为实际上这里的灵感来源是从分析图片的那一步就应该能想到。但是呢,为了让大家更加直观地看到关联性,还是大致的绘制出草图进行一个对比。


花朵是一个主体,可爱的小蜜蜂也是一个主体。两个主体相叠加必然会产生混乱,那我们尝试寻找一下关联性,通过观察比草还草的草图可以发现,花瓣跟叶子的造型很类似,蜜蜂头部跟花蕾都是圆形,发现了共性,那我们可以尝试进行创意结合。

ai教程


创意结合常常是作为一个难点,拿什么结合这本身就有无限可能,要从中找到合适的方向更难。但其实,很多时候我们不一定需要进行头脑风暴,也不需要进行思维扩散。单纯地看照片,看摄影作品,图片中自然而然会出现不止一个元素,这些元素本身就会有较大的关联性,结合一般不会有违和感,而且不用费脑子另外去想。我自己也会经常看摄影图片,这是灵感源泉之一。

ai教程


ai教程


我们来分析一下,小雏菊是八片花瓣,小蜜蜂翅膀跟身体占三片。为了简约我们折中取6片花瓣即可。

ai教程


ai教程


将小蜜蜂的身体特征结合到花瓣。

ai教程


通过缩小不重要的花瓣,减少占比,突出主次关系,主次关系可以根据复杂程度进行,越复杂的应当放大,次要的考虑缩小。

ai教程


好啦,到这里基本差不多。由此可见,这个案例看似简单,实际上操作起来,,,确实很简单。

ai教程


ai教程


主要考验的是发现问题到解决问题,精简程度的取舍。

增加两个小触角进行点题,好啦,案例完成。

ai教程


小结Tips:

元素主体:全幅

处理手法:扁平风格,创意结合

重点:找到共性、化繁为简

ai教程


ai教程


有花当然需要有草,想起家乡没有拆迁之前庭院里都放了不少盆栽,能够吸引到拆迁叔叔们光临大驾,我想就是这棵迎客松,功高至伟,功不可没。要不是买来熬夜的菠萝啤所剩无几,我能再吹一篇八百字作文。

ai教程


ai教程


不画草图那是不可能滴,想都别想我求饶。个人喜欢用画笔工具直接上,草率一点真的没关系,但要从中实现到自己的目的。绘制草图的时候就发现,盆栽的盆子也就那样,没什么好变化了,树枝也就那样,长得像树枝。那唯一能搞创作的就是叶子了。

ai教程


既然找到了突破点,那这时候就不能草率了,我们去分析一下叶子的造型。尝试提炼出一个基础图形,可以通用于所有的叶子团。

ai教程


ai教程


由此我们得到一个基础造型,然后通过发散创作,当然,这个需要也不必完全空想,可以通过再找参考去借鉴,我们可以得到更多的叶子团基础造型方向。

ai教程


我们将基础图形重新结合到草图进行尝试。感觉还不错。但是造型上面相对松散,我们直接将树干及盆子压扁,将叶子摆放得更为紧凑。可以,图形的感觉出来了。

ai教程


我们将另外的基础元素都填充进去进行尝试。

ai教程


没有问题,非常的nice,甚至已经看到了后续这款标志进行品牌延展,将这棵松树cosplay换装游戏进行到底的样子。

回到标志本身,那我们就可以挑一棵觉得顺眼的进行优化,盆子比较单调,那稍微增加一些细节。

ai教程


ai教程


加上边框,可以让整体图形更加的聚拢、聚焦。

ai教程


如果想让图形更有设计感,微设计非常的重要,比如原研哉的超椭圆。上面三个边框,第一个是普通的矩形,简约而现代,同时也是缺乏细节不耐看的表现,拉上圆角也改变不了普通,当增加内凹的造型,便有古韵气味的窗花感,设计感及细节也由此而来。

ai教程


小结Tips:

元素主体:全幅

处理手法:扁平化,几何图形概括

重点:空间把控、造型概括

ai教程


ai教程


飞禽野兽有了,花花草草有了,我想大自然对于你们已经不在话下。那怎么也得弄点静物,瓶瓶罐罐没意思,平平安安才是福,虽然挺押韵,但为什么这么对对子我也说不上来,反正顺口一溜,说到平安说到顺,少不了帆船,行,我们一起踏上这条伟大航路。

ai教程


ai教程


别问了,问就是草图。不论是船身还是拉帆的绳索,亦或是远方的孤岛,一个字——繁琐,两个字——伤心太平洋。相对于前面的案例,提炼显得更更加的重要,灵魂画手,上线。

ai教程


抓大结构尤其关键,绳索以及孤岛走开,船身我们只需要留有一个大轮廓,船帆我们保留最大的三个块面两面小旗,当然还有船杆。

ai教程


第一遍草图过后自己都看不下去,但大的感觉已经被我灵敏的脑嗅觉捕捉到,所以决定再来一遍,就是这么真实。我相信大家在设计的过程中同样会遇到这样的问题,所以我在这里原汁原味的将设计过程分享给大家。

第一遍草图觉得造型上还是繁琐了,那直接再去掉一根船杆跟小旗帜,还有船身的造型太含糊,稍微的认真了一下。

ai教程


然后就是无尽的空间优化,这里说一下思路。首先从草图上看,空间比较零散,不聚焦,基本上绝大多数实物照片转设计稿都会出现这个问题,为什么呢,因为经过了简化我们精简掉了图片中大部分的东西,所以会出现空缺。我的处理手法是直接压扁,将实物造型迷你化,非常好使。

然后尽量将每一个相邻元素曲线协调一致,要弯大家一起弯,要直大家一起直,就这么简单。还是不明白?想想拼图的镶嵌结构,想想凹凸,你凹我凸形成互补关系。

左下角还是空了,额外再补一帆。基本上差不多了。

ai教程


ai教程


我们优化的主要两大重点,我们来看上图红线的部分,第一是整体造型的走向,风帆的倾斜度基本统一,毕竟海上吹的不是妖风,所以走向应当一致。二是独立元素之间的镶嵌关系,保证空间留白的间隙相对统一。

由于时间关系细节强迫症没有发挥到位,我允许你们原谅我的草率,但道理必须得整明白!!Over!!

ai教程


ai教程


你们以为就这样结束了吗?好的,那我们第一回合结束。下面进入第二环节,好戏才刚开始。

我们把船帆以及船身拆出上下的线条,然后通过混合工具补充出中间的线条。

ai教程


将线条用画笔库中的画笔图案进行填充,这里选用的是AI里系统自带的画笔笔刷。填充-扩展-合并-根据需要微调曲线。其他几面帆以及船身也如法炮制即可完成案例。

ai教程


需要注意的有一点是,线条不宜过密,否则将大大的增加了复杂程度,既不简洁也不美观。

对了,是不是有人想问小旗子为什么反过来,明明不符合风向逻辑,那是因为美观度上更好看,其实都没有问题,这个看个人选择。

ai教程


小结Tips:

元素主体:全幅

处理手法:几何提炼、艺术画笔填充

重点:造型提炼、空间均衡、细节丰丰富程度适中

ai教程


ai教程


明明已经累成狗,但心怀家人们的我于心不忍,怎么可能就到此为止,不行,再干一个!再干一个!哪怕做条狗也行!咳咳,是血儿。

ai教程


同小蜜蜂的案例一样,假如我们想不到创意的时候,那我们就去找现成的创意,比如创意摄影图,穿衣服的猫,带墨镜的狗,比如搞怪的表情包。这里就找上了一条狗,墨镜一戴,狗比人帅。

ai教程


此只旺财关键特征还是墨镜,身体部分也是被遮挡,所以我们针对头部特写进行刻画。先找到轮廓线绘制草图,轮廓线不清晰地结合上下文(周围的轮廓、毛发、脸型结构等)进行主观脑补。

ai教程


美术基础为负数的我经过了多番尝试,发现草图!丑!爆!了!灵魂画法不奏效了,连基本外轮廓都没出来。这时候需要冷静下来,沉思,分析。

1.因为毛发的关系外轮廓没有办法从图片上得到确认,有但相对奇怪,侧脸的轮廓需要进行主观绘制。

2.额头部分很空,需要细节增加,不论是毛发还是骨骼轮廓。

3.耳朵不能受狗狗原本发色影响直接填充实色,寡淡,无趣,无细节。

4.嘴巴部分,原来一开始犯了一个致命错误,没有看清楚层次关系,忽略了狗嘴巴的凸起。

好,大的问题基本找到,我们重新出发。

ai教程


ai教程


有感觉,这才是灵魂草图该有的样子。层次以及轮廓大体已经出来。我们继续按这个方向进行优化。因为不打算再做卡通类型,所以所有的立体结构都需要通过明暗关系进行解决。

ai教程


经过不断地调整优化尝试,发现最难解决的还是嘴巴的问题。用线勾勒出嘴巴的结构还是会显得空。最终的构思是将嘴巴以负空间的形式进行体现,左边脸设定为阴影面,完美地解决,同时平衡了画面白色过多的问题。

ai教程


ai教程


即使成稿看起来很简单。实质上本案例相对来说难度最高,创意有了,但是受到毛发影响的关系,狗头轮廓需要主观绘制;耳朵跟墨镜其实是一个道理,全黑就堵掉了,所以需要加入高光,边缘光是比较好的选择,毕竟耳洞透进去可视度非常的低。

加入下巴的阴影可以稳住整体画面,墨镜跟脸部的穿插效果呼应左边的反白效果以及加强立体感。

ai教程


细节删减对比


小结Tips:

元素主体:头部特写

处理手法:扁平化,正负形,图像概括

重点:造型提炼、阴影关系

ai教程


ai教程


ai教程


ai教程


最后我再整理了一些不一定类似的案例,希望能对大家有所启发。

ai教程


好啦,本次教程就到这里了,教程案例都非常细致的进行了讲解剖析,而且我相信家人们功底绝对不会比我的灵魂画风差。看了还是我的,练了才是自己的,何不举一反三尝试一下呢。我们下期再见~


ai教程


本文转自微信公众号: 胡晓波工作室,部分图片来源网络,版权归原所有者所有,本文仅供分享交流,如有侵权,请联系我删除,谢谢!


admin
admin

评论列表(0条)

发表评论

Copyright © 2021 All Rights Reserved 版权所有 一舟讲堂