PS教程banner游戏专题运营设计.docxVIP

PS教程 | hao123游戏运营Banner设计 【概要】：本文的主要内容是教大家从无到有构思、设计好一个游戏运营专题页顶部的主题banner，内容涵盖思维、技法及软件操作。在运营专题里盘点类的频率非常高，做一个汇总类的长专题就要求我们的banner视觉也必须和这种主题环环相扣，从而让人眼前一亮，过目不忘。 【内容框架】： 1.需求分析及提炼要点 2.构图形式空间风格的确定 3.寻找素材 4.确立整体的视觉风格与色调 5.确立光源与光照效果 6.PS+AI操作执行 【使用软件】；AI+PS 【设计难度】：★★★☆☆ 【最终效果图】： 【创作过程（从思维到技法）】： 1.需求分析及提炼要点 首先分析一下此次的话题，它的主要词语是“4宗罪”，我们知道，犯罪是一种过失表现，也是许多游戏系玩家的内容，而我们的目的是将它的实际意义与趣味性相结合，从而达到一个有意思的反差效果。 2.构??形式空间风格的确定 这样一张其貌不扬的图，其实大有乾坤，代表着整个的设计思路。 在明确了我们的目的之后，我们要做的就是基础分析与风格的确定。这次设计采用了一个四层发散式的构成处理，第一层的三角层是与下面内容的衔接层，第二层是主要角色层，可以把一些游戏角色放在这个层里，该层放置的内容奠定了整个banner的基调，第三层是主、副标题的标题层，第四层是其他的次要角色层，最后就是背景层。所有从中心像四周散发的线条就是要做一个由中心向四周发光的视觉效果，这时候我们在脑海之中已经形成了对该BANNER的一整体设想，这样一个草图，让我们在后期完善设计的同时不至于偏离航线，并且在整体的空间把我上游刃有余。 3.寻找素材 一是选择角色两个跟犯罪题材比较相关的两个人物（由大型游戏里面提取而出），手持链条与木棒的男生，被逮捕的美女。 二是以及其他一些次要角色，因为是盘点专题，肯定有不是完全犯罪的角色的出现。 三是我们需要一些辅助的图形，比如说这些笔刷，然后还有这些破旧的纹理，当然这些素材你在网上很容易找到。 四是背景素材。比如说一些阴暗的城堡，一些远山、云雾，以及一些邪恶的龙等等。 4.确立整体的视觉风格与色调 进一步丰富上一步的抽象图形，主要素材与配图可以试着摆放，文字的色调设想为红黑配，突出犯罪的整体调性。背景与次要级配图都用冷色调，冷暖对比会让人的视觉上更有一种犀利的感觉。 5.确立光源与光照效果 因为字体在整体设计里占到的视觉比例非常大，所以它的细节一定要处理好才能夺人眼球。如图所示，“4”处于画面的中心点，是一个主光源与主视觉的发散点，由它散发出来的光会直接影响到它旁边的字体与素材，它们的视觉与效果处理由光源决定。 6.PS+AI操作执行 6.1 设计主标题（主视觉） 在绝大多数专题banner设计里，字体的形态风格、创意，对整个视觉的走向都是举足轻重的。那么对字体的处理，我们应该如何思考，又应该怎么做呢？该banner设计中，我们把重心放在主标题的字体设计中，首先让我们来预览一下主标题的最终的效果： 6.1.1 前期构思 这样一个文字是怎么设计出来的呢？我们一起来看一下这张图：这张图就表明了这次设计，字形的整体安排，就是以4为一个主要的中心点，然后其他的字都围绕着4做了一个空间的变化。 （小贴士：阿拉伯数字的1到10都非常适于做设计的变化，把它单独提取出来，作为整个视觉的中心点是很常用的小技巧。且这次文案是由五个字组成，中间这个4正好处于中间位置，所以就让4作为画面中心位置的出现，其它字围绕着4做一个空间的变化。） 6.1.2 PS+AI执行环节 确定了字的整体的形态，之后就综合利用AI与PS的优势，非常有规律的朝着这个方向来做就好了。 新建与准备。 在AI中新建画布，宽度高度都设置为1000px，RGB，72分辨率。 用微软雅黑的字形来辅助做一个完全属于自己的字体。把微软雅黑选中，把透明度改成20，让它到达一种比较朦胧的状态，这样就不妨碍在它上面作画了。然后打上“暑假4宗罪”，快捷键“Command＋2”把它锁在画布上。 整体描摹。 以“暑”字为例，用钢笔工具在字体上整体描摹一遍，现在这个字形看起来还是很单薄的，但是这已经是完全由你自己来绘制的字体了，已经完全脱离了系统原本自带字体的束缚，有你自己的风格存在了。 进一步的细化与形体修正。 描边加粗为9pt，然后选择对象-扩展-填充、描边-确定，转化为形状。 全部的笔画进行一个简单的对齐，让字看起来更规矩、更大气，也为之后做的透视效果做准备。 对它进行一个横竖笔画的粗细变化。耐心调整，让这些笔画之间的关系更加紧凑，设计感更强。 按照同样的方法，整体绘制一遍： （注意：让每个字的大小保持一致。因为这个字体要做的效果是要围绕“4”做一个空间上的转变，那什么样的东西做空间转变会更加