PS网页设计：制作游戏网站专题页面图片教程
该教程的重点在于网页头版的设计，要依据客户提出的要求，定好页面所要展现的内容，之后去搜集相关的素材，凭借自身的创意进行发挥，将画面描绘得绚丽多彩，具备视觉冲击效果就行。
最终效果
不管怎样，鉴于主题是“全球争霸赛”，且这已然十分明确，如此一来，我们便能够依据这个主题，去着手进行专题的构思工作了。首先开始，依旧是在脑海当中，去想象一下，那个我们所要精心打造的，大概是怎样一番模样的场景。各路豪杰，竞相争夺全球顶级第一的名号，映射到游戏里头，自然而然也就是各个门派的英雄们，去角逐武林盟主之位的这类感觉。可以把英雄们环绕着放置在四周，然后在中间摆放一个类似奖牌形式的物品，如此这般，大致的场景以及场面基调，也就能够确定下来了。我们还是先去提炼一下里面的关键词。
凭借联想到的形形色色关键词，我们则能够着手开展进行素材广泛的搜索啦。这个页面所运用的要紧的是游戏内给予提供的人物以及场景原画素材，外部素材提及用到并非太多，我此处仅仅只是罗列一下所运用到的游戏内部的素材。
一、我们开始打造场景。
二、这里主要针对原画做了一项处理，这项处理是将四周压暗，同时把中间提亮，这样处理的原因在于能够让中间的主题部分得以充分突出，接下来我们一步步看看是怎样达成当前这种效果的。
三、首先，要对原画的两边予以及时的模糊处理，以此来增添一些景深方面的效果。其具体的方法是，能够先将原画转变成为智能对象，紧接着给予添加高斯模糊，数值设定在5左右，随后再针对滤镜的蒙版开展擦除工作，把那些不必要进行模糊的地方给擦拭掉。
四 ， 将亮度以及饱和度适度降低 ， 把画面对比度加大 ， 原画自身所具有的色彩过多且过艳 ， 会给后期调色造就不便情况下 ， 予以减少 。
五、给画面添加红黄色调，是页面暗处偏红棕，亮出微微偏黄。
六、再次压暗整个画面。
七、提亮天空部分。利用白色柔性画笔在天空处涂抹，模式叠加。
步骤八，针对中间部分实施打光操作，就此处而言，主要被划分为了3层，处于最下方的那一层呈现出偏红颜色，其范围在这3层里乃是最大的；而处于中间的那一层偏向黄色爱游戏登录入口网页版平台，该层范围对比红色部分略微小一些；处于最上面的那一层理所当然是白色，此白色所在位置也就是光源所处位置，其范围是最小的。这一步骤所起到的作用类似于给画面增添一个光源，光线从中间朝着四周逐渐变弱 。
小贴士，这里在针对画面开展压暗处理之际，未曾对画面自身所具备的火球、爆炸火焰等实施相应处理，这些自身的火光于后续是能够加以利用的，因而无需进行压暗，在处理时应当于蒙版之上擦除却这一部分，框内蒙版上的黑色区域就是火光部分，予以保留 。
九、这里主要教大家来制作这种标题的效果。
十、先依照主次关系对文字予以排版，此处同样以采用居中的形式为佳。那‘全球争霸赛’这几个字乃是同事先前做好的变形，我在此处直接拿来运用了，文字变形并非本次教程的重点，所以于此处不进行详细介绍，感兴趣的人员可以去看下畅游VC关于文字变形的教程。将文字排列妥当之后，便运用钢笔工具，在文字下方的图层勾勒出黑底的轮廓，这能够存在多种样式，绘画技艺较为出色的同学能够勾勒出极其厉害的底，在这里我仅仅做了些许的处理，很明显我并非绘画技艺十分精湛的同学，给边角的地方增添了一些向外突出的尖，致使它看起来显得较为 标点符号缺失，请补充完整句子后追问 。
尖锐。
十一、针对文字的底部去做一种效果，进行叠加那样的材质。给底部挑选一个偏向棕色的色取值，此处用的是#2e2320，接着主要是针对斜面以及浮雕来做处理。
十二、应用斜面和浮雕之际得留意“方法和深度”的数值，建议每个人自行持续调节感受一下变动之处。我这儿通常一用上此效果便分别选定为“平滑”和“1000”，这般方能让斜面的分割清晰且不会产生杂边。下面的高光与阴影借由不断相看效果图来予以调整。样式调整完毕后寻觅一张墙壁的素材叠加至底部爱游戏ayx官网登录入口，接着依据叠加之后的效果进行相应的调整就成呐 。
十三、针对文字制作效果，其方法跟之前类似。主要依靠的也是那种图层样式，随后还要再加上墙壁材质叠加。在这里，运用不一样的颜色去进行区分主标以及副标，到了后期，可以采用白色柔性画笔去给文字增添一些高光，直接进行涂抹然后叠加就搞定啦（这里就不再详细叙述了）。
十四、这一步之事，在于寻觅一些刀剑以及金属装饰之物，借此去对我们的标题予以修饰爱游戏app入口官网首页，从而使得它们看上去充溢着对战的那种感觉呀这里人人容易萌生一种误区即有的同学兴许觉着，后面所见之大刀系由一把整把的刀实施的复制以及水平方向上的翻转呢 。其实并非如此，由于刀的中间部分被遮挡住了，而要寻觅一把特性全然契合我们期望的刀并非易事，所以此时我们能够拆分成两部分去寻觅，分别去找出自己脑海中所想到的刀柄与刀刃，寻找之时铁定要找那种看上去颇为霸气的刀，比如说在此处因是天龙的专题，我在寻找刀柄之际就找了一个带有龙头的刀柄，与游戏主题也算是比较贴合的。刀具的刃口选型，最好是选用那种相对较宽的，并非类似日本武士所使用的那般纤细的刀型，倒是类似于往昔执行砍头处决时候用到的那种大刀类型（天哪，太残忍血腥了），如此看起来会显得比较有霸气感。两者进行结合以后，实施复制翻转操作，再者经过调色以及亮度对比度方面的调整，便能收获当前呈现的这种效果。其中在调色之际需要留意的是，应略微朝着页面的整体色调方向去靠拢。处于最顶部位置的金属修饰物件，是平日里进行搜集而得的，能够从一些武器、金属盔甲以及部分游戏ui界面上面进行扣取，经过加工之后所获取的产物，在此处作为装饰物品也能够发挥出蛮不错的作用。存在这样一些同学，他们或许会提出疑问，为何不将这个具有修饰作用的物品安置于下方呢？其缘由极为简单，在于下方我们后续还需要容纳一些文字方面的内容，恰好能够放置在两个刀刃的中间位置。把其余的文字部分内容按照一定顺序排列妥当，便能够达成如下图示的效果。
十五、针对各大高手展开打光方面以及调色方面进行处理。首先，将我们所找到的六大高手，依据动作的对应关系，调整其大小比例，做到水平翻转操作，以此来达成画面的平衡和谐状态。这儿概括一下：弓箭女、葫芦娃都处于正面稍微偏一点的状态，面部带有细微的朝向，因而选他俩当作正前方的主要人物；和尚、菜刀男都呈现出跳跃飞起的感觉，所以在排列时略微高于主人物，而且他们俩的姿势恰好相互呼应，不愧是好基友；扇子男、回眸女两人皆是明显的侧身，身体所占的比重不多，所以缩小后放置在最两边（谁叫你俩不正面相对，只能坐冷板凳）。
十六、这里呢，要为大家讲解打光，是以右半边的三位壮士来进行的，首先呢，拿葫芦娃开刀，给葫芦娃添加蒙板，接着用柔性画笔擦除膝盖以下部分，然后在其上方创建剪切蒙版，随后拉一个从背景底色到透明的渐变，通过这样的操作让葫芦娃与画面更加融合。
十七、把饱和度降低，将对比度加大，可让人物看上去更具质感（见下图左）。运用色彩平衡给人物增添环境色，朝着红黄的方向予以调整（如下图示右）。
使人物看起来更具质感，要降低饱和度，加大对比度，呈现如左图所示效果。给人物添加环境色，需利用色彩平衡，朝着红黄方向进行调整，呈现为右图所示情形。
十九、再次提亮人物左侧的背景，运用柔性画笔去叠加，或者借助图层样式吸取环境色来调节（图左）。于人物的最上方创建剪切蒙版，从左上方帽檐处朝着右下方拉白色到透明的渐变，将填充调为零，借助图层样式调整颜色给人物进一步增添环境色亮光，致使人物的受光面从左上至右下方渐渐减弱（图右）。
二十、菜刀男与回眸女的处理方式跟葫芦娃相近，先是降低饱和度，接着进行调色，随后再去打光，要留意的是，距离中间光源远近存在差异，受光程度也不相同，像在此处，菜刀男的受光相较于葫芦娃要略微弱些，而回眸女的受光是最弱的。另外一点，就是菜刀男处于葫芦娃的身后，会有一部分光因打到葫芦娃的背部而反射到菜刀男的左侧，所以左侧的受光会略强一点。依据这些关系，我们把人物的受光处理好，如图所示。
二十一、左侧那三位壮士的处理方式跟右侧是一样的，这儿就不再详细说明了，最终呈现的效果像图中那样 。若是大伙对于此类逆光的情形还不是特别清楚的话，可以回去后弄一个简单的测验 。回到家后，把屋里的灯关上，打开手电筒或者手机的闪光灯朝着自己照射，接着伸出自己的手，对手电筒，通过变动手掌与手电以及自己眼睛之间的距离，去观察手掌的颜色以及一些细微之处的可辨识度 。相信借助这个小试验能够帮大伙对这种逆光情形有个大概的认识 。上图还有一点要留意，存在近大远小，靠着近清晰远模糊的那种透视关系，而最边上的人物，与其他人物相比，要显得更小些许，继而还需要略微增添几分高斯模糊予以处理，通过这种法子才能够显得更为真实。
给最终画面添加一些火花光效，增加氛围。
【特别推荐】
平面设计学习交流群：547639013
