现在谈六一导航，我是不是有点OUT了··哈哈。不怕不怕，反正写都写了。就厚着脸皮发表下。为博客重新开通打个华丽丽的头炮···！
设计过程概述
⑴头脑风暴（搜集与61相关的信息）——⑵沟通评审定草图（择优选择）——电脑制作（根据草图，制作正式设计稿）——发布测试(完善设计)。
设计过程分析
头脑风暴（选最好的设计方案，舍弃其他）：
用文字和简单的图片将与主提相关的信息记录下来。这在这个步骤中，大家可以开个简短的小会，畅所欲言。呵呵，可是考验大家想象力的时候。整理出如下风暴：
接下来筛选。从中选出一些跟61主题紧密联系的信息。做一些关联性的联想。例如：61节–天气很好–天空飘着朵朵白云–小朋友–穿着新衣服–去游乐场–坐蹦蹦车。又例如，61节–小朋友们–去西湖—划船—柳叶飘飘。61节–小朋友—在沙滩上—围坐在一起—堆积木小城堡。~~~~~按照这种思路可以在图中找到很多条联想。给导航的设计提供很多方案。
审定草图（选最好的设计方案，舍弃其他）：
草图阶段是很重要的一步。很多想法想来想去都在脑子里，想的再完美，具体能不能实现还是未知数。所以草图阶段就是实现设计方案的第一步。在这个阶段要对既定的方案做出判断。是否可以实现预定效果，实现过程中将会遇到什么困难，如何解决困难等等···。最后我们选定的是61节—小朋友–去游乐场—做云霄飞车（过山车），这一方案。
草图出来之后，发现这个方案有存在一些问题。
1.轨道的走法。如何走才能走出61两个字，而又不显得做作。
2.轨道是做成一个平面的，还是做成假3维，有角度变化的。
3.过山车车体是做成一节车厢，还是多节车厢。
4.如果轨道是有角度变化的，过山车车体也需要有角度变化，如何用最简单，最自然的方法解决这以难题。
5.导航高度是70像素，如何让过山车的运动在如此狭长的空间内有高度感，有冲击力。
判断。解决以上问题，导航效果将可以实现，否之，则不能。
解决方案：
1．在网站上找些现实过山车的图片，进行参考。各种样子和角度的都可以，进行草图绘制，最终绘制出满意的过山车草图（百度图片很强大，绝对能找到需要的图）。
2．考虑去年19楼61导航中也是用过山车。过山车是全侧面的。今年也是做过山车，那一定要有突破。况且多角度能够带来更多快感，增加身临其境的感觉。
3.因为轨道选择有角度的，一节车厢相对会简单一点。多节车厢不仅要考虑车子本身跟轨道的旋转。还要考虑车厢跟车厢之间的运动轨迹和规律。在较短的时间内比较难实现。这点我选择了较为简单的一节车厢。
4.用云彩或者其他遮挡物，在轨道角度变化时做下遮挡。这样的话就不需要将过山车做成砖头动画。只需要挑选几个不同的车子角度画下。这个可以实现这个旋转的效果。
5．还是取决于轨道的设计，既然不能上下衍生，就做成像空间衍生，从远近关系做突破。
以上问题均在草图阶段做出解决方案，进入下一步。
电脑制作（根据草图，制作正式设计稿）。
制作将要出现的问题已经在草图阶段做了评估。也给出解决方案。上电脑制作就是如鱼得水了。
第1步。AI勾勒草图：
注意事项：
预先考虑到FLASH中过山车运动要分段制作。所以AI中画轨道时也需要按照规律，分段来画。避免图片到导入动画时出现问题。
由于导航的大小只有70PX*980PX，并且到时候的成品大小是越小越好，所以在绘制导航的AI图稿时。就要考虑到图像尽量精简，节点尽量少，曲线多用贝斯尔。在画完后，放大看下，将多余的节点去掉。呵呵这一步都是为了到时候flash的文件量小点。
还有一些复杂的效果，例如网格填充，透明度蒙版等，这些效果缩到70PX的高度，都几乎看不到了。而且会增加文件量。
在绘制AI时需要做及时的调整。如加入一些小元素烘托气氛。太阳，小旗子，云朵 等等等等··注意不要喧宾夺主。这些都只是点缀。
第二步：
将AI文件分层导入FLASH.。这里注意要分层导入。并将每个图层是什么命名好可以提高动画制作的效率。 制作过山车运动时还要注意符合现实生活运动的规律。
在动画完成后，可以进入原件最里面，将AI图形打散。打散的时候也不能图马虎。如果全选一次打散，可能会出现很多图层不见的现象。最好的方法是从最下面的图形开始打散。一次往上打散。打散可以是可以将FLASH文件量减小的哦···呵呵。
将重复的元素转化为原件。重复利用。例如云彩，只需要做一个原件存放到库里。要用时托到工作区，可以放大缩小，水平翻转。出来的效果就不一样了，但其实它还是同一个原件。也只占用一个原件的文件大小。
第三步：
发布预览。这一步也不能少，这个步骤是自检。这里可以设计稿不完善的地方。可以再修改，再完善。这里需要测试下导航在本地的CPU占用率。太高的话，如果上线，会影响到用户浏览网站的速度。而影响CPU峰值的重要原因，则是FLASH动画的复杂程度。设计的时候尽量不要去做电脑自动生成的动画。例如补间动画，形状动画。即使做了，也可以在最后的时候全选那一段，按住F6，将其转化成逐帧动画。那样可以减少电脑的运算哦···前提是补间都是由原件做的。
第四步：
发布上线······等待反馈，作为下次的参考。
差不多就到这里，导航算是完成了。成品只有几秒钟，但是过程却很漫长。大家的支持，帮助，是必不可少的。那些这次没有选用的奇思妙想，等待着我们下一次的挑战。
Come on 2011年6月1日。
自己抢自己沙发····
““`对不住春哥···沙发马甲
做的明显比我们家罩兄好！
今天居然没看到照兄。
小白，胳膊不要往外拐。小心晚上罩兄虐待你@
可爱的过山车 哈哈
顶了！
看到错别字了～～～做出来的效果蛮好的
第一次看到设计的过程…不错不错！
小样，长进不少，设计思路很清晰，草稿保存地很好，哈哈……
不错的教程分享~~
61节–小朋友们–去西湖—划船—柳叶飘飘。61节–小朋友—在沙滩上—围坐在一起—堆积木小城堡。
很有趣味~~~
对了，被遮盖的那部分轨迹，也是做逐帧动画的么？还是把不出现的地方转换成逐帧动画后删除？
嘿嘿~~
不错哦…
@HJin_me
呵呵马虎了，已经修改。
人气好高哇~
赞！充满想象力和执行力。
轨道渐渐出来的动画制作。
1.将轨道层转化为遮罩层。放在顶部。
2.被遮罩层是用一个4分之一圆弧的影片剪辑制作的。圆弧的中心点设在轨道的弧形的中心。圆弧的颜色填充为红色。只要制作圆弧绕圆心旋转的补间动画。就能出现轨道渐渐出来的效果。
3.一个4分之一圆弧形，有时候可能不够大。所以可以将动画另外起一行。将上面一层圆弧最后一帧复制。黏贴到下一层紧接着的那一帧。继续做绕圆心运动。直到圆弧将轨道覆盖。
4.这个动画，固定的是轨道，轨道是一个遮罩。动的是他下面的红色图形，它有点像扇子打开的动画。下面的红色弧形每做一层都记得转化为轨道的被遮罩层哦。因为一个遮罩层下可以设置多个被遮罩的图形。
5.最后就可以将补间动画转为逐帧了。呵呵··因为是用原件做的。文件量也不会增加。
呵呵··不知道俺表述清楚了米··。谢谢你的关注。
学习啊！
博客终于开放了
好设计！顶！
台上几秒钟，台下十年功啊~我要达到这种水平还要磨练磨练~多多交流哈~
好文，收藏至20ju.com
好文，收藏了，感谢分享，一直关注19楼，偶会常来的
学习ING。我会常来关注的
不错 不错
wg
不错不错 啊
很赞，开始 过程 结果都很好。
今天才知道，原来那个轨迹是“6·1”。但是“6”的起笔好像反着来了。