欢迎访问自学路径

您尚未登录

登录后即可免费访问自学内容

点击登录

这LOGO怎么做?第64期:方形斑马纹立体感LOGO

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

这LOGO怎么做?第64期:方形斑马纹立体感LOGO

教程作者:君小阳(授权转载自公众号:这logo怎么了

交作业:微博搜索话题 #优设每日作业# 进入话题页即可发布作业

文章编辑:@十豆

关于教程

各位狗子们晚上好,今天给大家讲解下面这个logo的做法。

这LOGO怎么做?第64期:方形斑马纹立体感LOGO

该logo为群友投稿,版权归原作者所有,本文只探讨做法。

老规矩,观大思法。

这LOGO怎么做?第64期:方形斑马纹立体感LOGO

教程步骤

30秒时间过去了… OK 时间到。

这是一个有着 2.5D 视角的 2D 图形,如果非要具象化描述,我认为像一个方形的斑马纹烟囱,哈哈哈~
那这个图形要怎么做呢?我们取其顶部的图形来分析一下。

这LOGO怎么做?第64期:方形斑马纹立体感LOGO

这不就是一个有厚度的正方形方框嘛,其中黑色是阴面,白色是阳面。这时我们再回看下整体图形,不就是3个方框摞在一起吗?

这LOGO怎么做?第64期:方形斑马纹立体感LOGO

get到这个细节之后,这个图形的做法就变得非常简单了,下面跟我一起实操一下吧。

第一步

①画一个描边正方形,描边粗细为16pt,执行 效果-3D-凸出和斜角 命令,参数和效果如下:

这LOGO怎么做?第64期:方形斑马纹立体感LOGO

②将鼠标放于蓝色块面,按住shift键,然后向上(下)拖动左键,来调整方框的视角,看下动图操作。

这LOGO怎么做?第64期:方形斑马纹立体感LOGO

我这里最终调整的数值如下:

这LOGO怎么做?第64期:方形斑马纹立体感LOGO

第二步

①对调整好的方框执行 对象-扩展外观 命令,然后将阳面和阴面替换成相应的颜色,如下:

这LOGO怎么做?第64期:方形斑马纹立体感LOGO

②按住alt键,向上复制1个出来,复制过程中可开启智能参考线(ctrl+U),方便对齐,然后再ctrl+D两次,复制2个出来,看下动图。

这LOGO怎么做?第64期:方形斑马纹立体感LOGO

③用小白工具(A)选中下面这3个面并删掉,就得到了右侧的图形,如下:

这LOGO怎么做?第64期:方形斑马纹立体感LOGO

第三步

①根据这三个点的位置,向外延长出两条线,如下:

这LOGO怎么做?第64期:方形斑马纹立体感LOGO

②以这两条线为参考,延长最上面的形状到线上,如下:

这LOGO怎么做?第64期:方形斑马纹立体感LOGO

看下动图操作:

这LOGO怎么做?第64期:方形斑马纹立体感LOGO

③根据下面这三个点的位置,向外延长出两条线。

这LOGO怎么做?第64期:方形斑马纹立体感LOGO

然后延长下面这个点到线上,并以这个点的位置画出竖向的参考线,如下:

这LOGO怎么做?第64期:方形斑马纹立体感LOGO

剩下的就是重复操作了,大家快动手试一下吧。

这LOGO怎么做?第64期:方形斑马纹立体感LOGO

好啦,今天的小案例就讲到这里,我们下期再见鸭~

这LOGO怎么做?第64期:方形斑马纹立体感LOGO

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc4 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

6 收藏 19

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

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

复制本文链接
img

发表评论 已发布 4

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

支持键盘 ← → 键翻阅图片