hello大家好,hopower团队之前发了几次logo的商业作品,深受酷友们喜欢,有些酷友希望我们能分享下创作经验。借此机会和各位设计师朋友进行一次浅薄的分享,同时沉淀这几年我们对游戏LOGO的领域相关知识。来吧,一起来学习这篇文章吧。
在过去的5年里,hotpower团队设计了100多款游戏logo.2010我们团队与广州捷游,菲音等游戏研发项目合作了英雄远征,梦幻飞仙,神魔遮天,最西游游戏LOGO设计,那时的网页游戏正如日中天,团队包揽了很多家游戏研发公司的多款游戏LOGO的设计。2013年团队进入了快速发展期,质量口碑上不断被肯定,我们得到了网易、腾讯等这样大公司合作的机会,而这时正是手游开启的时代,我们成功合作了乱斗西游,梦想星城,主公莫慌,功夫熊猫等项目,也正因为和这些大厂合作,磨砺了团队,让我们的作品越发成熟。
以下是我们2014年与网易合作的乱斗西游logo案例:
我们认为的游戏LOGO是这样的
游戏LOGO=游戏符号+名字,它是一款游戏的名字更是一款游戏的视觉符号。
有别于平面logo,游戏logo最关键反映的是游戏性,通过名字与图形的视觉化让玩家记住游戏的名字和游戏的整体风格。甚至游戏的品级,玩法,类别能够从logo中体现出来。通过游戏LOGO在网站、展会、户外广告、视频等地方的应用,让LOGO这个视觉符号不断的强化玩家大脑印象,从而提供游戏的知名度影响力
之前腾讯tgidear团队分享的文章,我相信很多酷友都看过,文章列举哪些logo好与坏的问题,但我们认为游戏logo除了好坏,更重要的是一个logo是否准确表现出一款游戏所要达到的目的,是否满足产品的痛点。
#p#副标题#e#
所以我们今天从商业角度,可用性来和大家沟通下游戏logo的设计。
我们是怎样制作一个游戏logo?
第一步.沟通了解需求
详细的需求文档尤为重要,需求文档清晰明了,设计师就不需要去揣测需求方真正要的是什么,避免走弯路。有些需求方总埋冤设计师没理解到位,很大一部分是需求没整清楚。所以不管后续沟通如何,着手项目第一步必须先让策划把需求文档写请清楚来。以下是我们总结了需求文档的几个要素,供大家参考
需求文档提供后,如有不明白的地方尽量多沟通,强化一下大家的方向是否一致。
第二步.找资料辅助灵感
需求理解明白了,方向也清楚了,接下来就是找参考了,不管是菜鸟还是大神找参考都是必须的(可别装b哦)参考是灵感的源泉,辅助于设计师思路。所以不要接到需求后,就急冲冲开始画。资料参考图友很多平台可以去采集,例如花瓣,资料采集后,把资料图片放在同一个文件夹,或者一个psd里。例如下图是一款q版的游戏logo参考图:
第三步.概念设计
概念草稿阶段意在头脑风暴,不要局限一种方向,希望在概念阶段能够有充分的方案差异性。让需求方有可选性。概念方案一般再4-5个左右,以黑白稿或者单色为主。这个阶段看的是造型形式整体感,不要过早考虑色彩,材质。
头脑风暴
根据多年积累,我们总结了出初稿的的几个方法
A.电脑字体变形 B.手绘手稿C.暴力拼图
A.电脑字体变形
优点:巨人的肩膀上进行设计,电脑字体都是很成熟的字体设计,用电脑基础字体变形,可以让设计更简单快捷。
缺点:字体会显得普通,过于雷同,缺乏设计感如下图:
B.手绘手稿
优点:这种形式创意会更加自由,字体更具设计感,原创性更高
缺点:速度慢,完整度不高,过于潦草.(下图图片来源于酷友 baotingzi)
C.暴力拼图
优点:快!准!狠!动用一起可用的素材快速拼凑效果效率极高,可以快速看出造型色彩材质整个logo的整体方向,适合时间紧迫的项目。
缺点:潦草,粗糙不规范,字体设计被削弱
概念阶段刚才简单说了几个方法,接下来我们详细分析下字体与背景图形的表现
字体
游戏logo最关键的在于字体的设计,所以这点与平面logo设计基准是一样,区别在于游戏logo字体,有更直观夸张的表现以及辅助元素的加入。字体设计应该注意的几个点
字体的识别性
字体设计最忌讳是的盲目的进行变形夸张,看起来很花哨,却完全不认得字名
2.字体的排版
字体的排版根据字体的长度而定,字体长的特别是英文名字需要考虑到上下结构的排版设计,倾斜/圆形/弧线排版让logo更富个性与趣味性
为啥没游竖的排版设计,就目前市面上来说很少出现竖的排版,主要原因是竖的logo不适合各种应用。
3.字体的辅助图形设计
有些logo可以考虑加入辅助图形。辅助图形可以从游戏中提取,好的辅助图形启动画龙点睛的作用,让logo更出彩。比如下图:
背景图形
背景图形设计应该注意的几点
1背景图案与字体的搭配(大小比例,排版搭配),排版
2背景图案符合游戏主题
3背景图案不要凌乱花哨,喧宾夺主
第四步.上色
在多个黑白草稿中挑选一个方案进行细化上色
上色阶段可以根据游戏的整体风格进行搭配,提取游戏中的主色系。让logo与游戏风格形成整体的视觉语言,过程中不要过于刻画细节,更多的在颜色方案上进行尝试。游戏的主色系是什么?是暖色还是冷色?还是冷暖搭配?颜色是一种情感表现的一种方式,多注意颜色给玩家带来的视觉感受。同样了也出4-5个方案让需求方进行选择
多个颜色尝试:
第五步.质感的刻画
游戏logo和平面logo最大的区别之一在于质感,把握好质感的设计就等于把握好了游戏logo的设计。质感类别很多,有水晶质感/金属质感/石头质感/科技质感,根据游戏风格游戏世界观,甚至游戏ui来搭配游戏logo的质感
并非所有的logo都需要强烈的质感需求,根据具体需求游戏风格适当加入质感的表现。随着主流的扁平化风格的风靡,有些游戏logo也出现了微质感的表现方式,甚至平面化的的表现方式。具体项目需求具体分析。
第六步.光效,光感的补充
光效与光感可以让游戏logo更为细腻更为高大上。
需要注意的是不是所有的logo都需要加一些光效特效。有些logo加上光效反而显得多余,看是否要做加法还是减法
怎么把手绘的图标logo用ps制作出来?
把手绘的图标logo用ps制作出来的操作方法和步骤如下:
1、首先,Photoshop打开手绘的图标logo,如下图所示。
2、其次,完成上述步骤后,按“Ctrl+L”调整图片颜色以使黑白清晰,如下图所示。
3、接着,完成上述步骤后,进入通道页面,按ALt键,然后单击其中一个通道前面的图标,如下图所示。
4、然后,完成上述步骤后,可以将图片加载到选区中,按“Ctrl+Shift+I”反选线条,如下图所示。
5、随后,完成上述步骤后,单击以返回到图层,如下图所示。
6、最后,完成上述步骤后,按“Ctrl+J”就可以将线稿抠出来了,如下图所示。这样,问题就解决了。
如何制作LOGO方法1:全名组合方法
这是目前为止最常见最实用的LOGO设计方法,代表LOGO有淘宝和天猫。直接用品牌名称设计一个企业LOGO的好处是,LOGO发布后,可以直接加强消费者对品牌的认知,让消费者快速记住你的LOGO和品牌。同时,利用品牌名称直接制作LOGO也可以避免重复、侵权等诸多麻烦。
方法2:元素替换法
这种LOGO设计在传统品牌中很常见。现代企业和公司不善于更换元素。他们在设计自己的logo时,用另一个共同的元素代替了自己的品牌,让自己的品牌也能和这个元素联系起来。通过符号元素图形和名称字体的组合,这种设计让人感觉坚韧而有活力,更适合男性品牌。
方法3:文化整合法
这种LOGO设计方法,在地域文化特色明显的企业或公司,如旅游公司、文化公司等,经常会用到。这种LOGO具有丰富的个性和人文思想的特点,对提升品牌调性有很好的效果。
方法4:符号表达
这种LOGO设计方法主要采用与表达内容有一定联系的媒介手法,如图形、元素或色彩等。传播媒介的创造力,以具象的方式表达抽象的内涵。常见的LOGO是联合利华,一个U充满了各种象征性的东西。但是这样设计LOGO,需要对品牌背后的含义进行理解、分类、总结和概括。这样才能提取出有代表性的符号元素,设计LOGO。
方法5:配色法
这种LOGO设计方法在互联网领域应用广泛,具有一定的现代性和视觉冲击力,主要是因为互联网人比较年轻,所以更喜欢视觉冲击力强的LOGO。这个LOGO的设计需要很强的审美能力和配色能力。同时,由于LOGO具有现代感,需要更多抽象的东西来代替企业品牌,让LOGO能够传达企业品牌的心情和基调。
如何制作科技感logo科技感的表现形式多种多样。最浅薄的可以是一个原子或者卫星的图形,在这里给出一份科技公司Logo的设计流程,希望对你有用。
健身科技公司这样的名号听起来难免有些拗口。这家创立于硅谷的精英团队致力于在健身与身体管理行业创造颠覆性的人工智能革命。山屋的名称则是来源于团队创业时的工作地点——位于山景城郊区的一座半山小屋。
能将创业初期的住址作为品牌的名称很明显委托人是对这所山间小屋有着深厚的感情。设计上自然是应该着重体现“山屋”的字面含义,通过结构和手法来阐述科技感。而非突出传达科技感让受众摸不着头脑。因为公司的主营业务方向明确在健身行业,所以融合行业特征也是最初的考虑之一。
在最初的草图中选定了几种各异的表现方式,可以看到在这一稿的几乎所有构思中都采用了负空间的设计构思。
在大概的勾勒出结构以后我选择了第三、四两稿来进行深化。
为什么选择上图中的三、四两稿:选择第三稿的原因很简单,在融合首字母的同时可以表达“山屋”的字面含义。选择第四稿的原因则是希望融入行业特征,保留健身属性。不选择第一稿的原因是虽然同样表达了健身属性,但是设计形态上与第三稿雷同,所以保留了差异较大的一个。
这一稿首先是规范手绘稿的比例与形式,三角形轮廓是表达力量与稳定的最优解。小学几何,不再深入讲解。
尝试了不同的结构与表达,发现这个构思在单色情况下看起来比较糟糕,占最大面积的上臂没有细节支撑效果并不好。遂放弃这个方案。
接下来是首字母的方案。想要在一个图形中表达三个元素已经很勉强了。所以尝试去掉“屋”的烟囱结构,这四个图形主要是讨论的对“山”元素的表达。可以看到去除轮廓能够更简单的描述山的形态。加入轮廓则在表达H的形态上更优。
单独提出来对比。我们选择了左图整体性更高的版本。
最终的稿件因为考虑到首字母的清晰性。删除了小屋中门的元素并将山形结构下压。来组成一个更清晰的字母“H”
对于科技品牌这一主题我们也并不意外的使用了蓝色调作为主要的品牌色。只是为了更清晰的区分各项需要传达的信息,在彩稿图形中增加了可以凸显雪山轮廓的阴影。
上图即是最终的成品。
图形Logo的文字搭配因为千头万绪风格多样一直不知从何讲起。不过可以说一些大概的原则。
一个Logo设计既然最终决定了需要图形,那么图形就是最主要的视觉重心和传达元素。文字是在此基础上对品牌名称和画面结构的补充。那么在此基础上设计需要遵循几个原则
1、文字的去风格化。文字的磅数。结构和配色一定要比图形更加低调。
2、无论是文字的风格设计、结构改变还是视觉元素的增加,都需要基于已有的图形而不是品牌本身的调性。比如本例中作为科技公司常规设计是使用无衬线字体。但是图形中为了突出字母元素使用了衬线,文字也就必须使用衬线。
可以的,以下是做成矢量方法及步骤:
方法一:
1、将手绘扫描成照片,或拍照。
2、之后用PS处理,利用钢笔工具勾画图标logo。
3、最好使用通道进行处理。明暗对比较明显。
4、之后建立选区,回到图层,新建一层,根据需要填充颜色即可。
方法二:
将手绘扫描成照片>用ps打开图片>新建一个透明图层>选择透明图层>用画笔描边(画笔用铅笔)
Adobe Photoshop,简称“PS”,是由Adobe Systems开发和发行的图像处理软件。
Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。
2003年,Adobe Photoshop 8被更名为Adobe Photoshop CS。2013年7月,Adobe公司推出了新版本的Photoshop CC,自此,Photoshop CS6作为Adobe CS系列的最后一个版本被新的CC系列取代。
截止2016年12月Adobe PhotoshopCC2017为市场最新版本。
Adobe支持Windows操作系统、安卓系统与Mac OS,但Linux操作系统用户可以通过使用Wine来运行Photoshop。
转载请注明:片头模版 » logo怎么设计好看手绘(logo可以手绘设计吗)