设计思路教程!如何用一张照片衍生6套LOGO方案?

时间:2021-03-21
类别:其他教程
水平:入门
观众:1.2w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

教程作者:阿成(胡晓波工作室出品)

交作业:#优设每日作业#

话不多说,直接进入我们的主题。

复杂与简约,具象与抽象,写实与几何。听起来完全相反的词语,实际上在LOGO运用中不过是不同的表现手法而已,那这之间有什么联系,两两之间是如何的转化,今天的教程教会你!

基于具象写实与抽象几何之间的两个角度、风格形式的角度的讨论,我们以一个案例实操进行示范,如何在这两者之间进行切换,我们从造型提炼出发,以一张照片衍生出6个LOGO。

设计思路教程!如何用一张照片衍生6套LOGO方案?

主要掌握精髓,举一反三,十个、千个方案不在话下,让我们来看正式内容。

设计思路教程!如何用一张照片衍生6套LOGO方案?

一、具象造型提炼

我们先来尝试做一个具象的,通过粗糙的轮廓尽量将女主角的造型还原,由此来刻画出我们第一款LOGO。来看一下今天的女主角~

设计思路教程!如何用一张照片衍生6套LOGO方案?

不可忽略的一步,在前期找参考图片的时候,元素或者人物本身的造型一定要美观而且协调的!缺少必要条件,最终的结果会很难把控。前期找参考千万不能忽视。

设计思路教程!如何用一张照片衍生6套LOGO方案?

接下来我们可以用画笔工具直接对照片进行描摹,绘制出大致的轮廓即可,后续可以再微调细化。照片最好是能够找到完整无裁切的,这样更有利于我们了解到完整的造型。

这里我选用的照片虽然有裁切,但已经被美女深情的眼眸深深吸引而无法自拔,没关系,头顶部分脑补绘制即可,如果脑补出来的是秃头,那你很有资深设计总监的资质。

设计思路教程!如何用一张照片衍生6套LOGO方案?

‍绘制的时候需要注意哪些细节该保留,哪些繁琐的部分该合并做融合,做减法,主要遵循大结构,小细节的原则即可。

1.像头发发丝部分,这种大面积的结构,尤其是毛发类型可以直接合并成面,比如眉毛,嘴巴,或者胡子同理;
2.然后到细节部分,主要会针对于五官,尤其是眼睛部分,这种地方我们就需要换一种形式来表达,只用面会丧失过多细节导致含糊,在这里我们做一个线面结合,眼睛、睫毛、鼻子部分用线描绘出轮廓即可。

设计思路教程!如何用一张照片衍生6套LOGO方案?

将人物大体造型绘制出来后,这之后会发现脸部相对比较空,而且嘴巴也过于死板。为了丰富细节,我们可以再次仔细观察照片,发掘细节运用到我们的画面设计中,比如:

1.脸部的色斑,痣以及腮红,色斑有点缀性,所以这里我们可以将色斑绘制上,提高辨识度增加一点美人痣。
2.嘴巴过于死板,那使用同样的手法绘制出高光即可。
3.描摹照片只是我们的灵感来源,更多的创意结合完全可以自拟设定,比如这里我们在头顶上插一朵鲜花,增加记忆点。

设计思路教程!如何用一张照片衍生6套LOGO方案?

大体造型出来后,如果觉得细节不够丰富也可以继续添加一些细节,以及调整一些不舒适的地方。最后我们可以添加一个排版。

设计思路教程!如何用一张照片衍生6套LOGO方案?

设计思路教程!如何用一张照片衍生6套LOGO方案?

这样我们第一个通过基础描摹造型提炼的LOGO方案就出来了。难度很小,建议大家都可以尝试练一练!~

设计思路教程!如何用一张照片衍生6套LOGO方案?

二、面构成造型提炼

上组方案是由线面结合构成,那能否尝试用纯面去表达我们的LOGO图形呢?答案当然是可以的,用同样的方法绘制初稿。

设计思路教程!如何用一张照片衍生6套LOGO方案?

设计思路教程!如何用一张照片衍生6套LOGO方案?

既然上组方案我们采用了较为粗犷的画风以及造型塑造,那我们在这组方案中尝试精细化曲线,以体现精致感。

所以头发部分我们可以再一步进行简化。发叉及发丝部分通过弧度进行合并即可,其他部位同理。

设计思路教程!如何用一张照片衍生6套LOGO方案?

将草图进行弧线优化,平滑曲线的走位,体现精致以及完整度。与线面结合方案不一样的地方在于面部完整度的表达。

1.头发、发丝进行块面性的概括。
2.基本按照人物暗部阴影进行五官概括。
3.描绘脸颊及下巴部分的轮廓面,才能表达完整的脸部。
4.眼睛绘制上部轮廓、睫毛、瞳孔绘制即可。
5.绘制完整鼻子部分会显得死板,保留下方阴影以及鼻梁与眼睛交界处部分阴影。

设计思路教程!如何用一张照片衍生6套LOGO方案?

同样的,人物大体造型绘制完毕,但脸部部分还是略显空旷,留白过多,上组通过雀斑用丰富细节,这次我们换一个解决方案,尝试结合明暗交接过渡来解决这个问题。这里面我们绘制出类似半调效果的圆点底纹备用。

设计思路教程!如何用一张照片衍生6套LOGO方案?

根据光影轮廓,我们绘制出人物脸部的明暗交界线,基本规律就是根据人脸凹凸进行刻画。

1.绘制人物明暗交界线,暗面用变调肌理填充。
2.鼻子位置留出高光。
3.头发部分留白过多,增加高光刻画丰富画面。

设计思路教程!如何用一张照片衍生6套LOGO方案?

设计思路教程!如何用一张照片衍生6套LOGO方案?

根据上一组方案,切换不同思路,使用不同的解决方式,通过同一张照片,我们得到第二款LOGO方案。

设计思路教程!如何用一张照片衍生6套LOGO方案?

三、纯线构造型提炼

前面的案例都是以面为重点,我们再来尝试一下以纯线构的形式进行造型提炼。

设计思路教程!如何用一张照片衍生6套LOGO方案?

老规矩,我们先用照片垫底,根据人物造型的走向绘制线条,这里需要注意的点是:

1.灵活运用断笔,营造透气感。
2.空间的均衡,线条与线条之间的距离协调一致。
3.线条的疏密,主要针对头发部分,表现头发的层次,可以采用先加后减的原则,最终要求达到疏密基本协调。

设计思路教程!如何用一张照片衍生6套LOGO方案?

设计思路教程!如何用一张照片衍生6套LOGO方案?

在草图的基础上进行线条优化,平滑曲线以及规范空间。

线构人像LOGO,尤其注重脸型以及五官部分刻画,瓜子脸颧骨的突起下巴的尖锐度,眼睛是否刻画双眼皮,鼻子是单点还是双点,是否刻画鼻梁,嘴唇的厚度如何体现,这种都是需要一一的进行尝试,然后选择出最优解。

设计思路教程!如何用一张照片衍生6套LOGO方案?

设计思路教程!如何用一张照片衍生6套LOGO方案?

线稿完成后,笔画风格也是可以尝试对比。让笔画更具变化性以及个性。

通过调整线条的疏密程度,同样的可以得到不一样感觉的方案。浓密会更加聚焦,更有主次,疏松更有透气感。

设计思路教程!如何用一张照片衍生6套LOGO方案?

设计思路教程!如何用一张照片衍生6套LOGO方案?

偏具象形式的线构成人像LOGO方案完成。跟面有较大区别的关系是,通过线段去填充面积,大家只要在草图上多尝试会得到满意的结果。

设计思路教程!如何用一张照片衍生6套LOGO方案?

四、色面线构造型提炼

纯线构的造型LOGO,只在本身上填充颜色其实会受到较大的限制,色彩表现力较弱。如何在线构的基础下也能更好的表现出色彩,我们来看一下这个案例。

设计思路教程!如何用一张照片衍生6套LOGO方案?

首先,加入色面的情况下LOGO画面自然会丰满,所以再次简化了人物线条,让整体更加干爽,透气。以及选用由粗到细的笔画替代直线,明显气质与之前的方案又发生了不一样的改变。

设计思路教程!如何用一张照片衍生6套LOGO方案?

上色方法非常简单,根据人物外轮廓区分出各大色面即可,分别是头发、人脸以及衣服。

这里用到了两种上色方法,我们来对比一下:

1.实色填充:几乎是贴近原有线条轮廓进行刻画,跟面构上色同样的原理,较为呆板,不透气。
2.错位填充:色面与轮廓之间错位留白,如果高光的反射,给画面提升更多一层次。

设计思路教程!如何用一张照片衍生6套LOGO方案?

根据线条风格,轻松、透气是LOGO的特质,要做到图形各元素之前的协调统一,使用相同特质的手法将很关键。所以,采用错位填充是必然之选,由此我们得到新方案。

别问表情为什么如此像胡晓波。想起波哥每每在我耳边的喃喃细语,谆谆教导,是我漂泊异乡少有的心灵慰籍。今天的风儿甚是喧嚣,他油腻的脸庞在我脑海直挥之不去,在此致敬一番绝不过分。

设计思路教程!如何用一张照片衍生6套LOGO方案?

设计思路教程!如何用一张照片衍生6套LOGO方案?

设计思路教程!如何用一张照片衍生6套LOGO方案?

LOGO气质并未只由图形风格决定,不同的配色也将直观的反映出LOGO不同的气质。

设计思路教程!如何用一张照片衍生6套LOGO方案?

五、简约几何造型提炼

前面都是偏具象的造型提炼,接下来我们来尝试一下用更简约、偏几何的方式去概括。

设计思路教程!如何用一张照片衍生6套LOGO方案?

草图部分,人物的主要特征为发型造型,我们尽量用简洁的线条去概括发型轮廓以及刘海,发型是卷发,会出现膨胀形态,刘海带层次分层,抓住这两个特征,我们就可以做到形象以及生动。

设计思路教程!如何用一张照片衍生6套LOGO方案?

优化曲线在这里就不再累赘,在保证曲线平滑的程度上减少节点即可。

几何造型的概括,我们对表情也进行提炼,对其进行标准化制图,整体人物特征已由发型奠定,表情按照常规表达即可。

设计思路教程!如何用一张照片衍生6套LOGO方案?

我们来看看成稿。

设计思路教程!如何用一张照片衍生6套LOGO方案?

同样,要想LOGO更有聚焦的点,形成视觉停留,线面结合的空间布白对比是不错的选择,不论人像LOGO或人像照片,五官尤其是眼睛会不自觉的引导目光。我们来做一个对比。

设计思路教程!如何用一张照片衍生6套LOGO方案?

正常的做法是头发用面概括,假如反过来,将脸部用面概括、头发留白,整体视觉效果也未尝不可,当然这要根据品牌调性进行考虑,手动狗头。

设计思路教程!如何用一张照片衍生6套LOGO方案?

上面有提到整体人物特征已由发型奠定。我们不妨来做一个尝试,在相同表情下替换发型对整体人物气质以及造型会产生怎样的影响。

设计思路教程!如何用一张照片衍生6套LOGO方案?

设计思路教程!如何用一张照片衍生6套LOGO方案?

是的,这种风格可玩性跟变化其实非常的多而且容易把控。不单单是发型,包括表情、动作、装饰物等等都是同样的原理,根据品牌气质及需求完全可以当作是换装游戏来进行元素替换。我跟一拳都是这么认为。

设计思路教程!如何用一张照片衍生6套LOGO方案?

设计思路教程!如何用一张照片衍生6套LOGO方案?

设计思路教程!如何用一张照片衍生6套LOGO方案?

设计思路教程!如何用一张照片衍生6套LOGO方案?

图片案例来源于网络

要说起这种小清新的简笔画风格,不得不提一位来自日本的插画师Noritake。

设计思路教程!如何用一张照片衍生6套LOGO方案?

笔触简单、大胆的留白,人物形态的精准提炼,将复杂的人像化为简约,很容易就给人留下深刻的印象。

设计思路教程!如何用一张照片衍生6套LOGO方案?

我们接着看案例,正如案例四,我们当然还是可以通过颜色填充体现不同的气质。

设计思路教程!如何用一张照片衍生6套LOGO方案?

设计思路教程!如何用一张照片衍生6套LOGO方案?

设计思路教程!如何用一张照片衍生6套LOGO方案?

这一次我们通过简化,运用简单的笔画与造型,让人像LOGO开始偏向几何化,我们得到第五款LOGO方案。坚持住,我们还有最后一组方案!

设计思路教程!如何用一张照片衍生6套LOGO方案?

六、抽象几何造型提炼

最后一个方案我们尝试向抽象的方向发展。

设计思路教程!如何用一张照片衍生6套LOGO方案?

人物轮廓不再用曲线进行概括,而是使用硬朗的切线,将几何化进行到底。同样用抽象的线条绘制出五官。

设计思路教程!如何用一张照片衍生6套LOGO方案?

我们可以跟上一组方案进行对比。

设计思路教程!如何用一张照片衍生6套LOGO方案?

填充色面,眼睛及嘴唇部分略显单薄,增加色块压住整体版面即可。

设计思路教程!如何用一张照片衍生6套LOGO方案?

设计思路教程!如何用一张照片衍生6套LOGO方案?

设计思路教程!如何用一张照片衍生6套LOGO方案?

LOGO气质并未只由图形风格决定,不同的配色也将直观的反映出LOGO不同的气质。

设计思路教程!如何用一张照片衍生6套LOGO方案?

七、人像6+方案汇总

我们基于一张照片在从线到面,具象写实到抽象几何的风格形式中进行加减法,从而演变出无数种方案,从中挑选出6个案例进行演示。

也从而得知,复杂与简约并非对立面,复杂有复杂的做法及需求,简约也有简约的处理手法。

设计思路教程!如何用一张照片衍生6套LOGO方案?

这次教程就到这里愉快的结束啦,我们下次再见!~

 

77 收藏 108

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 2

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片