如何设计一个复古徽章

发布时间:2018/09/14 09:45 编辑:logofree

各位小伙伴是不是经常在网上看到下面这类复古徽章,有木有想过这类的徽章应该如何设计呢?那么今天logofree君就给大家分享复古徽章在线设计制作教程,你就知道如何设计复古徽章了。

复古徽章案例如何设计一个复古徽章

第1步:收集灵感素材


小伙伴们可以在花瓣网中搜索关键词“复古徽章”,可以得到很多相关参考素材,也可以到logofree在线生成器中寻找素材。

寻找设计灵感素材

第2步:分析设计特点


收集整理一些素材后,我们要学会分析它们身上的“特色基因”,也就是我们想知道的设计特点。

分析设计特点

1.对称式图形较为多观

2.常规几何形状与图形与字体搭配

3.徽章及字体有破旧的材质感

4.为体现复古,小幅度破坏完整性


第3步:草图绘制


很多同学会上来开始找一个参考开始临摹,那就失去了这个教程的意义了,我们还是希望可以提升真正的原创设计能力,所以就要大胆的拿起纸和笔开始画出属于你的徽章手稿(最终版会与手稿有区别的)。

绘制徽章手稿

结合我们刚刚分析的设计特点绘制了UIBANG的徽章手稿,2-3分钟内把想法思路绘制出来即可,不是每个人都是MIKE大神。


第4步:AI中基础绘制


1.将手稿导入到Al中(手机照片导出,在置入到Al中,过程就不详细说明)并将此图层锁定,新建空白图层(防止误操作,移动手稿图层)。

将手稿导入到Al中

2.在AI中使用基础形状和线条工具完成UIBANGLogo(若同学们暂无个人品牌logo,也坷使用其他LOGO图片素材)。

在AI中使用基础形状和线条工具完成UIBANGLogo

细心的同学可能会看到两个同心圆它们的作用是更好的限制徽章整体的视觉尺寸,并且对于内部的图形也可作为视觉参考线(星星与左右横线)。


3.绘制Logo下方丝带

绘制Logo下方丝带

4.使用路径文字绘制U-I-B-A-N-G(使文字与丝带弧度结合)

使用路径文字绘制U-I-B-A-N-G

5.绘制星星与线条(操作较为简单,就不详细说明步聚了)

绘制星星与线条

第五步:AI中细节优化

1.鉴于复古徽章的设计特点,我们需要对现有徽章进行粗糙化处理。效果扭曲和变换粗糙化(注意参数细节,大小建议小于1%)。

效果扭曲和变换粗糙化(注意参数细节,大小建议小于1%)

2.增加内部杂点,刻意做旧效果

增加内部杂点,刻意做旧效果

下载杂点笔触(提供下载),制作AI图案填充(绘制一个矩形与杂色进行布尔运算)。将制作好的图案放置AI色板中,选中徽章,以新建杂色图案填充,最后可在整体上加几像素同色描边。


第6步:PS中包装处理

徽章在PS中包装处理

徽章使用做旧效果与粗糙化是为了体现复古的主题,可以按需添加,各位可以分别尝试一下。这里主要想通过这个实例教程,让大家学会此类徽章的设计思路和方法。希望各位能有所收获!

推荐阅读
Advert:[left_fixed_adv]