当前位置:首页 >教程首页 > illustrator >如何设计复古风格的Logo徽章

如何设计复古风格的Logo徽章

发布时间:2018-11-17 19:57:24

 

  

导言:最近复古风格的Logo很火,现在我们就建立一个复古作品——虚构的健身馆Logo徽章。黑白圆环交替及优质的细节部分如星星和圆点,文本和标语遵循圆的外围而图标位于中心位置,给予观者一种强烈的视觉反馈。废话少说,开始!

 

 第一步:在Illustrator中把Logo画出来

打开Adobe Illustrator创建一个大圆。复制(CMD+C)及粘贴(CMD+F),同时按住ALT 和Shift略微缩放它,然后再填充一个白色的描边。(图01)

 

图01

 

按住CMD+F再复制一次、缩放它,改变填充为白色。粘贴,缩放后下给人一种厚圆环的效果。(图02)

 

图02

 

粘贴这一对圆圈,适当的缩放它们,在内部和外部添加几个细的白色描边。(图03)

 

图03

 

在白色圆环带的中间放置另一个小的精确的圆圈,然后调整描边设置为4pt重、圆头端点、斜角连接、虚线,0pt的虚线和17pt 的距离。尤其是距离的设置,使用光标键上下微调数量直到圆圈的间隔均匀,仔细琢磨一下,圆圈大小可随自己的意愿来设置。(图04)

 

图04#p#e#

 

在工作区域其它地方使用圆角矩形工具画一些竖条,如下图那样放置。(图05)

 

图05

 

使用矩形工具来添加一个手柄,然后复制、粘贴并旋转这些竖条来完成一个简单的哑铃状图标。(图06)

 

图06

 

用白色填充所有形状,构成一个哑铃,把它们合并在一起,放置图形在Logo的中心。(图07)

 

图07

 

复制和粘贴徽章的其中一个圆圈,清除填充和描边。在文本工具菜单里选择路径文字,并点击圆圈。(图08)

 

图08#p#e#

 

然后输入文字Powerhouse Gym,选择一种适合这个Logo的字体。(图09)

 

图09

 

选择“文字->路径文字”中的路径文字选项来调整间距,这个设置将使这串字母顺着曲线的轨迹产生更多的间距。(图10)

 

图10

 

使用直接选择工具仔细调整使文本处于中心。(图11)

 

图11

 

复制和粘贴圆形文本的形状,替换文字为Reach Your Potential。调整文本使其位于徽章的底部。(图12)

 

图12#p#e#

 

在路径文本设置中,路径选项调整为对齐路径为字母上缘。(图13)

 

图13

 

一对星星点缀在文本之间,来隔离上下两条文本。缩放和放置其中一个星星到位置上(看上图),复制和粘贴它,按住Shift把副本平移到相对的另一边。(图14)

 

图14

 

徽章的矢量版本完成了。(图15)

 

图15

 

第二步:在Photoshop中添加复古风格的修饰

完成徽章之后,让我们在Photoshop中添加一些很酷的纹理。(图16)

 

图16#p#e#

 

从Illustrator里粘贴徽章到Photoshop文件里,缩放到合适的位置。(图17)

 

图17

 

(从这里下载笔刷Subtle Grunge brushes) 来添加白色的污渍斑点到LOGO上。(图18)

 

图18

 

按CMD +点击LOGO层的缩略图,按CMD+Shift+I反转选项,删除多余的部分。(图19)

 

图19

 

通过改变图层的透明度来调整污渍的效果。这个简单的润色使Logo显现出老旧的外观效果。OK,这样就做完啦!(图20)

 

图20

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定