编程技术分享平台

网站首页 > 技术教程 正文

干货教程!“矛盾空间”怎么设计?(矛盾空间的设计)

xnh888 2024-11-01 14:34:40 技术教程 20 ℃ 0 评论

很多小伙伴私信兔兔有没有什么 简单易懂的:“矛盾空间”设计教程,于是兔兔就拿出了这篇教程,

先上图


“矛盾空间”字形字体设计分析


所需软件:AI


# 基本工具介绍


主要运用钢笔工具和3D工具里的凸出和斜角,那么在凸出和斜角中你会发现有很多选项,其中大部分都用不到,常用的是等角。因为等角和立体角度是一样的,省去很多不必要的功夫。


下面我们来看一下直线在等角后的效果



直线在四个方向的立体化,就会发现“上方”和“下方”的倾斜角度是一样的,所以除去特殊情况,我们就用“左方”和“右方”两个工具就足够了。


# 搭建字型

做这一类字体不像其他平面化或者C4D的纯立体化,如果一开始就想搭建完整组字的字型是不现实的,因为角度倾斜到的位置很难确定,可能在平面阶段看着是正常的,一旦立体处理就会跑到其他位置去了,一个横粗了或者短了都会影响到下一步的操作。所以我建议做一个笔画就立即给它做立体。做修改的话拉锚点也是一样方便的。

按照咱们帮里的老规矩,新建一个1000×660px的画板。开始做第一步,钢笔勾线。描边设置12pt。然后在“效果”窗 口中找到“3D”,选择第一个“凸出和斜角”。然后“等角-右方”。窗口出来后注意“凸出厚度”要跟描边粗细一样,这样才会等宽等高。


第二笔要参考着第一笔去画位置,操作同上,角度选“等角-左方”。


有弧度的笔画在平面阶段要把直角做圆角处理,“直接选择工具”中有圆角工具。适当地拉弧度。


楼梯是由一个个等宽等长不等高的正方体组成的,描边的长度就是它立体化的厚度,一个台阶不宜太高,所以我设置为3pt,其他不变。



照着这些基本操作把剩下的字型完成并略做调整。之后全部选中在窗口“对象”中执行“扩展”,转换为形状。


开始做细化的处理。我想要的是矛盾空间,那么红框的部分就需 要结合到一起。用直接选择工具拖动要被盖住部分的锚点,直到看不见凸出为止。其他相似位置操作也一样。


# 组合元素

“日”字旁我想要一个类似“亭子”的效果。首先需要3根“柱子”,“柱子”的描边宽度和凸出厚度都是3pt,长度能够顶住上下两部分。之后扩展,然后把“日”字被替换部分截去,把柱子安进去。最后把在一个面的图形合并,合并的命令在“窗口”>“路径查找器”第一个。之后还要给“柱子”顶部做一下圆角。因为有透视,所以近处的圆角比远处的要大一点。

为了方便讲解和理解,接下来我就直接把元素和步骤放出来,不再说明是那个位置的了。



做好的小台阶给它一个一个叠加,然后取消所有小台阶的编组,黄色部分合并。套索工具圈中右侧的锚点删除,台阶底部就齐了。




钢笔勾出一个三角形、垂直镜像复制、对齐。


方法同上



描边1pt、长度4pt、凸出厚度2.5pt、比较低的两个为1pt。


一个方块、三根柱子,方法和“日”字旁一样。



方法同上。

圆形+矩形、合并、倾斜工具按住Shift垂直方向调整透视。然后渐变颜色做出空间感。


钢笔12pt、长度自定、凸出厚度12pt。



扩展、合并“人”字面、减去多余锚点。



钢笔顺着弧形勾出一条线,再复制出一条稍微细一点的线,扩展形状后调整端点的边缘倾斜角度。



小正方体的角度不必那么规整, 毕竟是漂浮的,可以随意选择 角度立体化,显得灵活一点。然后扩展。


复制一个前面的正方体,放大一些填充无、描边1pt,扩展合并。



椭圆工具画出一个正圆形,凸出厚度2.5pt,扩展外观、取消编组,原位复制上面的椭圆形并缩小。换个颜色。



很规则的平行四边形是由正方体拆分后的一个面得到的。



拿出正方体左边的面复制出一个并缩小,原来的面填充无, 内描边0.75pt后扩展并编组。



原理同上,正方体的上面一个不动,另一个内描边0.75pt。




#丰富场景与上色

基本元素和方法都已讲解完,来看一下组合起来大致的效果。



所有的笔画都是一样粗细,显得有些呆板,是不是可以给局部做缩窄或加宽的处理呢?来、接着搞。

红框里的我都往上缩了8pt,看着和桥差不多,灵动的同时也丰富了画面。

然后把画面丰富一下,人物放进去,适当地再放些装饰元素。



填色要先确定光源,我把光设定在右上方。朝上的面就是亮面右边是灰面,左边就是暗面。

一般描边扩展完后都会自动编组,想要填色的话都必须是单个对象。这里有两个方法,一是鼠标右键取消编组,点完后继续右键,接着点取消编组,因为它往往会有好几个编组。二是双击鼠标左键(或者单击右键)进入隔离模式,在隔离模式下可以对单个对象进行操作,就可以填色了。

关于快速填色的技巧,可以用魔棒工具点中,它会自动识别相似的颜色并选中,但也有个缺点,差别不大的颜色也会在它选择的范围,所以魔棒的使用视颜色情况而定。

这里几个有弧度的需要用到颜色渐变,AICC2019中渐变有个非常好用的功能“任意形状渐变”,可以自由地布置渐变的路线。


最后给背景也做自由渐变。


色值参考如下:

最后,来看一下完成稿:



感谢大家的观看,愿教程对你有帮助。

关注兔兔,私信回复:“学设计”,领取课程名额,晚上直播等你来!

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表