小纽扣

大家好,我是大猫,本周给大家带来的是一篇LOGO设计教程。潮流插画风格的LOGO用途还是很广的,不管是街头hiphop、体育运动还是电子竞技,用这类LOGO的都比较多,那么这种风格的LOGO该如何去做呢?首先我们来看一下视频演示,关键的步骤会有字幕提示。

以下图文教程作为补充

其实这个案例是修改的一个案例,同学做的原作如下

可以看到有草图,有线稿,也有填色稿,但是问题还是比较大的,

首先就是线稿做的不流畅,有些地方太过尖锐,有些地方又太过平顿,而且一些弧度也不是很美观。

其次是颜色配的不好,选的颜色都偏深,跟线稿黏连在一起,所以配色也需要考虑一下。

知道问题后先把线稿优化一下,如下

把线条做的更平滑了,然后可以把描边加粗,部分的形态做夸张处理,使其更具有张力。如下

加入英文后继续完善,使其成为一个完整的组合,如下

到这里基本的线稿就完成了,但现在的线稿是钢笔路径,并不是面,所以接下来可以选择所有的线稿,在对象菜单里选择扩展,扩展之后就会变成面了。

如果扩展是灰的选不了就扩展外观后再选择扩展。

扩展完再路径查找器里选择合并,使线稿形成一整块。合并之后在线稿底层铺个色块,选择线稿和色块在路径查找器里选一下修边,然后解除编组,此时就可以给每个被线稿分割的地方填充颜色了。

填充完颜色如下

至此案例已经完成了一半了,剩下的就是塑造光影关系。

我们假设光是从右上方来,那么哪些地方该加阴影,哪些地方该加高光呢?

这里我们用个球来表示,用简单的几个色块表示球的光影关系。

画面中出现的光影关系如下,分别有亮、灰、暗三个面,以及高光、反光和投影,这六个就是这类型插画的六大关系,也可以叫三大面五大调子的阉割版。

完整的三大面五大调子还会有明暗交界线和中间调这两个,但做这类型的插画很少用到。感兴趣的可以自己去了解一下。

在此类型的插画中,暗面和投影可以直接用线稿的黑色来代替,形成另一种风格(上图右侧)。

了解这些美术基础后我们就可以在填色稿的基础上绘制光影关系了。

首先把暗面和有投影的地方填充上黑色,暗部有结构关系的可以用白色的反光线勾出。

在暗部的基础上按照结构画出灰面,灰面在选色上比固有色深一点就行。

最后加入高光,字体也塑造一下光影关系就完成了。在此基础上可以尝试不同的配色方案。

这套配色方案采用了冷暖对比,暗部和投影用暗蓝色,固有色则改成了桃红色,给人的感觉比较新潮。

但有些地方过于复杂了,上图黄圈标注的地方尖角太多,显得碎而不好看。所以我们可以简化一下,如下

简化过后便是最后的成品了,细心的同学可能会发现成品中的高光也从白色变成了荧光蓝,这种配色呼应了冷暖关系,看上去更为潮流。

 

原文地址:大猫设计 (公众号)

作者:大猫Addict

转载请注明:学UI网 » Get!如何快速做潮流插画风LOGO

登录收藏
 
你可能喜欢的:
LOGO设计的技巧与法则LOGO设计的技巧与法则
中英文字体的分类与运用中英文字体的分类与运用
成功建立视觉品牌识别的20个有用技巧成功建立视觉品牌识别的20个有用技巧
如何快速有效的设计字体LOGO如何快速有效的设计字体LOGO
发现6个世界著名标志隐藏的缺陷发现6个世界著名标志隐藏的缺陷
【开工大火】时尚炫酷的雷电文字效果【开工大火】时尚炫酷的雷电文字效果
【PS-3D功能探索】如何在ps内创建抽象3D文本效果【PS-3D功能探索】如何在ps内创建抽象3D文本效果
2个视频,教你快速做扁平动物LOGO!2个视频,教你快速做扁平动物LOGO!
PS做文字效果,水泥文字和钢铁字体之间只差一个描边的图层样式PS做文字效果,水泥文字和钢铁字体之间只差一个描边的图层样式
如何在photoshop中创建树叶覆盖文本的效果如何在photoshop中创建树叶覆盖文本的效果