快速塑造场景化banner（初级教程）
需求背景：
酒店产品与电影票的交叉互动营销，当时订的主题是订酒店送电影票，需要一看到banner 就能联想起电影院的场景。因为只是一个小Banner,需求方要求的也比较紧急，所以快速而准确的将需求方的信息传达出来比较重要。（初级教程，高手绕过）
先放一张完成图
下面分步骤说一下我是如何做这张图的
1：联想
主题是送电影票，我想塑造一个手拿着电影票的场景，然后再用和电影相关的其他元素去点缀烘托，制造促销热闹的氛围。粗略想了一些页面上要放置 手，电影票，爆米花，3D眼镜等元素。
2：将主要的元素先放置在画布上面进行简单的排版
3：设计标题
标题字体是选用现有的字体简单做了一点变形，banner上面用户浏览速度比较快，所以标题字体也是处理的相对简洁一些，让人可以第一眼就记住信息。将字体转化为形状，使用钢笔工具去进行锚点的移动，字体只是简单的字间连接。细节处理的还是不到位。
4：确定背景以及绘制主要元素
banner背景主要当时考虑是酒店以及电影票，这些场景基本上都是在夜晚，所以背景以暗紫色为主。Banner的主体是手以及电影票，所以这两个部分是重点刻画的部分。所以我搜索一些手势以及电影票来做参考。
下面就是慢慢画了。具体步骤就不演示出来。电影票主要是使用形状工具以及布尔运算去确定造型。
5：继续添加其他元素
主体设计完成之后，下面要添加爆米花，眼镜等元素去烘托电影的气氛。这些元素基本上以扁平的为主，画完之后，调整在页面的位置，因为手是做出血处理，所以其他的元素也和手有个呼应，进行排列。
6：页面元素基本确定下来，但是缺了点什么，对了，背景太平，没有层次感，促销的氛围也不是很强烈。好，下面就是调整背景。所以想了想，背景上面有增加一些虚实，以及一些夜空的元素，比如流星，点点，而且和夜空的黑暗形成一些对比，让夜空更透气一些，不至于太沉闷。
稍微有点感觉了，但还是有点不够，这时候还要增加一些促销的信息。浮动的券，以及一些方块元素在上面，这时候在处理上要注意虚实的结合，这样对于空间的层次有很大的提升作用。
总结
只是简单罗列了一些步骤，实际在做的过程中，页面元素的排列，都进行了很多次的尝试，花了很多时间，去寻找一个合适的效果，整个过程差不多3个多小时。当然手也不少时间去处理。感觉设计就是不停的寻找各种元素之间的逻辑关系，然后去进行虚实明暗细节的刻画。第一次写这些，不是很专业，欢迎大家拍砖,也比较简单，欢迎大家能够去提一些不同的意见，在下面评论就好。
转载请加连接：960px » 快速塑造场景化banner（初级教程）