SharpGL学习笔记,Illustrator使用SSR法绘制高级等角

作者: 化工塑胶  发布:2019-11-26

我现在在Zeta工作,是一名产品设计师。 虽然我从未学过设计,还是工程师出身,毕业于印度一所不是很好的学校。但与外界贴在工程师身上的标签“单调、无聊”恰恰相反,我的专业实际上具有很高的创造性。

你要绘制的成品图

笔者接触OpenGL最大的困难是: 经常调试一份代码时, 屏幕漆黑一片, 也不知道结果对不对,不知道如何是好!

虽然我拥有不错的视觉审美(我的意思是,我知道什么样的T恤应该搭配什么样的鞋),但我更多是一位交互设计师,日常工作是:头脑风暴,确立产品特性,创建UI流程,分享用户行为等等。

图片 1

这其实就是关于OpenGL"变换"的基础概念没有掌握好, 以至于对"将三维体正确的显示在屏幕上指定位置"这样的操作都无法完成.

在必要的时候我会做一些图,但是我还没有到达可以自信地仰起脖子说自己是一位插画师的等级。(我正在努力ing)

在之前的教程中,我讲述了怎么样制作一个等角网格,怎么样在网格上面绘制简单的分片的形状(对象每个面的形状)。在本教程中,我想说一说不借用等角网格绘制等角形状的另一个方法。如果你要绘制的是结构复杂或者是多弧线的对象时,那么这个方法就会更加有效。

 

虽然,我掌握了大部分AI技巧,可以熟练使用AI,并能从容地画一些简单的功能图标。

当你要绘制一个结构复杂的等角图时,最好的方法就是简化你的对象(把结构复杂的对象转化成一个个简单的基本形状),这会使设计更接近于你想要达到的目标。当然,使用之前教程提及的等角网格的方法也是可以绘制很复杂的对象的,但是想要更容易地绘制多弧线或者结构复杂的等角对象就要使用另一个方法,我称这个方法叫比例缩放Scale、倾斜Shear、旋转rotate或者叫SSR法。

OpenGL变换包括计算机图形学中最基本的三维变换,即几何变换、投影变换、裁剪变换、视口变换,以及针对OpenGL的特殊变换概念理解和用法,如相机模拟、矩阵堆栈等,这些基础是开始真正走进三维世界无法绕过的基础.

【这些就是我说的简单功能类图标】

SSR法的基本思想是:在不使用网格的前提下,通过使用Adobe Illustrator里的工具使某一对象处于等角的平面上。这个方法特别是对多弧线或者结构复杂的对象来说,更加实用。

所以笔者在前面花了5篇的篇幅详细讲解了这些基础概念.

但是当涉及到“设计一个场景”或者“画一些美观的东西”时,我发现自己还是有很大的缺失。对于我来讲,很难辨别哪些元素是至关重要的,哪些是不必要的,甚至是多余的。

下面我会先简要地说一下等角立方体的绘制,接下来的一些步骤使用的都是SSR法。

 

比如,当我画一个房子,画了很多版!

Step 1

SharpGL学习笔记(二) 模型变换(几何变换)

“我应该画一个窗户还是两个窗户?”

Create a 4 inch square with your Rectangle tool.

SharpGL学习笔记(三) 投影变换和视点变换

“我应该给门加分割元素吗?看上去会不会很乱?”

使用矩形工具绘制一个4in的正方形。

SharpGL学习笔记(四) 正射投影

“我是不是应该加个烟囱让它看起来更像一栋房子?”

图片 2

SharpGL学习笔记(五) 视口变换

“我怎样去设计才能让这个房子看上去更像一家商店?”

Step 2

SharpGL学习笔记(六) 裁剪变换

这些答案不会主动地来找我。

With the square selected double-click on your Scale tool. Scale the square 86.062% vertically.

 

这种情况在我去画更大、更细致的插图时更加严重。在某种程度上,我无法找到那种令人舒适的平衡感。

选中正方形,在比例缩放工具上双击。缩小正方形,不等比:垂直86.062%。

但是这些概念是零散的, 你可能感觉在实际应用中无法把它们有机的串联起来吧? 本节就是想把这些基础知识点按照应用时的逻辑关系理清楚, 并且要彻底搞清楚这些功能之间的关系.

一、发现

经过一段时间的观察,我发现通过引入第三维度,我可以把那些我理想中的那些细节加入到这些简单的图标中,而且看起来一点都不复杂、凌乱。

在3D的插图中多出两个面,使它更接近现实中的物理对象的同时,还增加了视觉吸引力,效果相当棒!

当我们看现实中的物体时,大脑会基于不同距离和视角区感知它、扭曲它。(在不同距离、不同视角中,我们看到的物体呈现出来的形态是不同的。)我们模仿这种情况去做的图,被称为透视图。简单来讲,就是将物体远离视线的部分比照接近视线的部分按比例缩小。

图片 3

 

本文由88必发手机版发布于化工塑胶,转载请注明出处:SharpGL学习笔记,Illustrator使用SSR法绘制高级等角

关键词: