实训四　伪3D字体设计

实训四　伪3D字体设计

实训准备

利用三维图像在二维平面上的表现特征所造成的视觉误导性图片或图形，称为矛盾空间。矛盾空间只存在于平面之中，并无法在三维世界还原。

利用这种“视觉欺骗”，在艺术领域可以创作出许多有趣的作品，如荷兰版画家埃舍尔就借此创造出了许多充满想象力的作品，如图2-43所示。

图2-43　埃舍尔矛盾空间作品

图2-44所示的方形和三角形是最为经典的矛盾空间图形，它们都是由左侧的长方体衍生而来，都有一个显著的特点，即首尾相连，两个形态中都存不同视角共用一个方形面的现象。理解矛盾方形的结构后就能发现只要将一个物体的两个不同视角，通过共用面的方式连接在一起，就能创造出充满想象力的矛盾空间。

图2-44　矛盾空间基础形

实训步骤一：绘制矛盾三角形

通过矛盾三角形的绘制理解矛盾空间字体设计的流程。

首先，绘制参考线系统：画一条长度超过画布的直线，按住Alt键往外拖，复制一个；然后，按“Ctrl+D”组合键，就会复制出跟刚才相同距离的直线，一直复制到占满画布，如图2-45所示，将复制好的直线组编组，旋转60°并复制，再旋转-60°并复制，这样就得到一组有三个方向参考线的参考线系统。

图2-45　绘制三向参考线系统

绘制3个同色系的矩形色块作为颜色参考放置一旁，以方便用吸管工具吸取颜色。在选中网格的情况下，按住快捷键K实时上色，修改填充颜色，依次填充在相关区域，如图2-46所示。

填充完毕后，扩展外观，删除网格，即可得到矛盾三角形，如图2-47所示。

图2-46　绘制矛盾三角形

图2-47　矛盾三角形

实训步骤二：熟悉AI软件中的3D效果

熟悉AI软件中的3D效果，绘制常见的2.5D风格元素。

AI软件中的3D效果能够快速地将对象加上厚度，形成一种看起来是三维立体的视觉效果，和传统美术中的近大远小的透视原理不同，2.5D的透视是同一方向的两条线是平行、永不相交的；对于常见的2.5D图形，以透视的正方形为例，其底边与视平线的夹角是30°，色彩特点是明快、色彩丰富，这种2.5D的效果结合扁平化的视觉元素，往往能创造出立体感强、富有视觉冲击力的画面。

绘制2.5D风格的元素，最常用到3D工具里的凸出和斜角，最常用的是等角。因为等角的立体角度是一样的，效果比较统一，如图2-48所示。

立方体和树都可以由上方的正方形，通过3D效果设置后进行填色等操作后得到。这些元素也是2.5D风格中的常见元素，如图2-49所示。

图2-48　AI软件中的3D效果

图2-49　常见的2.5D元素

实训步骤三：绘制2.5D风格插画

用绘制矛盾三角形的方法，绘制矛盾空间字体“百度”，并根据设计需要加入2.5D风格的元素，完成2.5D风格插画的绘制。

效果可参考图2-50。

图2-50　绘制2.5D风格插画

实训小结

2.5D风格是近年来比较火热的设计风格，常出现于商场海报、App开屏、网站Banner、专题页中等。在视觉传达方面，立体视觉的呈现使画面富有层次感，令人印象深刻。

从画风上看：

（1）清新的色彩和集合线条搭建的色彩空间；

（2）渐变色衬托背景空间，构造一个奇幻的空间；

（3）同类色、互补色、类似色搭配出简单的几何形状，重构建筑空间。

从构图上看，2.5D风格用的是视错觉的方法，完成3D和2D空间的扭转转化。

在绘制2.5D风格的作品中，参考线系统的绘制是必不可少的环节，参考线的作用主要是限制和统一透视方向，以便各个元素以合理秩序存在于空间中。另外，场景化元素的添加也是烘托氛围的重要因素，配色应注意整体协调。

2.5D风格作品范例如图2-51所示。

图2-51　2.5D风格作品范例