Archive for the ‘氧化平面教程’ Category

【氧化教程】构图的秘密

星期二, 11月 30th, 1999

导言

中国艺术设计科学的发展在不到百年的发展里程中,其教育理论经历的一直是模仿和借鉴的过程。从最初对日本、而后的欧美表现形式和技法的描摹;到50年代开始的苏联、东欧教育体系的照搬,直到90年代改革开放后西方设计教育体系的导入。 真正的属于中国的、适合国情的艺术设计教育理论和体系似乎从没有出现过。

综观设计艺术在中国不足百年的发展,从简单模仿形式到认识到设计作为科学的单独性;从实用主义的设计实践应用到民族化的主观调和;从从属于美术或“工艺”的边缘地位到普遍认可的独立学科。这是设计的光荣与进步。但是,正是因为中国的设计艺术是由实用的、形式需求开始,所以它不可避免地带有实用主义和形式主义的色彩。

1998年“艺术设计”成为独立学科至今,已经整整8年,全国大部分院校的设计专业还迟迟没有形成有专业特征的、系统的教育体系。

在当前高等院校的艺术设计教学中,我们经常发现这样一种情况:基础美术教学与三大构成教学各自为政,缺乏联系;基础美术原理与计算机辅助设计脱节。相当多的教学编制中,对学生基础美术技能的还是沿袭专业美术院校的教学方法,缺乏针对艺术设计类学生理念提升的引导,计算机辅助设计教学偏重软件使用,忽略造型与画面的本质意义。

到目前为止,艺术设计中的视觉分割原理还没有得到足够的重视,在日常教学中,往往把这一重要内容等同于传统美术教学中的构图课程。

进入信息社会以来,艺术设计出现了一个新的重要特征:画面元素的原创性较之传统的设计大大降低了。无论是平面、环艺还是工造,越来越多的现成样式、贴图、字体是设计成为一种元素组合的技能。在这种趋势之下,运用视觉元素(尤其是程式元素)组构画面的能力,几乎成为评判一个设计师优劣的主要标准。
画面中的个体形象仅仅是作为艺术作品的组成成分进入作品的,艺术作品的个体形象只是一种普通的符号,不管它具有何种简单的或复杂的形式意味,它都只能作为整个艺术符号的构造成分进入艺术品,他们起的作用就是构造艺术这一具有整体性的符号。也就是说,艺术作品具有整体性,它的每一个成分都不能离开这个整体而独具意义,每个个体形象都必须按一定的规律并主观想象合成一个完整的整体形式,才能成为艺术家情感、意象的载体。由此可知,艺术品的组合、构成就成为一个极其重要的课题,而无论是绘画或是设计的画面构成都涉及空间的塑造,因此,通过一系列具有创新性的构成手法并在此过程中加入自己的主观的意念来对画面进行组构,从而塑造一个新颖的、超越现实意义的画面空间。

那么,视觉元素有什么共同点?

显而易见:世界的多样性决定了所有世界元素在形式上是不具备共性的,视觉元素所能够具备的共性,只能是抽象的、形而上的属性,那就是比例规律。
纵观现当代优秀的艺术设计作品,无不以此作为基本的出发点。自然系统中分割与比例的神秘关系就是设计背后是多么的对称、有序和视觉平衡。

在日常的教学当中,我们发现:学生通常会有极好的设计创意,但是在制作的过程中却无法充分的表现出来,有时甚至南辕北辙,适得其反。通过交流和分析,我们找出的原因大部分在于这些学生了解视觉组构、分割的基本原理,如黄金分割、各种根号矩形以及比率和比例、形体的各种相互关系、各种辅助线。
为了解决这一问题,在教学实践中我采用了实证教学的方法,挑选大量的优秀设计作品、甚至美术作品来进行分析:从平面作品、工业造型作品到大型建筑、景观作品,选择在视觉分割中具有规划和组织中存在显著共性的作品,向学生说明视觉分割的基本原理。

比例的物质性

比例是客观存在的、抽象的概念。但是勿庸置疑的是:比例具有物质性。通过多年的教学实践和对视觉分割课题的思索与研究,笔者认为,人类的视觉,之所以对某些特定的比例关系会产生审美作用,绝不仅仅是一种文化现象或者审美习惯的传承。
透过生物学、力学、光学而不是美学来观察我们的世界,不难发现作为视觉分割的主要元素——比例辅助线的直线、一次平滑曲线的封闭状态——矩形和正圆形恰恰是万事万物在视觉当中构成二维和三维的形状的共性元素。这种元素并不仅限于人类的审美,它也是动植物这些生命成长方式中显著的比例关系的一部分。
一个基本的教学例证:

贝类的螺旋轮廓线显示成长过程的积淀方式,它已经成为许多科学研究与艺术研究的课题。贝类的这些成长方式是以各种黄金分割比例形成的对数螺旋线,它们被认为是完美成长方式的理论。西奥多•安德烈亚斯•库克(Theodore Andreas Cook)在他的《生命的曲线》(The Curves of Life)一书把这些生长方式描述为“生命的基本过程……”每一段螺旋线表现了每个生长阶段,新生长的螺旋线非常逼近于黄金分割正方形的比例,而且比原来的大,鹦鹉螺旋线和其他贝类的成长方式,从来都不是精确的黄金分割比例。更确切地说,在生物成长方式的比例中存在一种趋势,努力接近黄金螺线比例,但是并没有达到准确的螺旋线的各个比例。

透过生物学、力学、光学而不是美学来观察我们的世界,不难发现作为视觉分割的主要元素——比例辅助线的直线、一次平滑曲线的封闭状态——矩形和正圆形恰恰是万事万物在视觉当中构成二维和三维的形状的共性元素。这种元素并不仅限于人类的审美,它也是动植物这些生命成长方式中显著的比例关系的一部分。
一个基本的教学例证:

贝类的螺旋轮廓线显示成长过程的积淀方式,它已经成为许多科学研究与艺术研究的课题。贝类的这些成长方式是以各种黄金分割比例形成的对数螺旋线,它们被认为是完美成长方式的理论。西奥多•安德烈亚斯•库克(Theodore Andreas Cook)在他的《生命的曲线》(The Curves of Life)一书把这些生长方式描述为“生命的基本过程……”每一段螺旋线表现了每个生长阶段,新生长的螺旋线非常逼近于黄金分割正方形的比例,而且比原来的大,鹦鹉螺旋线和其他贝类的成长方式,从来都不是精确的黄金分割比例。更确切地说,在生物成长方式的比例中存在一种趋势,努力接近黄金螺线比例,但是并没有达到准确的螺旋线的各个比例。

五边形和五角形也具有黄金分割比例,这可以在许多生物中发现,例如海胆等。把五边形内部细分得到五角星形,并且五角形内任意两线的比例都是黄金分割率1:1.618。

松果和向日葵的螺旋成长方式是相似的两者的种子都是沿着两个反向旋转的交叉螺旋线生长的,而且每颗种子都同时属于这两种交叉的螺旋线。通过对松果种子螺旋线的研究,发现有8条顺时针方向的螺旋线,13条逆时针方向的螺旋线,这个比例非常接近于黄金分割率。在向日葵的螺旋线中,有21条顺时针方向的螺旋线和34条逆时针方向的螺旋线,这个比例也接近于黄金分割率。

在松果中发现的数字8和13以及在向日葵中发现的数21和34对数学家们来说是很熟悉。他们是斐波纳契数列的相邻数。在这个数列中的每个数字都是前两个数字的和:0、1、1、2、3、5、8、13、21、34、55……这些相邻数字的比例逐步逼近黄金分割率1:1.618。
由此我们得出这样一个结论:人类对自然得审美是物质性的。是出于对人类身处的世界的适应,审美绝非主观先验的东西,正如“源于生活,高于生活”一语所阐释。设计应该是对自然的高级模仿——而这种模仿必须是认知清楚基础之上的主观能动的行为。

在视觉分割原理的教学当中,只有学生了掌握比例的客观性、物质性才能够在其他课程和艺术设计实践中设计出适合符合基本审美法则的作品。


人体的各种比例

人体像许多动植物一样,也具有黄金分割率。人类对于种种黄金分割比例偏好的另一个原因,也许就是人的面部和身体同样具有在所有生物中所发现的这个数学比例关系。

残存保留下来的、最早的关于人体与建筑比例的研究,是古希腊学者及建筑家马库斯•维特鲁威•波利奥(Marcus Vitruvius Pollio)的著述,他更广泛计被称为维特鲁威。维特鲁威建议,神殿这类建筑物应该采用与完美的人体比例相似的比例构成方式,因为人体各部分十分和谐。维特鲁威描述了这种比例,并解释说,具有完美比例的人体的身高与伸展开的手臂的长度是相等的。人体的高度与伸展于的手臂的长度形成了一个正方形将人体围住,而手和脚正好落在以肚脐为圆心的圆上。在此体系中,人体在腹股沟处被等分为两个部分,肚脐则位于黄金分割点上。

15世纪末到16世纪初,文艺复兴时期的艺术家莱昂纳多•达芬奇(Leonardo da Vinci)运用了维特鲁威原理。他既是人体比例体系的追随者,也是这个体系的研究者。达芬奇为数学家卢卡•帕乔利(Luca Pacioli)的书《完美的比例》(Divina Proportion,1509年)绘制插图。

维持鲁威原理既包含有人体的各种比例,也包含有人类面 部的各种比例。这些面部五官的位置形成了希腊与罗马雕塑的经典比例。

人类和其他生物一样很难达到完美的具有黄金分割的面部及身体比例。艺术家们,尤其是古希腊人对各种黄金分割比例运用,是系统化和理想化表现人体的一种尝试。


人造比例

除了记载了人体的各种比例,维特鲁威也是一位建筑师,并记载了各种和谐的建筑比例。他提倡神殿建筑物应该以完美的人体比例为基础,这种和谐的 比例存在于人体各个部分。据信,他提出了模数概念,按照这种方法,用头或脚长度作为一个模数表示人体各个比例。这种观点贯穿建筑的历史,成为一个重要的思想。
位于雅典(Athens)的帕提农神庙(Parthenon)是一个运用希腊比例体系的实例。简单分析,帕提农神庙的正面符合多重黄金分割矩形。二次黄金分割矩形构成楣梁、中楣和山形墙的高度。最大黄金分割矩形中的正方形确定了山形墙的高,图中最小的黄金分割矩形决定了中楣和楣梁的位置。

几个世纪之后“完美比例”,即黄金分割,被有意识地运用在哥特式(Gothic)大教堂中。在《走向新建筑》(Towards A New Architecture)书中,柯布西耶引证了巴黎圣母院(Cathedral of Notre Dame,Paris)(图8)正面各种比例中的正方形和圆的作用。包围大教堂的那个矩形具有黄金分割比例。这个黄金分割矩形中的正方形围住了在大教堂正面主体部分,二次黄金分割矩形围住了两座塔楼。这些线是两条对角线,在通风窗上方相交,穿过了在大教堂正面矮墙的拐角。正如结构示意图所表示的那样,中间正门也符合黄金分割比例。通风窗的直径等于1/4个正方形内切圆的直径。


柯布西耶的各种辅助线

“辅助线是建筑的一种必然元素,对次序也是必要的。辅助线是避免任意性的一种保证。它可以使人很好地理解设计。这种辅助线是实现目标的一种方法,而不是一种决窍处方 。辅助线的选择及其他的表达形式是建筑创作的一个整体部分。”(图9)
柯布西耶在几何结构和数学的运用上表现出来的兴趣在他的《走向新建筑》一书有所记载。在这本书中,他探讨了将各种辅助线作为一种在建筑中创造次序和美的方法的必要性,并回答了针对他 “你用你那些辅助线扼杀想像力,你制造了一个开处方的神”的批评。他回应道,“但是过去已经给我们留下了证据,那些有图例的文献资料、亚麻布、石器、雕刻过的石头、羊皮纸文稿、手稿、印刷物……甚至最原始的建筑师创造了用手、脚、、前臂作为测量的控制单位,以便使这项工作系统化和次序化。同时,这种结构的比例符合人的比例。”
柯布西耶把辅助线看作“……灵感的决定性因素之一,它是建筑中重要的操作环节之一。”后来,在1942年,柯布西耶出版了《模块化:人体比例的和谐度量可以通用于建筑和机械》一书。

黄金分割矩形的构成

黄金分割矩形具有完美的比例。将一条线段分为两部分,整条线段AB与较长部分AC的比值与较长部分AC与较短部分BC的比值相同,这个完美的比例就来源于这种线条分割的过程。这样就给出一个近似1.61803:1,也可以表示为(1+√5)/2
黄金矩形独特之处在于当它被分割后,得到的图形是一个较小的等比的矩形,分割后剩下的面积是一个正方形。因为分割得到一个二次黄金矩形和一个正方形的特殊的性质,黄金矩形被称为“螺旋产生正方形的矩形。”这些等比例减小的正方形能够产生一条螺旋线,用正方形的边长作为半径可以构成一条螺旋线。

黄金分割的各种比例

三角形黄金分割方法产生了黄金分割矩形的各个边。另外,这种构成方法能产生一系列圆或正方形,它们彼此符合黄金分割比例。

黄金分割和斐波纳契数列

黄金分割的特殊比例特性与斐波纳契数列有密切关系,这组序列是为比萨(Pisa)的达芬奇而命名的,他在大约800年前将这个数列与十进起引入欧洲。

这组数列的数字为1、1、2、3、5、8、13、21、34…前面两个数字相加得到第三个数。例如,1+1=2、1+2=3、2+3=5等。这个数列的比例的形式非常接近与黄金分割的比例体系。在这组序列中前面的那些数字开始接近黄金分割。该数列中第15个数字后的任一数字除它后面的那个数字近似于0.618,而这些数字除以它前面的那个数字则近似于1.618。

黄金分割三角形和椭圆

这个黄金三角形是等腰三角形,具有两条相等的边,并以“卓越”三角形而闻名,因为它的特性类似于黄金分割矩形的特性;它是大多数人所喜欢的那种三角形。它很容易从一个五边形中得到,并且顶角为36°,两个底角为72°。将这个三角的底角与相对的五角形的顶点相连,这个构能被进一步被分割成另一个黄金三角形。用对角线连接各个顶点将会产生一个五角星形。这个十边形,外轮廓边共有10条的多边形,通过其中心点意两个相临顶点的连接将会产生一系列的黄金三角形。(图12)
黄金分割随圆形也显示出了与黄金矩形和黄金三形相似的美学性质。就像矩形一样,它的短轴与长轴的比例为1:1.618.

黄金分割的各种动态矩形

所有的矩形可分为两类:含有如1/2、2/3、3/3、3/4等有理分数比的固定矩形和含有如√2、√3、√5、ø(黄金分割率)等无理分数比率的动态矩形。当那些固定矩形再分割时不能产生一系列令人视觉怜悯的平面比率。这些分割是可以实被预测的、有规律的而且没有太多的变化。然而,那些动态矩形分割时能产生无数个令人视觉愉悦和谐分割和平面的比率,因为它们的比率是由无理数组成。
分割一个动态矩形成一系列和谐图形的过程非常简单。先画出对角线,然后由水平线和垂线形成的网又构成子图形的边和对角线。

√2矩形

(图14)√2矩形具有特殊的性质,能被无限分割为更小的等比矩形。这意味着当一个√2矩形被二等分时,得到2个较小的√2矩形;当被四等分时,得到4个较小的√2矩形。
应该指出的是√2矩形的比例似于(相当接近)黄金分割率。
√2的比例是1:1.414,而黄金分割的比例是1:1.618。

工业标准中纸张的规格

√2矩形具有特殊的性质,能被无限分割为等比更小的矩形。画龙点睛是因为这个原因,√2矩形是欧洲DIN纸张尺寸体系的基础。因此,本书分析的许多欧洲海报也采用了这个比例,将这张纸对折就得到原来纸张的一半,这张纸被折叠4次就得到4印张或者说是8印刷面,等等。这个标准体系不仅很简捷,而且最大限度利用纸张没有任何浪费。

各种√2动态矩形

与黄金分割矩形相似,√2矩形也被称为动态矩形,因为像黄金分割矩形一样,能产生大量分割与组合,这些图形总是符合原始矩形的比例。和谐分割过程包括画对角线、然后画水平线和垂直线网格以分割4条边及对角线。√2矩形通常被分割为同样大量的内含小矩形。
√3矩形

正如√2矩形能被分割成相似的矩形,√3、√4和√5矩形也可以被这样分割。这些矩形既能被横向分割也能被纵向分割。这个√3矩形能被分割为3个垂直的矩形能被分割为3个水平的矩形,等等。
这个√3矩形具有构成一个正六棱柱结构的特性。这个六边形能在雪花晶体的形状、蜂巢和自然界许多其他的方面中找到。
类似的分割方法还有√4、√5矩形,大致的分割原理基本雷同,这里就不一一赘述。

至此我们了解了视觉分割的基本的原理,在日常教学中我们除了运用这些基本原理来要求学生的作业之外,更为重要的教学手段是通过实证教学向学生介绍如何合理运用视觉分割原理来分析设计作品。

例一:甲壳虫汽车。
该车外造型符合优美黄金分割椭圆的上半部分。侧窗重复了黄金分割椭圆形状,车门在一个正方形里,符合一个黄金分割矩形,后车窗符合黄金分割矩形的倒易部分。泊车外观造型的各处细节变化部分都与黄金分割椭圆和正圆相切。甚至天线的定位都是与前车轮轮井外圆相切。 

这部车的正视图大体上是一个正方形,表面各个细节都对称。引擎盖上的大众公司的标志位于正方形中心。在结构示意图中,一个黄金分割椭圆与一个黄金分割矩形内接,车体正好处于黄分割椭圆的一半部分,椭圆长轴刚好在车轮中轴下部。第二个黄金侵害椭圆围绕着汽车侧窗,该椭圆同时与前轮轮井和后轮相切,椭圆长轴与前后轮轮井相切。

例二:浙江大学LOGO


在对称造型当中,研究比例的规律式对形状起止和边缘位置判断的过程。
我们不难发现,“求是鹰”的翼展和尾翼之间的黄金分割关系。隐藏在尾翼与头部连接线右侧的逆向的√2分割更加耐人寻味。

勒•柯布西耶在1931年说过“人类已经发现了许多韵律,这些韵律对人眼是明显的,它们之间的彼此关系是十分清楚的。这些韵律是人类各种活动的原本基础。人类用有机必然性来赞扬它,同样也赞扬纯粹的必然性,它使得儿童、老人、未受过教育的人及受过教育的人们都能描绘出黄金分割。”
这,也许就是我们视觉分割原理课程的意义所在吧。

2006年5月31日•杭州

【氧化教程】2D CGer 通关术

星期二, 11月 30th, 1999

今天,平面设计师的职业特征彻底被混淆了:平面设计与网站视觉设计、建筑表现后期、商业插画、动漫原画与制作从技术上已经没有了明晰的分界。我们已经无法从这些技术人员的工作环境来区分他们的准确职业。也许2D CGer或许可以作为这群注意力不在物体第三维的设计师们的统称。

    从内心到眼睛,比以前任何一个时代都快捷了,对好的作品的借鉴和改造也越来越方便。客户比任何时候都易于亲眼目睹或修改自己的设想。有时候我们甚至错觉:创意泛滥的年代,技术已经成为设计师的第一性要素了。

    做一个好的2D CGer,严格说做一个技术好的2D CGer,好像有太多的技术手段可供选择;同行使用着五花八门的软件。繁多的软件、频繁的升级,在满足新鲜感的同时也给2D CGer带来了无穷的烦恼——有时候我们甚至觉得,我们是搞软件的一群人,而不是设计师。设计成了一场游戏,我们永远也看不到关底。

    事实上,事情完全不是这么复杂,2D CGer可以有自己稳定有效的通关术。

    Photoshop+Illustrator+GoLive+Flash是2D CGer的通关王牌,当然如果粗通Paniter对你会更加有所裨益。

    比起那些名目繁多的平面软件来说,Photoshop、Illustrator和GoLive同为Adobe公司的产品,具有良好的通识性,Flash则是二维动画的翘楚之物。可以说能够很好地掌握和应用这四个软件,就能够完全应付2D CGer的全部工作了。

    Photoshop的专长在于图像处理,而不是图形创作。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果。Photoshop的学习,至关重要的是层的观念,比起Photoshop4.0时候在没有图层的环境中苦苦挣扎的设计师,今天是2D CGer是非常幸福的。理解了层的概念,就会明白所有的效果、样式、滤镜无非是实现最终效果的一个阶段。所有成果的显现是不同区域、不同手段的层的组合。和Photoshop捆绑在ImageReady,则是GIF文件的最佳助手,现在的界面,几乎不需要学习就可以上手。

    Illustrator的工作原理和Photoshop大同小异,不同的是Illustrator是生成矢量图形的,她的图形创作力更强,无论你是线稿的设计者和专业插画家、生产多媒体图像的艺术家、还是互联网页或在线内容的制作者,使用过Illustrator后都会发现,其强大的功能和简洁的界面设计风格都是同类软件所无法比拟的。与CorelDRAW相比,Illustrator生成的各种格式的图像,不会存在向上、向下互不兼容的尴尬。由于与Photoshop同属一个品系,学习难度大大降低。

    如果你是网页或在线内容设计师,那忘掉“网络三剑客”吧,GoLive的友好界面会给我们一种宾至如归的感觉。GoLive是网络设计领域的专业创作人员应用的强大集成网络出版工具。与Dreamweaver的繁琐操作不同,GoLive更体贴重视视觉感受的2D CGer,操作的直观性令Dreamweaver黯然失色。自有的 Photoshop 、 Illustrator 及PDF文件能够作为智能对象置入GoLive ,这些对象在进行裁切或调整大小时可随意进行重新处理。用可视 CSS 版面窗口来创建完美依循标准、在最新的移动设备和 Web 浏览器上皆可完满运行的代码。可以方便地手动编码并进行语法验证。使用可视化编辑和高级的代码工具设计移动设备站点,然后在预览中模拟移动设备上的浏览器检查效果。

    恭喜那些从来没有接触过网页设计的人,GoLive可以让你少学许多令人头疼的软件,让你迅速成为网页高手。习惯用“三剑客”设计师,不妨试着用一下GoLive,你会发现,平时很繁琐的动作,在这里易如反掌。

    作为2D CGer ,动态二维图像的制作是必备的技能。Flash是二维设计中唯一涉及第四维——时间维的软件。Flash能够实现的效果,大家已经非常熟悉了。学习Flash有两个层面的意思:一是部分功能的应用,一是精通。在接触Flash之初,我们就应该清楚哪一种知识是你最急需的。

    如果要精通Flash,则需要一定的程序语言基础,尽管Flash已经提供了很多现成的语句,但是要自如的实现语言控制,恐怕还要假以时日。

    如果用于一般展示、网页制作,那么Flash的学习是一个轻松而有趣味的过程,只要弄清楚“时间轴”、“关键帧”、“场景”、“元件”之间的关系,同时记得给多的层起好名字,基本上就可以应付一般的案子了。

    当然,除了Photoshop+Illustrator+GoLive+Flash的组合之外,还有许多的软件也是非常好的设计工具。但从效率、通识性、难易度几个方面权衡,笔者以为这个的组合,是2D CGer较为便捷的通关利器。

    除了掌握通关术之外,耐心、毅力和艺术修为也是2D CGer成功不可或缺的要素。

【氧化教程】字体的3D效果

星期二, 11月 30th, 1999

效果:

点击查看整个教程

【氧化教程】PS背景橡皮擦

星期二, 11月 30th, 1999

看了很多图片半透明叠加的教程,总觉得过于复杂,工具应当是提高效率的,这里介绍一个迅速实现梦幻叠加的小技巧。

效果:

点击查看整个教程

【氧化教程】PS一步做邮票

星期二, 11月 30th, 1999

1、选择图片

2、裁切邮票图片

3、新建图层,矩形选区,前景色填充,右键“建立工作路径”

4、在画笔工作面板中,调整笔触的大小、间距等

5、右键“描边路径”

6、使用当前画笔

7、描边

8、选取邮票形状,注意降低容差!

9、添加文字

要点:

画笔工具的调整,邮票锯齿的大小、疏密由画笔直径、间距控制

选取单色形状,注意减低选取工具的容差,小容差,形状很完整

(end)

效果:

【氧化教程】1分钟实现水墨效果

星期二, 11月 30th, 1999

经常有朋友探讨水墨效果的photoshop实现问题,一点小经验,分享一下:

原图片

效果:

点击查看全部教程

【氧化贴士】分享FLASH菜单下载地址

星期二, 11月 30th, 1999

点击查看FLASH菜单效果

分享FLASH菜单下载地址