论文提要：《PEN》是一部有别于其他flash的充满设计感的Flash动画。本篇论文主要从动画的表达形式与内容方面分析，结合构成学，视觉心理学等，介绍和分析《PEN》的设计理念与其所表达的含义。

关键词：《PEN》空间 引导视觉 视觉感受 表达形式

在一年之前看了鹌鹑蛋的Flash动画《我们和门》之后，我们被其精美的制作与深厚的设计功底震撼了，原来Flash可以这样做！从而我们萌发了尽自己的能力制作一部同样有设计感的Flash动画的念头，《PEN》就是这样在酝酿之中了。

《PEN》是有别于市面上粗制滥造Flash动画的一部Flash动画。制作的开始我们是把它定位为一部流行插画设计类的Flash动画，因此在制作的过程中融入了自己的设计理念，使动画的每一个静止帧都能看作一幅平面作品。

在观看《PEN》之前，我想大家先看看下面几个问题：每一行的字幕是怎么样引导我们视觉的？主角是在怎样的一个空间然后怎么样过度到另一个空间的？以及这些带给你什么样的视觉感受？

首先我们先看Loading的画面，是以PEN英文字母为主体，中文与英文，动画介绍与含义有机的结合。那个拖长的n字，它把主要的内容（英文字母的组合）顶到了左边，使构图更为饱满。左边的文字是大而密的，右边文字是空而疏的 ，左面的圈圈是密集的右面的圆圈排列是稀疏的，这就是对比和呼应的关系。使画面有实有虚，疏密分布。在色彩的分布也很讲究，黑白色映衬可以压下鲜艳的橘黄色，夺目但不刺眼。圆圈中相近的橘黄色和上半部分英文的颜色互相呼应，使结构完整。更能突出上面的主体。组合的下方，是大量的同心圆的集合。为什么圆形要放在下面不放在上面？其实圆形给我们的感觉是贴地的，放在下面能够称得起。 圆形的出现都是由下到上慢慢升起，重量感得以保持的同时给人一种轻松的感觉。在同心圆的组合上，由大小不一的圆形为主，右上角的大圆打破平衡，使这个构成看起来更加舒服。

动画一开始，英文一节一节出现，同时中文靠十字虚线和箭头的微微移动引导我们的视觉。这本身就是一种音乐一样的节奏。箭头颜色的变换，还有它和十字虚线每一句的上下左右运动是和英文的排列配合在一起的，每出现一个句子空间就变小了，这时就需要把剩余的空间发挥出来，句子的叠加排列就是运用剩余空间的想法。每一句文字的出现，是先出现次要的文字，然后另一种颜色的关键字由其他形式出现，吸引读者的注意。虚线和中文始终运动得很舒展，排列错落有致，配合音乐、文字颜色更富有秩序感。

然后我们由一个窗户过度到一个抽象的空间，小孩背对我们，从窗口望出去的空间是很抽象的，有种懵懂的，但充满对世界求知的感觉．前面窗子，窗帘，大人这些图像的闪现还有背景中抽象小人的互相代替增加了时间匆匆流逝的感觉．但因为音乐很舒缓，抽象和具象的人的动作很平静，而且色调和谐，整体反而给人一种和缓的节奏．

窗口的打开引起了孩提时代的朦胧和对世界的探知，钢笔就是如何表达这个世界的一个工具，画面过渡到小孩为了追求钢笔带来的权利而努力学习。就是这样我们进入了一个下面具像的空间（中学的生活）。在小孩到中学生的那段抽象空间有很多很有意思的小人，又的在看书，做化学实验，打电话，还有玩电脑．．．从小孩到中学生那段时间其实很长的，但用一些符号就可以自然的过渡，这些抽象的"人"其实是很多人的影子，大家都有这些经历，引起我们的共鸣 。这段动画很短，但是因为短，所以更让人觉得时间一晃就三四年。

从小孩到中学生的那段时光运用的是抽象的空间，这里有让人一种回忆很久以前的事情的感觉，然后通过主人公写字连同书桌 的位移进入到比较具象的空间——学校，伴随"是透过笔尖进入理想大学才能表现我的价值吗？"的字幕，在这个过程使观者产生一种微妙的心理变化——既有对中学生活的怀念，但又有一种必须面对升学考试的压力（这个现实的问题和比较具象的背景产生了呼应）。同学一个一个的闪现也会在潜意识产生一种对高中时代的怀念和学习的紧迫感。。。接下来画面锁定在女主角上则增加了那个年代的一种对爱朦胧的情感，让人在紧张之中得到调剂，这种情况很多人都有，引起别人的共鸣。然后男女主角进入抽象空间更是一种带有主观性的"排外"（起码是让人觉得他们两个在同一个世界里，其他人不能进入的世界），这给人一种幸福的感觉。

后面的空间是通过一扇黑色的门过渡，色调也随着过渡。女主角在比较具象的环境中被责骂，这是一个很现实的问题，印象中"家"是一定有门、窗口、家具（画面中的沙发和桌子、鞋柜）还有墙壁。墙壁是黑色的，门口开着，门窗都是黄色的，那是和外界沟通的出口，这么鲜艳色调似乎在暗示我们内外的一种对比——外面很美好，里面很压抑。至于颜色比较深黄的沙发和结构比较复杂的鞋柜，只是平衡这个画面的色彩，达到一种平和的过渡状态。

接下来就是更压抑的空间——全面的黑色。这个黑色的空间建筑是扭曲的，这是从不同的视点观察到的透视，两边建筑物都向主角倾斜，产生压抑的感觉。在拼凑空间的过程中原来那种统一的秩序没有了（这种秩序比女主角在家中的更加混乱，起码女主角的空间是一个独立的统一体），下雨和淋雨更是增加了画面的压抑。

然后主角把钢笔锁起，画面回归到鲜艳的色调，这时候其实主角是在故作坚强，明明受伤装作什么也没有发生。钢笔还是彩色的一种它是"客观道理"的象征，主角把它锁起来了，然后空间色调变成鲜艳，更是一种自欺欺人的恢复正常的表现。这时候各种物体（诱惑）一个一个闪现，更是突出了诱惑繁多。这个空间是具象的，因为是在陈述这个事实，一个一直贯穿了很久的事实，它至今还在作用着你。然后在最后也是最大的诱惑——"电脑"里出现处理后的cs对战视频，这里再次引起大家的共鸣，它使诱惑变得更加具体更加有代表性，而且在这部舒缓的动画里面突然有紧张的画面，带动了观者的情绪。在cs中选择了dust2，那是更加熟悉的题材，产生"亲切"的感觉。而且在这部舒缓的动画里面突然有紧张的画面，带动了观者的情绪。cs那段动画不是完全照抄的，它的结构平面性很强，色调以黄橙黑为主，这些和动画整体色调保持一致，过渡比较自然而且让我们产生不同于原作的新鲜感。在为人所了解的信息和新颖的信息的搭配中达到了平衡，这是很多人喜欢这段的原因。

然后转换到了原来的空间，主角很疲倦，俯视角度取景更能突出这些特点（让观者看得更清楚）。主角稍稍朝向偏红的墙壁有种被挤压的感觉。然后又把镜头放到成绩单上，低分成绩单之后是一支钢笔，钢笔的黑墨水渐渐扩散，黑色淹没了鲜艳，那象征主角的"自觉"，这时候黑色不再是压抑的符号，是一种在痛苦中的" 再生"（复兴）。字幕："但我无论如何也始终逃避不了这个世界。"配合画面的扩张（最后充斥 整个空间）似乎是一种无法逃避的感觉，反省是不可避免的事情.这段色调局部的过渡，也给人一种伤口是慢慢愈合的感觉。

然后主角进入了一个具像的空间，在这里想到了以前的自己，一个站着一个躺着也是一种对比。钢笔配合字幕又出现了，墙边的门也打开透出了概念中的光线——那是一个不同于进行cs的那个空间，虽然两个空间都是鲜艳的，但门开启的空间是充满活力的。只要主角站起来，他就可能走向这个空间。这是主角的转折点。他进入了门外面的世界，钢笔的线描到平涂使我们的到的关于这个世界的信息渐渐明晰起来。建筑是具象的，很容易从抽象的背景中分离出来，背景圆圈的排列是logo下半部分的结构，突出字幕的同时也为最后出现整个logo作出过渡，这时主题给人的印象就深刻了。

整部动画的内容，是以具体（表达）——象征（ｐｅｎ）——具体（表达）来表现，在动画的前后用"表达"这个关键词，中间部分用钢笔为载体穿插，尽力淡化剧情，以抽象的元素来表达我的观点。

在动画的表达形式上，可以分为色彩，构图，配乐三个部分来表现。

在空间上，整部动画我大胆的运用了许多对比强烈的颜色，例如黑与白，黑与黄，体现了年青的活跃与激情。在时间上，针对动画的内容，我在不同的部分运用的颜色也大不相同：
在动画的开头部分，我运用鲜艳的黄橙搭配，表现年幼的主角对未知世界的一切充满了幻想与期待；在动画的中期，我使用了单调的白与黑，灰暗的黑与灰搭配，讲述主角经历了生活中的种种挫折，对自己的未来失去了信心，想把自己藏起来逃避这个现实；在动画的后期，我使用了黑与灰到黑白到鲜艳颜色的过度，表达了主角在迷茫中找到了自己的方向，重拾信心，并向社会表达自己的价值。以色调的变化，描写了主角成长的过程。

《PEN》与一般的Flash最大的区别就是富有设计感的精美画面。人物的绘制是流行的矢量风格，场景用了线条表示，画面元素装饰运用了现在较为流行的同心圆。每一个画面元素的出现方式与顺序，都经过反复推敲，如镜头14，运用了点，线，面的结合。在绘制过程中，我结合了平面构成，色彩构成与摄影构图学的知识。如镜头2运用了典型的框式构图，镜头4，5使用了三分构图，镜头13使用了对角线构图。不但如此，我还在被人容易忽视的字体上下了功夫，选择了与动画风格相适应的中英文字体。开头的LOGO，在动画过程里的字幕，在字体出现方式与字体的排版上，我尽量做得有设计感，并添加了一些流行的元素。

第一版的《PEN》是我配乐的，但混音的效果不好，拼凑感太强。因此我在后来的版本对配乐进行了大刀阔斧的修改。在朋友的帮助下我找到了一首《sad & beautiful world》，无论快慢节奏与歌词意义都比较符合动画的气氛。配乐跟着动画的节奏，由缓慢——急促——缓慢——中速进行变化。动画的开始，缓慢的音乐节奏，细细的陈述年幼主角的成长过程，在受到了挫折之后，音乐的节奏忽然变为急促，表达主角迷失了自己，接下来音乐慢慢变得缓和，讲述主角对现状的反思，最后主角重新振作，音乐也变为悦耳的旋律。

《PEN》是我第一次对设计类Flash动画做出的尝试，在剧本编写与制作经验上肯定存在着不足，希望这编文章能帮助读者从更深层次去理解与欣赏这部动画。


参考资料：鹌鹑蛋的Flash动画《我们和门》


附录1

Flash动画《PEN》制作流程：
2004年中旬，IS 工作室成员决定制作一部以设计为主体的Flash动画。前期剧本由吴青完成，剧本的内容和表达方式与最后的成品有很大的出入。
2004年底，收集所需要的素材，由我确定动画的整体风格，完成动画的人物设定，并完成了部分场景的设定。全部工作在flash里完成。
2005.5 大幅度修改剧本，使动画的制作在我能力范围之内，并综合工作室人员的建议完成纸上分镜的绘制。
2005.6 在工作室成员的帮助下完成动画的静态电子分镜的绘制，并在朋友的帮助下添加了中英文字幕，剧本大部分已经修改完毕，动画的大体轮廓已经浮现。
2005.9 在停顿了一段时间之后，我重新进行《PEN》的制作。在制作过程中，由我负责动画与视频部分，区贤成负责动作函数与部分动画。由于有了前期的充分准备。动画的制作比较顺利。但由于要赶在天意数码之星比赛之前完成的缘故，后半部分有赶工的痕迹，内容表达得比较牵强，音乐搭配不够理想，整个动画十分生硬，但大体上还是完成了《PEN》的第一版制作。
2005.11 《PEN》第一版参加天意数码之星，并获得一等奖的殊荣。
2005 12 听取老师的修改意见，更加认识到了《PEN》存在的不足，决定重新制作。
2006.2 我修改了剧本，把字幕的寓意改得更为深刻。修改后剧本如下：（附录）
2006.3 重新制作动画，主要修改的地方有以下：
1.修改背景音乐，把原来赶工合成的背景音乐替换了；
2.修改了画面人物动作不合理的地方与一些画面细节；
3.听取老师的建议在CS视频结束的位置加多了一个画面作为缓冲，使动画的节奏不会过于突兀而衔接不上。

此时，最后版本的《PEN》正式完成。

附录2：

场景1
镜头1：前言
A、写在前面的
我总是在思考关于pen的话题。
I was always thinking about pen recently.
Pen是什么。
What is pen?
Pen是一种欲望的符号。一种向这个生育我们的世界表达我们自身，
A pen is a sign of desire, which we express ourselves to the world that nurtures us,
将所有的情感一股脑儿的呐喊出来的欲望。
The desire to pour out our emotion completely and immediately .
我们其实也正无时无刻不在表达，
We are expressing every time
用身体
by one's body
用声音
by one's voice
用文字
by one's writing
用其他的各种各样的媒体。
Or various medium
我们在表达自身的过程之中，创造并寻找自己的价值。
When expressing, we are creating and seeking the value of us. 我们仍在表达着。
we are still expressing
仍在……
Still

B、画面剧本
场景2
镜头2：（鲜艳色调）
字幕：小时候我渴望早日成为大人。
During my childhood, I do hope to grown up.
（画面：漆黑的一片，打开一扇小窗户（类似门的开头），窗户拉大， 小时候主角的透明高光出现，窗前流行的元素动态的出现 街道上的大人（胸前有钢笔）出现。(动画时间:2s，最后停2s)，其中一个大人停住，胸前别着一支钢笔）

镜头3：（鲜艳色调）
（画面：放大那支钢笔，大人身体逐渐消失，钢笔旋转，倾斜作写字状，逐渐出现一只小手握紧钢笔）*

镜头4：（鲜艳色调）
字幕：用钢笔幻想着我的未来
I fancy my future using the pen.

（画面： 拉远镜头，渐渐出现男主角小时侯手拿钢笔在房间写字的画面）

镜头5：（鲜艳色调转为白色调）
字幕：长大以后觉得那时候的理想是多么的幼稚
Since I grow up, the former ideal turns to be so infantile….
画面：（在出字幕的同时，主角逐渐变为中学生，以同样的姿势用钢笔写字）


镜头6（白色调）
（画面：画面向右移，抽象的背景消失，出现教室的场景，主角的同学一个一个有次序的渐渐出现）
字幕：是透过笔尖进入理想大学才能表现我的价值吗？
Using the pen to get into a perfect college, that's the right way to realize myself?

镜头7（白色调）
字幕： 还是。。。
Or…
（画面：镜头移到女主角时停止，其他同学迅速消失，画面一白）


镜头8（白色调转为深色调）
（画面：先出现主角写字，然后钢笔没有水了，女主角出现，递给他一支钢笔，然后画面一黑）字幕：与她在一起才是我的梦想？
To be with her, that's my real ideal?


镜头9（深色调）
（画面：一栋楼房，窗口打开，房间里家长责怪MM的画面闪过，画面黑，只出现文字，渐渐出现下一个画面）
字幕：在很多时候美好的事物总是像玻璃一样易碎。
Most of the time, niceness are always breakable easily like the glass.


镜头10（深色调）
（画面 镜头先从灰暗的天空下着大雨开始，慢慢拉下，出现被大雨淋湿的男主角，一个人走在大街上）
字幕：我只好封闭自己，只有这样才不会再受到伤害。
Hide myself is the only way to escape, so that I won't be hurt then.


镜头11：（深色调变为鲜艳色调）
字幕：把钢笔连同自己深深的锁在抽屉里。
I am not only locking the pen in the drawer, but with me.
（画面：先出现钢笔，镜头拉开，钢笔在抽屉内，关上抽屉，画面色调变为鲜艳，意思说他把理想锁住了）


镜头 12：（鲜艳色调）
字幕：沉浸在各种诱惑中，麻醉现实中的自己。
（画面：渐渐桌面上出现一些书本，手机，CD机之类的东西，最后出现电脑，电脑显示器放大，占有了整个画面，插入处理后的激烈CS对战视屏 ）


镜头 13（白色调）
（画面：CS视屏结束，桌面出现一张低分的成绩单，镜头转上，一支钢笔悬空，一滴墨迹落下，无限扩大，占有了整个画面）
字幕：但我无论如何也始终逃避不了这个世界。
However, I cannot escape from the real world

镜头14（白色调）
（画面：主角失意的在门前，门打开，光芒射入，以前的主角递一支钢笔给现在的主角）
字幕：当我最迷惑的时候，我想起了儿时的那只钢笔，还有钢笔下的理想。
When I was confusion, I thought about my pen which used in my childhood, and the ideal with it.


镜头15（鲜艳色调）字幕：与其去逃避，不如主导生活。
Better to lead the life than to run away.
（画面：主角手握紧钢笔，钢笔在画面上开始画，科技化的建筑，人物，广告等）



镜头 16
（画面：钢笔画的东西变为现实，例如画的汽车开始动，人物走路，街灯亮了等等。。。）
画面变黑，出现字幕：生活，因表达而产生价值
To live, expressing brings the value。

场景3
广告，制作人员名单，结束。