用ps设计网页(怎么用ps做游戏界面设计)

本文主要介绍用ps设计网页(如何用ps设计游戏)，下面跟着东辰网详细了解一下吧。

教程侧重于网页首页的设计，需要根据客户的要求确定页面的内容；然后收集相关素材，根据自己的创意发挥，把画面做得很美，很有视觉冲击力。最终效果

因为主题全球霸权与全球化很明确，我们可以围绕它构思一个专题。首先，在脑海中想象一个要构建的大致场景。

各路英雄争天下开始，自然体现在各派英雄争武林冠军的感觉上。英雄可以被包围在周围，中间可以放置一个类似勋章的物品，这样就可以决定整个场景和场景的基调。让让我们先提炼一下关键词。

根据相关的关键字，我们可以搜索素材。本页主要使用游戏中提供的人物和场景原画素材，外部素材不多。我这里只列出游戏内部使用的材料。

1.我们开始搭建场景。

2.这里主要是把原画的周围变暗，中间变亮。之所以这样处理，是因为中间的主题部分可以充分突出。让让我们一步一步来看看如何达到现在的效果。

3.首先，模糊原画的两侧，以添加一些景深效果。方法是先把原画变成一个智能物体，然后添加高斯模糊值5左右，再擦除滤镜的蒙版，把不不需要模糊。

4.适当降低亮度和饱和度，增加画面的对比度，减少原画色彩过多给后期配色带来的不便。

5.给画面加一个红黄色调，页面的暗部是红棕色，略带黄色。

6.再次将整个画面变暗。

7.突出天空。用白色柔性笔刷在天空中涂抹，图案叠加。

8.打磨中间部分，主要分三层，底层偏红，幅度最大；中层为黄色，范围略小于红色部分；最上面一层自然是白色，也就是光源的位置，范围最小。这一步相当于给画面加了一个光源，光线从中间向四周逐渐减弱。

Tips:

这里画面变暗的时候，画面本身的火球和爆炸火焰没有做相应的处理，后面可以用，所以不需要变暗，处理的时候要把这部分在蒙版上擦掉。框架内板的黑域是火的部分，是预留的。

9.这里主要教大家做这个标题的效果。

10.首先，按照主次关系对文本进行排版。在这里，也最好采用中间形式。单词全球霸权与全球化是之前同事做的一个变形，这里直接用。文本变形不是本教程的重点，所以我赢了这里就不详细介绍了。有兴趣可以看看畅游VC的文本变形教程。

文本排列当我我完成了，我我将使用钢笔工具在文本的下层画出黑色背景的轮廓。这可以采取多种形式。画得好的同学可以画出非常的背景。这里我只做了轻微的处理(显然我我不是一个很好的画)并在角落里添加了一些尖点，使它们看起来很锋利。

11.赋予文字底部效果，叠加材料。选择一个褐色的颜色值为底部，这里使用#2测试。回到家，关掉房间的灯，打开手电筒或者手机的闪光灯照在自己身上，然后把手伸向手电筒，通过改变手掌与手电筒和眼睛的距离，观察手掌的颜色和一些细节的可辨认性。相信这个小实验可以帮助你对这个逆光现象有个大概的了解。上图还有一点需要注意的是，近大远小，近清晰远模糊的透视关系，边缘的人比其他人小，需要一点高斯模糊才能更真实。

在最后的画面中加入一些火花灯光效果，增加气氛。

教程侧重于网页首页的设计，需要根据客户的要求确定页面的内容；然后收集相关材料，根据自己的创意。玩，把画面做得很美，有视觉冲击力。最终效果

因为主题全球霸权与全球化很明确，我们可以围绕它构思一个专题。首先，在脑海中想象一个要构建的大致场景。

各路英雄争天下开始，自然体现在各派英雄争武林冠军的感觉上。英雄可以被包围在周围，中间可以放置一个类似勋章的物品，这样就可以决定整个场景和场景的基调。让让我们先提炼一下关键词。

根据相关的关键字，我们可以搜索素材。本页主要使用游戏中提供的人物和场景原画素材，外部素材不多。我这里只列出游戏内部使用的材料。

1.我们开始搭建场景。

2.这里主要是把原画的周围变暗，中间变亮。之所以这样处理，是因为中间的主题部分可以充分突出。让让我们一步一步来看看如何达到现在的效果。

3.首先，模糊原画的两侧，以添加一些景深效果。方法是先把原画变成一个智能物体，然后添加高斯模糊值5左右，再擦除滤镜的蒙版，把不不需要模糊。

4.适当降低亮度和饱和度，增加画面的对比度，减少原画色彩过多给后期配色带来的不便。

5.给画面加一个红黄色调，页面的暗部是红棕色，略带黄色。

6.再次将整个画面变暗。

7.突出天空。用白色柔性笔刷在天空中涂抹，图案叠加。

8.打磨中间部分，主要分三层，底层偏红，幅度最大；中层为黄色，范围略小于红色部分；最上面一层自然是白色，也就是光源的位置，范围最小。这一步相当于给画面加了一个光源，光线从中间向四周逐渐减弱。

Tips:

这里画面变暗的时候，画面本身的火球和爆炸火焰没有做相应的处理，后面可以用，所以不需要变暗，处理的时候要把这部分在蒙版上擦掉。框架内板的黑域是火的部分，是预留的。

9.这里主要教大家做这个标题的效果。

10.首先，按照主次关系对文本进行排版。在这里，也最好采用中间形式。单词全球霸权与全球化是之前同事做的一个变形，这里直接用。文本变形不是本教程的重点，所以我赢了这里就不详细介绍了。有兴趣可以看看畅游VC的文本变形教程。

单词排列好后，用钢笔工具在单词的下层勾出黑色背景的轮廓。这可以采取多种形式。画师比较好的同学可以勾出来一个非常的底。在这里我只做了轻微的处理(显然我不是一个很好的)，并将其添加到角落。添加了一些尖点，使它看起来很锋利。

11.赋予文字底部效果，叠加材料。选择一个褐色的颜色值为底部，这里使用#2测试。回到家，关掉房间的灯，打开手电筒或者手机的闪光灯照在自己身上，然后把手伸向手电筒，通过改变手掌与手电筒和眼睛的距离，观察手掌的颜色和一些细节的可辨认性。相信这个小实验可以帮助你对这个逆光现象有个大概的了解。上图还有一点需要注意的是，近大远小，近清晰远模糊的透视关系，边缘的人比其他人小，需要一点高斯模糊才能更真实。

在最后的画面中加入一些火花灯光效果，增加气氛。

了解更多用ps设计网页(如何用ps设计游戏界)相关内容请关注东辰网。